.vignette {
  background-color: var(--color-navy);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100% 100%;
  background-image: var(--vignette-translucent), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-abcb {
  background-image: var(--vignette-abcb-translucent), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-volume-1 {
  background-image: var(--vignette-volume-1), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-volume-2 {
  background-image: var(--vignette-volume-2), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-volume-3 {
  background-image: var(--vignette-volume-3), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-housing {
  background-image: var(--vignette-housing-provisions), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-education {
  background-image: var(--vignette-education), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-amendment {
  background-image: var(--vignette-amendment), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-ncc {
  background-image: var(--vignette-ncc-translucent), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-codemark {
  background-image: var(--vignette-codemark-translucent), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-watermark {
  background-image: var(--vignette-watermark-translucent), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-abcb-opaque {
  background-image: var(--vignette-abcb-opaque), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-ncc-opaque {
  background-image: var(--vignette-ncc-opaque), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-codemark-opaque {
  background-image: var(--vignette-codemark-opaque), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-watermark-opaque {
  background-image: var(--vignette-watermark-opaque), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-abcb-translucent {
  background-image: var(--vignette-abcb-translucent), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-ncc-translucent {
  background-image: var(--vignette-ncc-translucent), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-codemark-translucent {
  background-image: var(--vignette-codemark-translucent), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }

.vignette-watermark-translucent {
  background-image: var(--vignette-watermark-translucent), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }