Caves of Qud Wiki

MediaWiki:Common.css: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 571: Line 571:
         grid-template-areas:"a b" "c b" "c d" "e e";
         grid-template-areas:"a b" "c b" "c d" "e e";
grid-template-rows: auto 1f;
grid-template-rows: auto 1f;
         grid-template-columns: 800px auto
         grid-template-columns: 60% 40%;
}
}
}
}
Line 1,918: Line 1,918:
}
}
.qud-image-link span {
.qud-image-link span {
text-decoration: underline;
text-decoration: none;
text-decoration-style: solid;
text-decoration-style: solid;
}
.qud-image-link .qud-text::before {
bottom:-2px;
position:absolute;
width:100%;
height:2px;
content:"";
z-index:1;
background-image:inherit;
}
.qud-image-link a {
text-decoration:underline;
text-decoration-thickness:2px;
color:var(--qud-color-y-dark)
}
.qud-image-link .qud-text {
position:relative;
-webkit-text-fill-color: transparent;
}
}
.qud-image {
.qud-image {
Line 3,887: Line 3,905:
border-collapse: separate;
border-collapse: separate;
}
}
 
/* Code Mirror */
/*QUD SHADERS*/
#mw-panel.collapsible-nav .portal.collapsed h3 {
.qud-text {
color: var(--qud-color-b-dark);;
display:inline-block;
font-family:'Source Code Pro', monospace;
background-image:linear-gradient(to right,var(--qud-color-y-dark), var(--qud-color-y-dark));
background-size:1ch;
background-clip:text;
color:transparent;
font-weight:bold;
}
}


.qud-look-modern-box .qud-text {
#mw-panel.collapsible-nav .portal.collapsed h3 a {
font-weight:normal;
color: var(--qud-color-b-dark);
}
}
 
.CodeMirror {
.qud-text.amorous {
color: var(--qud-color-y-dark);
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0.00%, var(--qud-color-r-dark) 25.00%,
      var(--qud-color-r) 25.00%, var(--qud-color-r) 50.00%,
      var(--qud-color-m) 50.00%, var(--qud-color-m) 75.00%,
      var(--qud-color-m-dark) 75.00%, var(--qud-color-m-dark) 100.00%);
  background-size: 4ch;
}
}
 
.cm-s-default .cm-header {
.qud-text.arctic-camouflage {
color: var(--qud-color-b-dark)
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0ch, var(--qud-color-y-dark) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
      var(--qud-color-y-dark) 5ch, var(--qud-color-y-dark) 6ch,
      var(--qud-color-y-dark) 6ch, var(--qud-color-y-dark) 7ch,
      var(--qud-color-y) 7ch, var(--qud-color-y) 8ch,
      var(--qud-color-y) 8ch, var(--qud-color-y) 9ch,
      var(--qud-color-k) 9ch, var(--qud-color-k) 10ch);
  background-size: 10ch;
}
}
 
.cm-mw-link-pagename, .cm-mw-link-bracket, .cm-mw-extlink, .cm-mw-free-extlink,.cm-mw-extlink-protocol, .cm-mw-free-extlink-protocol, .cm-mw-extlink-bracket {
.qud-text.astral {
color: var(--qud-color-c)
  background-image: linear-gradient(to right, var(--qud-color-y) 0.00%, var(--qud-color-y) 20.00%,
      var(--qud-color-y-dark) 20.00%, var(--qud-color-y-dark) 40.00%,
      var(--qud-color-k) 40.00%, var(--qud-color-k) 60.00%,
      var(--qud-color-y-dark) 60.00%, var(--qud-color-y-dark) 80.00%,
      var(--qud-color-y) 80.00%, var(--qud-color-y) 100.00%);
  background-size: 5ch;
}
}
 
.cm-s-default .cm-quote {
.qud-text.auroral {
color: var(--qud-color-g);
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-g) 2ch, var(--qud-color-g) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-g) 4ch, var(--qud-color-g) 5ch,
      var(--qud-color-g-dark) 5ch, var(--qud-color-g-dark) 6ch,
      var(--qud-color-k) 6ch, var(--qud-color-k) 7ch);
  background-size: 7ch;
}
}
 
.cm-mw-template-bracket, .cm-mw-template-name, .cm-mw-template-delimiter, .cm-mw-template-argument-name {
.qud-text.bee {
color: var(--qud-color-m-dark);
  background-image: linear-gradient(to right, var(--qud-color-k) 0.00%, var(--qud-color-k) 14.29%,
      var(--qud-color-w-dark) 14.29%, var(--qud-color-w-dark) 28.57%,
      var(--qud-color-w) 28.57%, var(--qud-color-w) 42.86%,
      var(--qud-color-y) 42.86%, var(--qud-color-y) 57.14%,
      var(--qud-color-w) 57.14%, var(--qud-color-w) 71.43%,
      var(--qud-color-w-dark) 71.43%, var(--qud-color-w-dark) 85.71%,
      var(--qud-color-k) 85.71%, var(--qud-color-k) 100.00%);
  background-size: 100%;
}
}
 
.cm-mw-template {
.qud-text.beylah {
color: var(--qud-color-y-dark);
  background-image: linear-gradient(to right, var(--qud-color-b) 0ch, var(--qud-color-b) 1ch,
      var(--qud-color-b-dark) 1ch, var(--qud-color-b-dark) 2ch,
      var(--qud-color-g-dark) 2ch, var(--qud-color-g-dark) 3ch,
      var(--qud-color-k-dark) 3ch, var(--qud-color-k-dark) 4ch,
      var(--qud-color-w) 4ch, var(--qud-color-w) 5ch,
      var(--qud-color-r) 5ch, var(--qud-color-r) 6ch,
      var(--qud-color-r-dark) 6ch, var(--qud-color-r-dark) 7ch);
  background-size: 7ch;
}
}
 
.cm-mw-table-bracket, .cm-mw-table-definition,.cm-mw-table-delimiter {
.qud-text.bio {
color: var(--qud-color-b);
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-g) 1ch, var(--qud-color-g) 2ch,
      var(--qud-color-w) 2ch, var(--qud-color-w) 3ch,
      var(--qud-color-m) 3ch, var(--qud-color-m) 4ch,
      var(--qud-color-w) 4ch, var(--qud-color-w) 5ch,
      var(--qud-color-g) 5ch, var(--qud-color-g) 6ch,
      var(--qud-color-g-dark) 6ch, var(--qud-color-g-dark) 7ch,
      var(--qud-color-g-dark) 7ch, var(--qud-color-g-dark) 8ch,
      var(--qud-color-g-dark) 8ch, var(--qud-color-g-dark) 9ch,
      var(--qud-color-g-dark) 9ch, var(--qud-color-g-dark) 10ch,
      var(--qud-color-g-dark) 10ch, var(--qud-color-g-dark) 11ch);
  background-size: 11ch;
}
}
 
.cm-negative, .cm-mw-parserfunction-name, .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter {
.qud-text.biomech {
color: var(--qud-color-r);
  background-image: linear-gradient(to right, var(--qud-color-w-dark) 0ch, var(--qud-color-w-dark) 1ch,
      var(--qud-color-w-dark) 1ch, var(--qud-color-w-dark) 2ch,
      var(--qud-color-r-dark) 2ch, var(--qud-color-r-dark) 3ch,
      var(--qud-color-r-dark) 3ch, var(--qud-color-r-dark) 4ch,
      var(--qud-color-r-dark) 4ch, var(--qud-color-r-dark) 5ch,
      var(--qud-color-w-dark) 5ch, var(--qud-color-w-dark) 6ch,
      var(--qud-color-r-dark) 6ch, var(--qud-color-r-dark) 7ch,
      var(--qud-color-r-dark) 7ch, var(--qud-color-r-dark) 8ch);
  background-size: 8ch;
}
}
 
.cm-positive {
.qud-text.blaze {
color: var(--qud-color-g);
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-r-dark) 1ch, var(--qud-color-r-dark) 2ch,
      var(--qud-color-r) 2ch, var(--qud-color-r) 3ch,
      var(--qud-color-w) 3ch, var(--qud-color-w) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch);
  background-size: 5ch;
}
}
 
.cm-s-default .cm-keyword {
.qud-text.brainbrine {
color: var(--qud-color-m-dark)
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-g-dark) 2ch, var(--qud-color-g-dark) 3ch,
      var(--qud-color-w-dark) 3ch, var(--qud-color-w-dark) 4ch,
      var(--qud-color-w) 4ch, var(--qud-color-w) 5ch,
      var(--qud-color-w) 5ch, var(--qud-color-w) 6ch,
      var(--qud-color-w) 6ch, var(--qud-color-w) 7ch,
      var(--qud-color-w-dark) 7ch, var(--qud-color-w-dark) 8ch,
      var(--qud-color-g-dark) 8ch, var(--qud-color-g-dark) 9ch,
      var(--qud-color-g-dark) 9ch, var(--qud-color-g-dark) 10ch,
      var(--qud-color-g-dark) 10ch, var(--qud-color-g-dark) 11ch);
  background-size: 11ch;
}
}
 
.cm-s-default .cm-atom {
.qud-text.camouflage {
color: var(--qud-color-b-dark);
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-g) 2ch, var(--qud-color-g) 3ch,
      var(--qud-color-g-dark) 3ch, var(--qud-color-g-dark) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
      var(--qud-color-g-dark) 5ch, var(--qud-color-g-dark) 6ch,
      var(--qud-color-g-dark) 6ch, var(--qud-color-g-dark) 7ch,
      var(--qud-color-g) 7ch, var(--qud-color-g) 8ch,
      var(--qud-color-g) 8ch, var(--qud-color-g) 9ch,
      var(--qud-color-k) 9ch, var(--qud-color-k) 10ch);
  background-size: 10ch;
}
}
 
.cm-s-default .cm-number {
.qud-text.chiral {
color: var(--qud-color-g-dark);
  background-image: linear-gradient(to right, var(--qud-color-b) 0ch, var(--qud-color-b) 1ch,
      var(--qud-color-b-dark) 1ch, var(--qud-color-b-dark) 2ch,
      var(--qud-color-c-dark) 2ch, var(--qud-color-c-dark) 3ch,
      var(--qud-color-c) 3ch, var(--qud-color-c) 4ch,
      var(--qud-color-m) 4ch, var(--qud-color-m) 5ch,
      var(--qud-color-m-dark) 5ch, var(--qud-color-m-dark) 6ch,
      var(--qud-color-k-dark) 6ch, var(--qud-color-k-dark) 7ch,
      var(--qud-color-m-dark) 7ch, var(--qud-color-m-dark) 8ch,
      var(--qud-color-m) 8ch, var(--qud-color-m) 9ch,
      var(--qud-color-c) 9ch, var(--qud-color-c) 10ch,
      var(--qud-color-c-dark) 10ch, var(--qud-color-c-dark) 11ch,
      var(--qud-color-b-dark) 11ch, var(--qud-color-b-dark) 12ch);
  background-size: 12ch;
}
}
 
.cm-s-default .cm-def {
.qud-text.cloning {
color: var(--qud-color-b-dark);
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
      var(--qud-color-y) 1ch, var(--qud-color-y) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch,
      var(--qud-color-m) 6ch, var(--qud-color-m) 7ch,
      var(--qud-color-y) 7ch, var(--qud-color-y) 8ch,
      var(--qud-color-m) 8ch, var(--qud-color-m) 9ch,
      var(--qud-color-y) 9ch, var(--qud-color-y) 10ch,
      var(--qud-color-y) 10ch, var(--qud-color-y) 11ch,
      var(--qud-color-y) 11ch, var(--qud-color-y) 12ch,
      var(--qud-color-y) 12ch, var(--qud-color-y) 13ch,
      var(--qud-color-y) 13ch, var(--qud-color-y) 14ch,
      var(--qud-color-y) 14ch, var(--qud-color-y) 15ch);
  background-size: 15ch;
}
}
 
.cm-s-default .cm-variable,
.qud-text.cloudy {
.cm-s-default .cm-punctuation,
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0ch, var(--qud-color-y-dark) 1ch,
.cm-s-default .cm-property,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
.cm-s-default .cm-operator {}
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
.cm-s-default .cm-variable-2 {
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch,
color: var(--qud-color-b);
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch);
  background-size: 6ch;
}
}
 
.cm-mw-section-header {
.qud-text.coated-in-plasma {
color: var(--qud-color-w)
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-k) 1ch, var(--qud-color-k) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch,
      var(--qud-color-g-dark) 3ch, var(--qud-color-g-dark) 4ch,
      var(--qud-color-g) 4ch, var(--qud-color-g) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch,
      var(--qud-color-k-dark) 6ch, var(--qud-color-k-dark) 7ch,
      var(--qud-color-y) 7ch, var(--qud-color-y) 8ch,
      var(--qud-color-y) 8ch, var(--qud-color-y) 9ch,
      var(--qud-color-k-dark) 9ch, var(--qud-color-k-dark) 10ch,
      var(--qud-color-y) 10ch, var(--qud-color-y) 11ch,
      var(--qud-color-g) 11ch, var(--qud-color-g) 12ch,
      var(--qud-color-g-dark) 12ch, var(--qud-color-g-dark) 13ch,
      var(--qud-color-y-dark) 13ch, var(--qud-color-y-dark) 14ch,
      var(--qud-color-k) 14ch, var(--qud-color-k) 15ch,
      var(--qud-color-k) 15ch, var(--qud-color-k) 16ch);
  background-size: 16ch;
}
}
 
.cm-s-default .cm-string {
.qud-text.crochide {
color: var(--qud-color-r-dark);
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-g-dark) 2ch, var(--qud-color-g-dark) 3ch,
      var(--qud-color-g-dark) 3ch, var(--qud-color-g-dark) 4ch,
      var(--qud-color-g-dark) 4ch, var(--qud-color-g-dark) 5ch,
      var(--qud-color-g) 5ch, var(--qud-color-g) 6ch);
  background-size: 6ch;
}
}


.qud-text.cryogenic {
.cm-s-default .cm-builtin {
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
color: var(--qud-color-b-dark);
      var(--qud-color-c) 1ch, var(--qud-color-c) 2ch,
      var(--qud-color-c) 2ch, var(--qud-color-c) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-c-dark) 4ch, var(--qud-color-c-dark) 5ch,
      var(--qud-color-c-dark) 5ch, var(--qud-color-c-dark) 6ch,
      var(--qud-color-k) 6ch, var(--qud-color-k) 7ch,
      var(--qud-color-y-dark) 7ch, var(--qud-color-y-dark) 8ch,
      var(--qud-color-y) 8ch, var(--qud-color-y) 9ch);
  background-size: 9ch;
}
}


.qud-text.crysteel {
.cm-s-default .cm-attribute {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0.00%, var(--qud-color-y-dark) 12.50%,
color: var(--qud-color-b-dark);
      var(--qud-color-y-dark) 12.50%, var(--qud-color-y-dark) 25.00%,
      var(--qud-color-k) 25.00%, var(--qud-color-k) 37.50%,
      var(--qud-color-g-dark) 37.50%, var(--qud-color-g-dark) 50.00%,
      var(--qud-color-g-dark) 50.00%, var(--qud-color-g-dark) 62.50%,
      var(--qud-color-k) 62.50%, var(--qud-color-k) 75.00%,
      var(--qud-color-y-dark) 75.00%, var(--qud-color-y-dark) 87.50%,
      var(--qud-color-y-dark) 87.50%, var(--qud-color-y-dark) 100.00%);
  background-size: 100%;
}
}
 
.cm-s-default .cm-link {
.qud-text.crystalline {
color: var(--qud-color-b-dark);
  background-image: linear-gradient(to right, var(--qud-color-m-dark) 0ch, var(--qud-color-m-dark) 1ch,
      var(--qud-color-m-dark) 1ch, var(--qud-color-m-dark) 2ch,
      var(--qud-color-m-dark) 2ch, var(--qud-color-m-dark) 3ch,
      var(--qud-color-b-dark) 3ch, var(--qud-color-b-dark) 4ch,
      var(--qud-color-b) 4ch, var(--qud-color-b) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch,
      var(--qud-color-b) 6ch, var(--qud-color-b) 7ch,
      var(--qud-color-b-dark) 7ch, var(--qud-color-b-dark) 8ch,
      var(--qud-color-m-dark) 8ch, var(--qud-color-m-dark) 9ch,
      var(--qud-color-m-dark) 9ch, var(--qud-color-m-dark) 10ch,
      var(--qud-color-m-dark) 10ch, var(--qud-color-m-dark) 11ch);
  background-size: 11ch;
}
}


.qud-text.dark-fiery {
.CodeMirror-matchingtag {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0.00%, var(--qud-color-r-dark) 20.00%,
background: rgba(255, 150, 0, .3)
      var(--qud-color-r) 20.00%, var(--qud-color-r) 40.00%,
      var(--qud-color-w) 40.00%, var(--qud-color-w) 60.00%,
      var(--qud-color-r) 60.00%, var(--qud-color-r) 80.00%,
      var(--qud-color-r-dark) 80.00%, var(--qud-color-r-dark) 100.00%);
  background-size: 10ch;
}
}
 
.CodeMirror-activeline-background {
.qud-text.defoliant {
background: #e8f2ff
  background-image: linear-gradient(to right, var(--qud-color-w) 0ch, var(--qud-color-w) 1ch,
      var(--qud-color-w) 1ch, var(--qud-color-w) 2ch,
      var(--qud-color-g) 2ch, var(--qud-color-g) 3ch,
      var(--qud-color-g-dark) 3ch, var(--qud-color-g-dark) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
      var(--qud-color-g-dark) 5ch, var(--qud-color-g-dark) 6ch,
      var(--qud-color-g) 6ch, var(--qud-color-g) 7ch);
  background-size: 7ch;
}
}
 
.CodeMirror {
.qud-text.desert-camouflage {
background: rgba(0, 0, 0, .4)
  background-image: linear-gradient(to right, var(--qud-color-w-dark) 0ch, var(--qud-color-w-dark) 1ch,
      var(--qud-color-w-dark) 1ch, var(--qud-color-w-dark) 2ch,
      var(--qud-color-w) 2ch, var(--qud-color-w) 3ch,
      var(--qud-color-w-dark) 3ch, var(--qud-color-w-dark) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
      var(--qud-color-w-dark) 5ch, var(--qud-color-w-dark) 6ch,
      var(--qud-color-w-dark) 6ch, var(--qud-color-w-dark) 7ch,
      var(--qud-color-w) 7ch, var(--qud-color-w) 8ch,
      var(--qud-color-w) 8ch, var(--qud-color-w) 9ch,
      var(--qud-color-k) 9ch, var(--qud-color-k) 10ch);
  background-size: 10ch;
}
}


.qud-text.displacer {
.CodeMirror-selected {
  background-image: linear-gradient(to right, var(--qud-color-b-dark) 0ch, var(--qud-color-b-dark) 1ch,
background: rgba(176, 215, 212, .91)
      var(--qud-color-b) 1ch, var(--qud-color-b) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-b) 3ch, var(--qud-color-b) 4ch);
  background-size: 4ch;
}
}
 
.CodeMirror-focused .CodeMirror-selected {
.qud-text.dreamy {
background: rgba(176, 215, 212, .91)
  background-image: linear-gradient(to right, var(--qud-color-b-dark) 0ch, var(--qud-color-b-dark) 1ch,
      var(--qud-color-b-dark) 1ch, var(--qud-color-b-dark) 2ch,
      var(--qud-color-b-dark) 2ch, var(--qud-color-b-dark) 3ch,
      var(--qud-color-b) 3ch, var(--qud-color-b) 4ch,
      var(--qud-color-m) 4ch, var(--qud-color-m) 5ch,
      var(--qud-color-k-dark) 5ch, var(--qud-color-k-dark) 6ch,
      var(--qud-color-w) 6ch, var(--qud-color-w) 7ch,
      var(--qud-color-m) 7ch, var(--qud-color-m) 8ch,
      var(--qud-color-b) 8ch, var(--qud-color-b) 9ch,
      var(--qud-color-b-dark) 9ch, var(--qud-color-b-dark) 10ch,
      var(--qud-color-b-dark) 10ch, var(--qud-color-b-dark) 11ch,
      var(--qud-color-b-dark) 11ch, var(--qud-color-b-dark) 12ch,
      var(--qud-color-b-dark) 12ch, var(--qud-color-b-dark) 13ch);
  background-size: 13ch;
}
}


.qud-text.dreamsmoke {
.CodeMirror-line::selection,
  background-image: linear-gradient(to right, var(--qud-color-b-dark) 0ch, var(--qud-color-b-dark) 1ch,
.CodeMirror-line > span::selection,
      var(--qud-color-b-dark) 1ch, var(--qud-color-b-dark) 2ch,
.CodeMirror-line > span > span::selection {
      var(--qud-color-b-dark) 2ch, var(--qud-color-b-dark) 3ch,
background: rgba(176, 215, 212, .91);
      var(--qud-color-b-dark) 3ch, var(--qud-color-b-dark) 4ch,
color: var(--qud-color-k-dark)
      var(--qud-color-y-dark) 4ch, var(--qud-color-y-dark) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch,
      var(--qud-color-y) 6ch, var(--qud-color-y) 7ch,
      var(--qud-color-w) 7ch, var(--qud-color-w) 8ch,
      var(--qud-color-w-dark) 8ch, var(--qud-color-w-dark) 9ch,
      var(--qud-color-b-dark) 9ch, var(--qud-color-b-dark) 10ch,
      var(--qud-color-b-dark) 10ch, var(--qud-color-b-dark) 11ch,
      var(--qud-color-b-dark) 11ch, var(--qud-color-b-dark) 12ch);
  background-size: 12ch;
}
}
 
.CodeMirror-line::-moz-selection,
.qud-text.earth {
.CodeMirror-line > span::-moz-selection,
  background-image: linear-gradient(to right, var(--qud-color-b-dark) 0ch, var(--qud-color-b-dark) 1ch,
.CodeMirror-line > span > span::-moz-selection {
      var(--qud-color-b) 1ch, var(--qud-color-b) 2ch,
background: rgba(176, 215, 212, .91);
      var(--qud-color-w) 2ch, var(--qud-color-w) 3ch,
      var(--qud-color-g-dark) 3ch, var(--qud-color-g-dark) 4ch,
      var(--qud-color-g) 4ch, var(--qud-color-g) 5ch);
  background-size: 5ch;
}
}
 
.cm-searching {
.qud-text.extradimensional {
background-color: #ffa;
  background-image: linear-gradient(to right, var(--qud-color-m) 0.00%, var(--qud-color-m) 6.25%,
background-color: rgba(255, 255, 0, .4)
      var(--qud-color-m) 6.25%, var(--qud-color-m) 12.50%,
      var(--qud-color-m-dark) 12.50%, var(--qud-color-m-dark) 18.75%,
      var(--qud-color-m-dark) 18.75%, var(--qud-color-m-dark) 25.00%,
      var(--qud-color-y-dark) 25.00%, var(--qud-color-y-dark) 31.25%,
      var(--qud-color-y-dark) 31.25%, var(--qud-color-y-dark) 37.50%,
      var(--qud-color-y) 37.50%, var(--qud-color-y) 43.75%,
      var(--qud-color-y) 43.75%, var(--qud-color-y) 50.00%,
      var(--qud-color-o) 50.00%, var(--qud-color-o) 56.25%,
      var(--qud-color-y) 56.25%, var(--qud-color-y) 62.50%,
      var(--qud-color-y) 62.50%, var(--qud-color-y) 68.75%,
      var(--qud-color-y-dark) 68.75%, var(--qud-color-y-dark) 75.00%,
      var(--qud-color-m-dark) 75.00%, var(--qud-color-m-dark) 81.25%,
      var(--qud-color-m-dark) 81.25%, var(--qud-color-m-dark) 87.50%,
      var(--qud-color-m) 87.50%, var(--qud-color-m) 93.75%,
      var(--qud-color-m) 93.75%, var(--qud-color-m) 100.00%);
  background-size: 100%;
}
}


.qud-text.engraved {
/*Slideshow/Carousel for main page*/
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
.carousel{
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
  max-height: 360px;
      var(--qud-color-c-dark) 2ch, var(--qud-color-c-dark) 3ch,
height:360px;
      var(--qud-color-c) 3ch, var(--qud-color-c) 4ch);
position:relative;
  background-size: 4ch;
pointer-events: none;
}
}


.qud-text.eater {
.carousel>div{
   background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
   animation: carousel 28s infinite;
      var(--qud-color-y) 1ch, var(--qud-color-y) 2ch,
   opacity:0
      var(--qud-color-m) 2ch, var(--qud-color-m) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch);
   background-size: 6ch;
}
}


.qud-text.entropic {
.carousel img {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
top:50%;
      var(--qud-color-k) 1ch, var(--qud-color-k) 2ch,
left:50%;
      var(--qud-color-m-dark) 2ch, var(--qud-color-m-dark) 3ch,
transform:translate(-50%, -50%);
      var(--qud-color-k) 3ch, var(--qud-color-k) 4ch,
max-width:100%;
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
height:auto;
      var(--qud-color-k) 5ch, var(--qud-color-k) 6ch,
position:absolute;
      var(--qud-color-m-dark) 6ch, var(--qud-color-m-dark) 7ch,
      var(--qud-color-m-dark) 7ch, var(--qud-color-m-dark) 8ch,
      var(--qud-color-k) 8ch, var(--qud-color-k) 9ch,
      var(--qud-color-k) 9ch, var(--qud-color-k) 10ch,
      var(--qud-color-y-dark) 10ch, var(--qud-color-y-dark) 11ch);
  background-size: 11ch;
}
}
@keyframes carousel{ 
  10%{opacity:1;}
  20%{opacity:0;}
}
.carousel>div:nth-child(7){animation-delay:0s;}
.carousel>div:nth-child(6){animation-delay:4s;}
.carousel>div:nth-child(5){animation-delay:8s;}
.carousel>div:nth-child(4){animation-delay:12s;}
.carousel>div:nth-child(3){animation-delay:16s;}
.carousel>div:nth-child(2){animation-delay:20s;}
.carousel>div:nth-child(1){animation-delay:24s;}


.qud-text.feathered {
  background-image: linear-gradient(to right, var(--qud-color-c) 0.00%, var(--qud-color-c) 11.11%,
      var(--qud-color-b) 11.11%, var(--qud-color-b) 22.22%,
      var(--qud-color-b-dark) 22.22%, var(--qud-color-b-dark) 33.33%,
      var(--qud-color-g-dark) 33.33%, var(--qud-color-g-dark) 44.44%,
      var(--qud-color-g) 44.44%, var(--qud-color-g) 55.56%,
      var(--qud-color-g-dark) 55.56%, var(--qud-color-g-dark) 66.67%,
      var(--qud-color-b-dark) 66.67%, var(--qud-color-b-dark) 77.78%,
      var(--qud-color-b) 77.78%, var(--qud-color-b) 88.89%,
      var(--qud-color-c) 88.89%, var(--qud-color-c) 100.00%);
  background-size: 100%;
}


.qud-text.filthy {
/*QUD SHADERS*/
  background-image: linear-gradient(to right, var(--qud-color-w-dark) 0ch, var(--qud-color-w-dark) 1ch,
.qud-text {
      var(--qud-color-w-dark) 1ch, var(--qud-color-w-dark) 2ch,
display:inline-block;
      var(--qud-color-k) 2ch, var(--qud-color-k) 3ch,
background-image:linear-gradient(to right,var(--qud-color-y-dark), var(--qud-color-y-dark));
      var(--qud-color-w-dark) 3ch, var(--qud-color-w-dark) 4ch,
background-size:1ch;
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
background-clip:text;
      var(--qud-color-w-dark) 5ch, var(--qud-color-w-dark) 6ch,
color:transparent;
      var(--qud-color-w) 6ch, var(--qud-color-w) 7ch);
  background-size: 7ch;
}
 
.qud-text.forest {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-w-dark) 2ch, var(--qud-color-w-dark) 3ch,
      var(--qud-color-g) 3ch, var(--qud-color-g) 4ch,
      var(--qud-color-g-dark) 4ch, var(--qud-color-g-dark) 5ch,
      var(--qud-color-g-dark) 5ch, var(--qud-color-g-dark) 6ch,
      var(--qud-color-w-dark) 6ch, var(--qud-color-w-dark) 7ch,
      var(--qud-color-w-dark) 7ch, var(--qud-color-w-dark) 8ch,
      var(--qud-color-g-dark) 8ch, var(--qud-color-g-dark) 9ch,
      var(--qud-color-g) 9ch, var(--qud-color-g) 10ch,
      var(--qud-color-g) 10ch, var(--qud-color-g) 11ch,
      var(--qud-color-w-dark) 11ch, var(--qud-color-w-dark) 12ch);
  background-size: 12ch;
}
 
.qud-text.fungicide {
  background-image: linear-gradient(to right, var(--qud-color-m) 0ch, var(--qud-color-m) 1ch,
      var(--qud-color-m) 1ch, var(--qud-color-m) 2ch,
      var(--qud-color-r) 2ch, var(--qud-color-r) 3ch,
      var(--qud-color-r-dark) 3ch, var(--qud-color-r-dark) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
      var(--qud-color-r-dark) 5ch, var(--qud-color-r-dark) 6ch,
      var(--qud-color-r) 6ch, var(--qud-color-r) 7ch);
  background-size: 7ch;
}
 
.qud-text.gaslight {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0.00%, var(--qud-color-g-dark) 14.29%,
      var(--qud-color-g-dark) 14.29%, var(--qud-color-g-dark) 28.57%,
      var(--qud-color-w-dark) 28.57%, var(--qud-color-w-dark) 42.86%,
      var(--qud-color-w) 42.86%, var(--qud-color-w) 57.14%,
      var(--qud-color-w-dark) 57.14%, var(--qud-color-w-dark) 71.43%,
      var(--qud-color-g-dark) 71.43%, var(--qud-color-g-dark) 85.71%,
      var(--qud-color-g-dark) 85.71%, var(--qud-color-g-dark) 100.00%);
  background-size: 7ch;
}
 
.qud-text.ghostly {
  background-image: linear-gradient(to right, var(--qud-color-y) 0.00%, var(--qud-color-y) 16.67%,
      var(--qud-color-y) 16.67%, var(--qud-color-y) 33.33%,
      var(--qud-color-y-dark) 33.33%, var(--qud-color-y-dark) 50.00%,
      var(--qud-color-y-dark) 50.00%, var(--qud-color-y-dark) 66.67%,
      var(--qud-color-k) 66.67%, var(--qud-color-k) 83.33%,
      var(--qud-color-k) 83.33%, var(--qud-color-k) 100.00%);
  background-size: 6ch;
}
 
.qud-text.glittering {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-k) 1ch, var(--qud-color-k) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch,
      var(--qud-color-m) 3ch, var(--qud-color-m) 4ch,
      var(--qud-color-y-dark) 4ch, var(--qud-color-y-dark) 5ch,
      var(--qud-color-k) 5ch, var(--qud-color-k) 6ch,
      var(--qud-color-k) 6ch, var(--qud-color-k) 7ch);
  background-size: 7ch;
}
 
.qud-text.glotrot {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-k) 1ch, var(--qud-color-k) 2ch,
      var(--qud-color-r-dark) 2ch, var(--qud-color-r-dark) 3ch,
      var(--qud-color-r) 3ch, var(--qud-color-r) 4ch,
      var(--qud-color-r-dark) 4ch, var(--qud-color-r-dark) 5ch);
  background-size: 5ch;
}
 
.qud-text.graffitied {
  background-image: linear-gradient(to right, var(--qud-color-r) 0ch, var(--qud-color-r) 1ch,
      var(--qud-color-r-dark) 1ch, var(--qud-color-r-dark) 2ch,
      var(--qud-color-w-dark) 2ch, var(--qud-color-w-dark) 3ch,
      var(--qud-color-w) 3ch, var(--qud-color-w) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y-dark) 5ch, var(--qud-color-y-dark) 6ch,
      var(--qud-color-r-dark) 6ch, var(--qud-color-r-dark) 7ch,
      var(--qud-color-r) 7ch, var(--qud-color-r) 8ch,
      var(--qud-color-w) 8ch, var(--qud-color-w) 9ch,
      var(--qud-color-w-dark) 9ch, var(--qud-color-w-dark) 10ch);
  background-size: 10ch;
}
 
.qud-text.great-machine {
  background-image: linear-gradient(to right, var(--qud-color-c-dark) 0ch, var(--qud-color-c-dark) 1ch,
      var(--qud-color-c-dark) 1ch, var(--qud-color-c-dark) 2ch,
      var(--qud-color-c) 2ch, var(--qud-color-c) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-w) 4ch, var(--qud-color-w) 5ch,
      var(--qud-color-k-dark) 5ch, var(--qud-color-k-dark) 6ch,
      var(--qud-color-w) 6ch, var(--qud-color-w) 7ch,
      var(--qud-color-y) 7ch, var(--qud-color-y) 8ch,
      var(--qud-color-c) 8ch, var(--qud-color-c) 9ch,
      var(--qud-color-c-dark) 9ch, var(--qud-color-c-dark) 10ch,
      var(--qud-color-c-dark) 10ch, var(--qud-color-c-dark) 11ch,
      var(--qud-color-c-dark) 11ch, var(--qud-color-c-dark) 12ch,
      var(--qud-color-c-dark) 12ch, var(--qud-color-c-dark) 13ch);
  background-size: 13ch;
}
 
.qud-text.hologram {
  background-image: linear-gradient(to right, var(--qud-color-b-dark) 0ch, var(--qud-color-b-dark) 1ch,
      var(--qud-color-b) 1ch, var(--qud-color-b) 2ch,
      var(--qud-color-c) 2ch, var(--qud-color-c) 3ch,
      var(--qud-color-c-dark) 3ch, var(--qud-color-c-dark) 4ch);
  background-size: 4ch;
}
 
.qud-text.horned {
  background-image: linear-gradient(to right, var(--qud-color-w) 0ch, var(--qud-color-w) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 100%);
  background-size: calc(100% - 1ch);
}
 
.qud-text.hypertractor {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-r) 1ch, var(--qud-color-r) 2ch,
      var(--qud-color-w) 2ch, var(--qud-color-w) 3ch,
      var(--qud-color-w-dark) 3ch, var(--qud-color-w-dark) 4ch,
      var(--qud-color-c-dark) 4ch, var(--qud-color-c-dark) 5ch,
      var(--qud-color-c) 5ch, var(--qud-color-c) 6ch,
      var(--qud-color-b) 6ch, var(--qud-color-b) 7ch,
      var(--qud-color-b-dark) 7ch, var(--qud-color-b-dark) 8ch);
  background-size: 8ch;
}
 
.qud-text.hypervelocity {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0.00%, var(--qud-color-r-dark) 14.29%,
      var(--qud-color-r) 14.29%, var(--qud-color-r) 28.57%,
      var(--qud-color-w) 28.57%, var(--qud-color-w) 42.86%,
      var(--qud-color-y) 42.86%, var(--qud-color-y) 57.14%,
      var(--qud-color-w) 57.14%, var(--qud-color-w) 71.43%,
      var(--qud-color-r) 71.43%, var(--qud-color-r) 85.71%,
      var(--qud-color-r-dark) 85.71%, var(--qud-color-r-dark) 100.00%);
  background-size: 7ch;
}
 
.qud-text.icy {
  background-image: linear-gradient(to right, var(--qud-color-y) 0.00%, var(--qud-color-y) 20.00%,
      var(--qud-color-c) 20.00%, var(--qud-color-c) 40.00%,
      var(--qud-color-b) 40.00%, var(--qud-color-b) 60.00%,
      var(--qud-color-c) 60.00%, var(--qud-color-c) 80.00%,
      var(--qud-color-y) 80.00%, var(--qud-color-y) 100.00%);
  background-size: 100%;
}
 
.qud-text.illuminated {
  background-image: linear-gradient(to right, var(--qud-color-c-dark) 0ch, var(--qud-color-c-dark) 1ch,
      var(--qud-color-c-dark) 1ch, var(--qud-color-c-dark) 2ch,
      var(--qud-color-c-dark) 2ch, var(--qud-color-c-dark) 3ch,
      var(--qud-color-c) 3ch, var(--qud-color-c) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-w) 5ch, var(--qud-color-w) 6ch,
      var(--qud-color-y) 6ch, var(--qud-color-y) 7ch,
      var(--qud-color-c) 7ch, var(--qud-color-c) 8ch);
  background-size: 8ch;
}
 
.qud-text.implanted {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-r-dark) 1ch, var(--qud-color-r-dark) 2ch,
      var(--qud-color-r-dark) 2ch, var(--qud-color-r-dark) 3ch,
      var(--qud-color-r-dark) 3ch, var(--qud-color-r-dark) 4ch,
      var(--qud-color-r-dark) 4ch, var(--qud-color-r-dark) 5ch,
      var(--qud-color-r-dark) 5ch, var(--qud-color-r-dark) 6ch,
      var(--qud-color-r-dark) 6ch, var(--qud-color-r-dark) 7ch,
      var(--qud-color-c) 7ch, var(--qud-color-c) 8ch);
  background-size: 8ch;
}
 
.qud-text.ironshank {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch);
  background-size: 4ch;
}
 
.qud-text.issachari {
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
      var(--qud-color-y) 1ch, var(--qud-color-y) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch,
      var(--qud-color-r-dark) 6ch, var(--qud-color-r-dark) 7ch);
  background-size: 7ch;
}
 
.qud-text.lacquered {
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-k) 2ch, var(--qud-color-k) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y-dark) 5ch, var(--qud-color-y-dark) 6ch,
      var(--qud-color-k) 6ch, var(--qud-color-k) 7ch,
      var(--qud-color-y-dark) 7ch, var(--qud-color-y-dark) 8ch,
      var(--qud-color-y) 8ch, var(--qud-color-y) 9ch,
      var(--qud-color-y-dark) 9ch, var(--qud-color-y-dark) 10ch);
  background-size: 10ch;
}
 
.qud-text.lah {
  background-image: linear-gradient(to right, var(--qud-color-w-dark) 0ch, var(--qud-color-w-dark) 1ch,
      var(--qud-color-w) 1ch, var(--qud-color-w) 2ch,
      var(--qud-color-r) 2ch, var(--qud-color-r) 3ch,
      var(--qud-color-r-dark) 3ch, var(--qud-color-r-dark) 4ch);
  background-size: 4ch;
}
 
.qud-text.lanterned {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0.00%, var(--qud-color-y-dark) 11.11%,
      var(--qud-color-y-dark) 11.11%, var(--qud-color-y-dark) 22.22%,
      var(--qud-color-y-dark) 22.22%, var(--qud-color-y-dark) 33.33%,
      var(--qud-color-y-dark) 33.33%, var(--qud-color-y-dark) 44.44%,
      var(--qud-color-y) 44.44%, var(--qud-color-y) 55.56%,
      var(--qud-color-w) 55.56%, var(--qud-color-w) 66.67%,
      var(--qud-color-y) 66.67%, var(--qud-color-y) 77.78%,
      var(--qud-color-y-dark) 77.78%, var(--qud-color-y-dark) 88.89%,
      var(--qud-color-y-dark) 88.89%, var(--qud-color-y-dark) 100.00%);
  background-size: 100%;
}
 
.qud-text.leafy {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-g) 2ch, var(--qud-color-g) 3ch);
  background-size: 3ch;
}
 
.qud-text.leopard {
  background-image: linear-gradient(to right, var(--qud-color-w) 0ch, var(--qud-color-w) 1ch,
      var(--qud-color-w) 1ch, var(--qud-color-w) 2ch,
      var(--qud-color-w-dark) 2ch, var(--qud-color-w-dark) 3ch,
      var(--qud-color-w-dark) 3ch, var(--qud-color-w-dark) 4ch,
      var(--qud-color-w) 4ch, var(--qud-color-w) 5ch,
      var(--qud-color-k) 5ch, var(--qud-color-k) 6ch,
      var(--qud-color-k) 6ch, var(--qud-color-k) 7ch,
      var(--qud-color-w-dark) 7ch, var(--qud-color-w-dark) 8ch,
      var(--qud-color-w-dark) 8ch, var(--qud-color-w-dark) 9ch,
      var(--qud-color-w) 9ch, var(--qud-color-w) 10ch,
      var(--qud-color-w) 10ch, var(--qud-color-w) 11ch);
  background-size: 11ch;
}
 
.qud-text.levant {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-r-dark) 1ch, var(--qud-color-r-dark) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch);
  background-size: 6ch;
}
 
.qud-text.love {
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
      var(--qud-color-r) 1ch, var(--qud-color-r) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch);
  background-size: 4ch;
}
 
.qud-text.kaleidoslug {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-c) 1ch, var(--qud-color-c) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch,
      var(--qud-color-m-dark) 3ch, var(--qud-color-m-dark) 4ch,
      var(--qud-color-m) 4ch, var(--qud-color-m) 5ch,
      var(--qud-color-r-dark) 5ch, var(--qud-color-r-dark) 6ch,
      var(--qud-color-c-dark) 6ch, var(--qud-color-c-dark) 7ch,
      var(--qud-color-c) 7ch, var(--qud-color-c) 8ch,
      var(--qud-color-y) 8ch, var(--qud-color-y) 9ch,
      var(--qud-color-y-dark) 9ch, var(--qud-color-y-dark) 10ch,
      var(--qud-color-k) 10ch, var(--qud-color-k) 11ch);
  background-size: 11ch;
}
 
.qud-text.kesil {
  background-image: linear-gradient(to right, var(--qud-color-m-dark) 0ch, var(--qud-color-m-dark) 1ch,
      var(--qud-color-m-dark) 1ch, var(--qud-color-m-dark) 2ch,
      var(--qud-color-m) 2ch, var(--qud-color-m) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-y-dark) 4ch, var(--qud-color-y-dark) 5ch);
  background-size: 5ch;
}
 
.qud-text.metamorphic {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0ch, var(--qud-color-y-dark) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch,
      var(--qud-color-m) 6ch, var(--qud-color-m) 7ch,
      var(--qud-color-m) 7ch, var(--qud-color-m) 8ch,
      var(--qud-color-m) 8ch, var(--qud-color-m) 9ch,
      var(--qud-color-m-dark) 9ch, var(--qud-color-m-dark) 10ch,
      var(--qud-color-m-dark) 10ch, var(--qud-color-m-dark) 11ch,
      var(--qud-color-m-dark) 11ch, var(--qud-color-m-dark) 12ch,
      var(--qud-color-m-dark) 12ch, var(--qud-color-m-dark) 13ch);
  background-size: 13ch;
}
 
.qud-text.mirrorshades {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-y-dark) 4ch, var(--qud-color-y-dark) 5ch,
      var(--qud-color-k) 5ch, var(--qud-color-k) 6ch);
  background-size: 6ch;
}
 
.qud-text.jungle {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-w-dark) 2ch, var(--qud-color-w-dark) 3ch,
      var(--qud-color-g) 3ch, var(--qud-color-g) 4ch,
      var(--qud-color-g-dark) 4ch, var(--qud-color-g-dark) 5ch,
      var(--qud-color-m-dark) 5ch, var(--qud-color-m-dark) 6ch,
      var(--qud-color-g-dark) 6ch, var(--qud-color-g-dark) 7ch,
      var(--qud-color-w-dark) 7ch, var(--qud-color-w-dark) 8ch,
      var(--qud-color-w-dark) 8ch, var(--qud-color-w-dark) 9ch,
      var(--qud-color-k) 9ch, var(--qud-color-k) 10ch,
      var(--qud-color-g-dark) 10ch, var(--qud-color-g-dark) 11ch,
      var(--qud-color-m-dark) 11ch, var(--qud-color-m-dark) 12ch,
      var(--qud-color-g) 12ch, var(--qud-color-g) 13ch,
      var(--qud-color-g) 13ch, var(--qud-color-g) 14ch,
      var(--qud-color-w-dark) 14ch, var(--qud-color-w-dark) 15ch);
  background-size: 15ch;
}
 
.qud-text.lovesickness {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-r) 1ch, var(--qud-color-r) 2ch,
      var(--qud-color-m) 2ch, var(--qud-color-m) 3ch,
      var(--qud-color-m-dark) 3ch, var(--qud-color-m-dark) 4ch,
      var(--qud-color-r-dark) 4ch, var(--qud-color-r-dark) 5ch,
      var(--qud-color-r) 5ch, var(--qud-color-r) 6ch,
      var(--qud-color-m) 6ch, var(--qud-color-m) 7ch);
  background-size: 7ch;
}
 
.qud-text.mercurial {
  background-image: linear-gradient(to right, var(--qud-color-c-dark) 0.00%, var(--qud-color-c-dark) 11.11%,
      var(--qud-color-c-dark) 11.11%, var(--qud-color-c-dark) 22.22%,
      var(--qud-color-c) 22.22%, var(--qud-color-c) 33.33%,
      var(--qud-color-w) 33.33%, var(--qud-color-w) 44.44%,
      var(--qud-color-y) 44.44%, var(--qud-color-y) 55.56%,
      var(--qud-color-w) 55.56%, var(--qud-color-w) 66.67%,
      var(--qud-color-c) 66.67%, var(--qud-color-c) 77.78%,
      var(--qud-color-c-dark) 77.78%, var(--qud-color-c-dark) 88.89%,
      var(--qud-color-c-dark) 88.89%, var(--qud-color-c-dark) 100.00%);
  background-size: 100%;
}
 
.qud-text.metachrome {
  background-image: linear-gradient(to right, var(--qud-color-w-dark) 0.00%, var(--qud-color-w-dark) 10.00%,
      var(--qud-color-w) 10.00%, var(--qud-color-w) 20.00%,
      var(--qud-color-y) 20.00%, var(--qud-color-y) 30.00%,
      var(--qud-color-c) 30.00%, var(--qud-color-c) 40.00%,
      var(--qud-color-c-dark) 40.00%, var(--qud-color-c-dark) 50.00%,
      var(--qud-color-c-dark) 50.00%, var(--qud-color-c-dark) 60.00%,
      var(--qud-color-c) 60.00%, var(--qud-color-c) 70.00%,
      var(--qud-color-y) 70.00%, var(--qud-color-y) 80.00%,
      var(--qud-color-w) 80.00%, var(--qud-color-w) 90.00%,
      var(--qud-color-w-dark) 90.00%, var(--qud-color-w-dark) 100.00%);
  background-size: 100%;
}
 
.qud-text.moon {
  background-image: linear-gradient(to right, var(--qud-color-b-dark) 0ch, var(--qud-color-b-dark) 1ch,
      var(--qud-color-b) 1ch, var(--qud-color-b) 2ch,
      var(--qud-color-c) 2ch, var(--qud-color-c) 3ch,
      var(--qud-color-c-dark) 3ch, var(--qud-color-c-dark) 4ch);
  background-size: 4ch;
}
 
.qud-text.nanoneuro {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-r) 1ch, var(--qud-color-r) 2ch,
      var(--qud-color-g) 2ch, var(--qud-color-g) 3ch,
      var(--qud-color-g-dark) 3ch, var(--qud-color-g-dark) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
      var(--qud-color-k) 5ch, var(--qud-color-k) 6ch,
      var(--qud-color-g-dark) 6ch, var(--qud-color-g-dark) 7ch,
      var(--qud-color-g) 7ch, var(--qud-color-g) 8ch,
      var(--qud-color-r) 8ch, var(--qud-color-r) 9ch,
      var(--qud-color-r-dark) 9ch, var(--qud-color-r-dark) 10ch,
      var(--qud-color-g-dark) 10ch, var(--qud-color-g-dark) 11ch);
  background-size: 11ch;
}
 
.qud-text.nanotech {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-k) 1ch, var(--qud-color-k) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch,
      var(--qud-color-k) 3ch, var(--qud-color-k) 4ch);
  background-size: 4ch;
}
 
.qud-text.nervous {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-w-dark) 2ch, var(--qud-color-w-dark) 3ch,
      var(--qud-color-w) 3ch, var(--qud-color-w) 4ch,
      var(--qud-color-w-dark) 4ch, var(--qud-color-w-dark) 5ch,
      var(--qud-color-g-dark) 5ch, var(--qud-color-g-dark) 6ch,
      var(--qud-color-g-dark) 6ch, var(--qud-color-g-dark) 7ch);
  background-size: 7ch;
}
 
.qud-text.neutronic {
  background-image: linear-gradient(to right, var(--qud-color-b) 0ch, var(--qud-color-b) 1ch,
      var(--qud-color-b-dark) 1ch, var(--qud-color-b-dark) 2ch,
      var(--qud-color-k) 2ch, var(--qud-color-k) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch);
  background-size: 5ch;
}
 
.qud-text.nectar {
  background-image: linear-gradient(to right, var(--qud-color-w) 0ch, var(--qud-color-w) 1ch,
      var(--qud-color-w-dark) 1ch, var(--qud-color-w-dark) 2ch,
      var(--qud-color-g-dark) 2ch, var(--qud-color-g-dark) 3ch,
      var(--qud-color-g) 3ch, var(--qud-color-g) 4ch);
  background-size: 4ch;
}
 
.qud-text.ninefold {
  background-image: linear-gradient(to right, var(--qud-color-b) 0ch, var(--qud-color-b) 1ch,
      var(--qud-color-b-dark) 1ch, var(--qud-color-b-dark) 100%);
  background-size: calc(100% - 1ch);
}
 
.qud-text.normal {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-k) 1ch, var(--qud-color-k) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y-dark) 5ch, var(--qud-color-y-dark) 6ch,
      var(--qud-color-y-dark) 6ch, var(--qud-color-y-dark) 7ch,
      var(--qud-color-k) 7ch, var(--qud-color-k) 8ch,
      var(--qud-color-k) 8ch, var(--qud-color-k) 9ch,
      var(--qud-color-y-dark) 9ch, var(--qud-color-y-dark) 10ch,
      var(--qud-color-k) 10ch, var(--qud-color-k) 11ch,
      var(--qud-color-y-dark) 11ch, var(--qud-color-y-dark) 12ch,
      var(--qud-color-y) 12ch, var(--qud-color-y) 13ch);
  background-size: 13ch;
}
 
.qud-text.normalish {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0ch, var(--qud-color-y-dark) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-k) 2ch, var(--qud-color-k) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y-dark) 5ch, var(--qud-color-y-dark) 6ch,
      var(--qud-color-y-dark) 6ch, var(--qud-color-y-dark) 7ch,
      var(--qud-color-y-dark) 7ch, var(--qud-color-y-dark) 8ch,
      var(--qud-color-k) 8ch, var(--qud-color-k) 9ch,
      var(--qud-color-y-dark) 9ch, var(--qud-color-y-dark) 10ch,
      var(--qud-color-y) 10ch, var(--qud-color-y) 11ch);
  background-size: 11ch;
}
 
.qud-text.olive {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-g) 2ch, var(--qud-color-g) 3ch,
      var(--qud-color-w) 3ch, var(--qud-color-w) 4ch,
      var(--qud-color-w-dark) 4ch, var(--qud-color-w-dark) 5ch);
  background-size: 5ch;
}
 
.qud-text.opalescent {
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-k) 2ch, var(--qud-color-k) 3ch,
      var(--qud-color-k) 3ch, var(--qud-color-k) 4ch,
      var(--qud-color-y-dark) 4ch, var(--qud-color-y-dark) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch);
  background-size: 6ch;
}
 
.qud-text.otherpearl {
  background-image: linear-gradient(to right, var(--qud-color-m) 0ch, var(--qud-color-m) 1ch,
      var(--qud-color-m-dark) 1ch, var(--qud-color-m-dark) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-o) 4ch, var(--qud-color-o) 5ch,
      var(--qud-color-o) 5ch, var(--qud-color-o) 6ch,
      var(--qud-color-y) 6ch, var(--qud-color-y) 7ch,
      var(--qud-color-y-dark) 7ch, var(--qud-color-y-dark) 8ch,
      var(--qud-color-m-dark) 8ch, var(--qud-color-m-dark) 9ch,
      var(--qud-color-m) 9ch, var(--qud-color-m) 10ch);
  background-size: 10ch;
}
 
.qud-text.overloaded {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0.00%, var(--qud-color-y-dark) 11.11%,
      var(--qud-color-y-dark) 11.11%, var(--qud-color-y-dark) 22.22%,
      var(--qud-color-w-dark) 22.22%, var(--qud-color-w-dark) 33.33%,
      var(--qud-color-w) 33.33%, var(--qud-color-w) 44.44%,
      var(--qud-color-r) 44.44%, var(--qud-color-r) 55.56%,
      var(--qud-color-w) 55.56%, var(--qud-color-w) 66.67%,
      var(--qud-color-w-dark) 66.67%, var(--qud-color-w-dark) 77.78%,
      var(--qud-color-y-dark) 77.78%, var(--qud-color-y-dark) 88.89%,
      var(--qud-color-y-dark) 88.89%, var(--qud-color-y-dark) 100.00%);
  background-size: 9ch;
}
 
.qud-text.painted {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-r) 1ch, var(--qud-color-r) 2ch,
      var(--qud-color-w) 2ch, var(--qud-color-w) 3ch,
      var(--qud-color-w-dark) 3ch, var(--qud-color-w-dark) 4ch,
      var(--qud-color-g-dark) 4ch, var(--qud-color-g-dark) 5ch,
      var(--qud-color-g) 5ch, var(--qud-color-g) 6ch,
      var(--qud-color-b) 6ch, var(--qud-color-b) 7ch);
  background-size: 7ch;
}
 
.qud-text.paisley {
  background-image: linear-gradient(to right, var(--qud-color-m-dark) 0ch, var(--qud-color-m-dark) 1ch,
      var(--qud-color-m) 1ch, var(--qud-color-m) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-m) 3ch, var(--qud-color-m) 4ch,
      var(--qud-color-m-dark) 4ch, var(--qud-color-m-dark) 5ch);
  background-size: 5ch;
}
 
.qud-text.palladium-mesh {
  background-image: linear-gradient(to right, var(--qud-color-c-dark) 0ch, var(--qud-color-c-dark) 1ch,
      var(--qud-color-c-dark) 1ch, var(--qud-color-c-dark) 2ch,
      var(--qud-color-c-dark) 2ch, var(--qud-color-c-dark) 3ch,
      var(--qud-color-c-dark) 3ch, var(--qud-color-c-dark) 4ch,
      var(--qud-color-c) 4ch, var(--qud-color-c) 5ch,
      var(--qud-color-w) 5ch, var(--qud-color-w) 6ch,
      var(--qud-color-y) 6ch, var(--qud-color-y) 7ch,
      var(--qud-color-w) 7ch, var(--qud-color-w) 8ch,
      var(--qud-color-c) 8ch, var(--qud-color-c) 9ch);
  background-size: 9ch;
}
 
.qud-text.patchwork {
  background-image: linear-gradient(to right, var(--qud-color-w) 0ch, var(--qud-color-w) 1ch,
      var(--qud-color-w-dark) 1ch, var(--qud-color-w-dark) 2ch,
      var(--qud-color-r-dark) 2ch, var(--qud-color-r-dark) 3ch,
      var(--qud-color-r) 3ch, var(--qud-color-r) 4ch,
      var(--qud-color-w) 4ch, var(--qud-color-w) 5ch,
      var(--qud-color-w-dark) 5ch, var(--qud-color-w-dark) 6ch,
      var(--qud-color-b-dark) 6ch, var(--qud-color-b-dark) 7ch,
      var(--qud-color-b) 7ch, var(--qud-color-b) 8ch,
      var(--qud-color-w) 8ch, var(--qud-color-w) 9ch);
  background-size: 9ch;
}
 
.qud-text.pearly {
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
      var(--qud-color-y) 1ch, var(--qud-color-y) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch);
  background-size: 3ch;
}
 
.qud-text.peridot {
  background-image: linear-gradient(to right, var(--qud-color-g) 0ch, var(--qud-color-g) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-w-dark) 2ch, var(--qud-color-w-dark) 3ch,
      var(--qud-color-w) 3ch, var(--qud-color-w) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-w) 5ch, var(--qud-color-w) 6ch,
      var(--qud-color-g) 6ch, var(--qud-color-g) 7ch);
  background-size: 7ch;
}
 
.qud-text.phase-harmonic {
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-m-dark) 2ch, var(--qud-color-m-dark) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch);
  background-size: 5ch;
}
 
.qud-text.plaid {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-k) 1ch, var(--qud-color-k) 2ch,
      var(--qud-color-g) 2ch, var(--qud-color-g) 3ch,
      var(--qud-color-w) 3ch, var(--qud-color-w) 4ch,
      var(--qud-color-g) 4ch, var(--qud-color-g) 5ch);
  background-size: 5ch;
}
 
.qud-text.plasma {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-g) 1ch, var(--qud-color-g) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-g) 4ch, var(--qud-color-g) 5ch,
      var(--qud-color-g-dark) 5ch, var(--qud-color-g-dark) 6ch);
  background-size: 6ch;
}
 
.qud-text.plastifer {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch);
  background-size: 4ch;
}
 
.qud-text.polarized {
  background-image: linear-gradient(to right, var(--qud-color-k) 0.00%, var(--qud-color-k) 11.11%,
      var(--qud-color-y-dark) 11.11%, var(--qud-color-y-dark) 22.22%,
      var(--qud-color-y) 22.22%, var(--qud-color-y) 33.33%,
      var(--qud-color-y-dark) 33.33%, var(--qud-color-y-dark) 44.44%,
      var(--qud-color-k) 44.44%, var(--qud-color-k) 55.56%,
      var(--qud-color-y-dark) 55.56%, var(--qud-color-y-dark) 66.67%,
      var(--qud-color-y) 66.67%, var(--qud-color-y) 77.78%,
      var(--qud-color-y-dark) 77.78%, var(--qud-color-y-dark) 88.89%,
      var(--qud-color-k) 88.89%, var(--qud-color-k) 100.00%);
  background-size: 100%;
}
 
.qud-text.prismatic {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-r) 1ch, var(--qud-color-r) 2ch,
      var(--qud-color-w) 2ch, var(--qud-color-w) 3ch,
      var(--qud-color-g) 3ch, var(--qud-color-g) 4ch,
      var(--qud-color-b) 4ch, var(--qud-color-b) 5ch,
      var(--qud-color-b-dark) 5ch, var(--qud-color-b-dark) 6ch,
      var(--qud-color-m-dark) 6ch, var(--qud-color-m-dark) 7ch);
  background-size: 7ch;
}
 
.qud-text.psionic {
  background-image: linear-gradient(to right, var(--qud-color-b-dark) 0.00%, var(--qud-color-b-dark) 14.29%,
      var(--qud-color-b) 14.29%, var(--qud-color-b) 28.57%,
      var(--qud-color-c) 28.57%, var(--qud-color-c) 42.86%,
      var(--qud-color-c-dark) 42.86%, var(--qud-color-c-dark) 57.14%,
      var(--qud-color-b-dark) 57.14%, var(--qud-color-b-dark) 71.43%,
      var(--qud-color-b) 71.43%, var(--qud-color-b) 85.71%,
      var(--qud-color-c) 85.71%, var(--qud-color-c) 100.00%);
  background-size: 100%;
}
 
.qud-text.psychalflesh {
  background-image: linear-gradient(to right, var(--qud-color-w-dark) 0ch, var(--qud-color-w-dark) 1ch,
      var(--qud-color-w-dark) 1ch, var(--qud-color-w-dark) 2ch,
      var(--qud-color-w-dark) 2ch, var(--qud-color-w-dark) 3ch,
      var(--qud-color-r-dark) 3ch, var(--qud-color-r-dark) 4ch,
      var(--qud-color-r) 4ch, var(--qud-color-r) 5ch,
      var(--qud-color-m) 5ch, var(--qud-color-m) 6ch,
      var(--qud-color-m) 6ch, var(--qud-color-m) 7ch,
      var(--qud-color-m-dark) 7ch, var(--qud-color-m-dark) 8ch,
      var(--qud-color-m) 8ch, var(--qud-color-m) 9ch,
      var(--qud-color-m) 9ch, var(--qud-color-m) 10ch,
      var(--qud-color-r) 10ch, var(--qud-color-r) 11ch,
      var(--qud-color-r-dark) 11ch, var(--qud-color-r-dark) 12ch,
      var(--qud-color-w-dark) 12ch, var(--qud-color-w-dark) 13ch,
      var(--qud-color-w-dark) 13ch, var(--qud-color-w-dark) 14ch,
      var(--qud-color-w-dark) 14ch, var(--qud-color-w-dark) 15ch,
      var(--qud-color-w-dark) 15ch, var(--qud-color-w-dark) 16ch);
  background-size: 16ch;
}
 
.qud-text.psymeridian {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-k) 1ch, var(--qud-color-k) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch,
      var(--qud-color-y-dark) 4ch, var(--qud-color-y-dark) 5ch,
      var(--qud-color-m-dark) 5ch, var(--qud-color-m-dark) 6ch,
      var(--qud-color-m) 6ch, var(--qud-color-m) 7ch,
      var(--qud-color-m) 7ch, var(--qud-color-m) 8ch,
      var(--qud-color-m) 8ch, var(--qud-color-m) 9ch,
      var(--qud-color-m) 9ch, var(--qud-color-m) 10ch,
      var(--qud-color-m-dark) 10ch, var(--qud-color-m-dark) 11ch,
      var(--qud-color-y-dark) 11ch, var(--qud-color-y-dark) 12ch,
      var(--qud-color-y-dark) 12ch, var(--qud-color-y-dark) 13ch,
      var(--qud-color-y-dark) 13ch, var(--qud-color-y-dark) 14ch,
      var(--qud-color-k) 14ch, var(--qud-color-k) 15ch,
      var(--qud-color-k) 15ch, var(--qud-color-k) 16ch);
  background-size: 16ch;
}
 
.qud-text.quantumreverb {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-k) 1ch, var(--qud-color-k) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-m) 4ch, var(--qud-color-m) 5ch,
      var(--qud-color-m-dark) 5ch, var(--qud-color-m-dark) 6ch,
      var(--qud-color-o) 6ch, var(--qud-color-o) 7ch,
      var(--qud-color-k-dark) 7ch, var(--qud-color-k-dark) 8ch,
      var(--qud-color-m-dark) 8ch, var(--qud-color-m-dark) 9ch,
      var(--qud-color-m) 9ch, var(--qud-color-m) 10ch,
      var(--qud-color-y) 10ch, var(--qud-color-y) 11ch,
      var(--qud-color-y-dark) 11ch, var(--qud-color-y-dark) 12ch,
      var(--qud-color-k) 12ch, var(--qud-color-k) 13ch,
      var(--qud-color-k) 13ch, var(--qud-color-k) 14ch);
  background-size: 14ch;
}
 
.qud-text.radiant {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-w) 1ch, var(--qud-color-w) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-w) 5ch, var(--qud-color-w) 6ch,
      var(--qud-color-r-dark) 6ch, var(--qud-color-r-dark) 7ch);
  background-size: 7ch;
}
 
.qud-text.rainbow {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0.00%, var(--qud-color-r-dark) 14.29%,
      var(--qud-color-r) 14.29%, var(--qud-color-r) 28.57%,
      var(--qud-color-w) 28.57%, var(--qud-color-w) 42.86%,
      var(--qud-color-g) 42.86%, var(--qud-color-g) 57.14%,
      var(--qud-color-b) 57.14%, var(--qud-color-b) 71.43%,
      var(--qud-color-b-dark) 71.43%, var(--qud-color-b-dark) 85.71%,
      var(--qud-color-m-dark) 85.71%, var(--qud-color-m-dark) 100.00%);
  background-size: 100%;
}
 
.qud-text.refractive {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0ch, var(--qud-color-y-dark) 1ch,
      var(--qud-color-y) 1ch, var(--qud-color-y) 2ch);
  background-size: 2ch;
}
 
.qud-text.resonance {
  background-image: linear-gradient(to right, var(--qud-color-c-dark) 0.00%, var(--qud-color-c-dark) 11.11%,
      var(--qud-color-c-dark) 11.11%, var(--qud-color-c-dark) 22.22%,
      var(--qud-color-c) 22.22%, var(--qud-color-c) 33.33%,
      var(--qud-color-c) 33.33%, var(--qud-color-c) 44.44%,
      var(--qud-color-w) 44.44%, var(--qud-color-w) 55.56%,
      var(--qud-color-c) 55.56%, var(--qud-color-c) 66.67%,
      var(--qud-color-c) 66.67%, var(--qud-color-c) 77.78%,
      var(--qud-color-c-dark) 77.78%, var(--qud-color-c-dark) 88.89%,
      var(--qud-color-c-dark) 88.89%, var(--qud-color-c-dark) 100.00%);
  background-size: 100%;
}
 
.qud-text.rocket {
  background-image: linear-gradient(to right, var(--qud-color-y) 0.00%, var(--qud-color-y) 16.67%,
      var(--qud-color-w) 16.67%, var(--qud-color-w) 33.33%,
      var(--qud-color-r) 33.33%, var(--qud-color-r) 50.00%,
      var(--qud-color-r) 50.00%, var(--qud-color-r) 66.67%,
      var(--qud-color-r-dark) 66.67%, var(--qud-color-r-dark) 83.33%,
      var(--qud-color-y-dark) 83.33%, var(--qud-color-y-dark) 100.00%);
  background-size: 100%;
}
 
.qud-text.rubbergum {
  background-image: linear-gradient(to right, var(--qud-color-w) 0ch, var(--qud-color-w) 1ch,
      var(--qud-color-w) 1ch, var(--qud-color-w) 2ch,
      var(--qud-color-w-dark) 2ch, var(--qud-color-w-dark) 3ch,
      var(--qud-color-w-dark) 3ch, var(--qud-color-w-dark) 4ch,
      var(--qud-color-y-dark) 4ch, var(--qud-color-y-dark) 5ch,
      var(--qud-color-y-dark) 5ch, var(--qud-color-y-dark) 6ch,
      var(--qud-color-y) 6ch, var(--qud-color-y) 7ch,
      var(--qud-color-w) 7ch, var(--qud-color-w) 8ch,
      var(--qud-color-w) 8ch, var(--qud-color-w) 9ch);
  background-size: 9ch;
}
 
.qud-text.scaled {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-g) 1ch, var(--qud-color-g) 2ch,
      var(--qud-color-w) 2ch, var(--qud-color-w) 3ch,
      var(--qud-color-w-dark) 3ch, var(--qud-color-w-dark) 4ch,
      var(--qud-color-g-dark) 4ch, var(--qud-color-g-dark) 5ch,
      var(--qud-color-g) 5ch, var(--qud-color-g) 6ch);
  background-size: 6ch;
}
 
.qud-text.snakeskin {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-c-dark) 1ch, var(--qud-color-c-dark) 2ch,
      var(--qud-color-c) 2ch, var(--qud-color-c) 3ch,
      var(--qud-color-g) 3ch, var(--qud-color-g) 4ch);
  background-size: 4ch;
}
 
.qud-text.shade {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0ch, var(--qud-color-y-dark) 1ch,
      var(--qud-color-k) 1ch, var(--qud-color-k) 2ch,
      var(--qud-color-c-dark) 2ch, var(--qud-color-c-dark) 3ch,
      var(--qud-color-b-dark) 3ch, var(--qud-color-b-dark) 4ch,
      var(--qud-color-b) 4ch, var(--qud-color-b) 5ch,
      var(--qud-color-y-dark) 5ch, var(--qud-color-y-dark) 6ch,
      var(--qud-color-c) 6ch, var(--qud-color-c) 7ch,
      var(--qud-color-y-dark) 7ch, var(--qud-color-y-dark) 8ch,
      var(--qud-color-k) 8ch, var(--qud-color-k) 9ch);
  background-size: 9ch;
}
 
.qud-text.soul {
  background-image: linear-gradient(to right, var(--qud-color-w) 0.00%, var(--qud-color-w) 11.11%,
      var(--qud-color-w-dark) 11.11%, var(--qud-color-w-dark) 22.22%,
      var(--qud-color-c-dark) 22.22%, var(--qud-color-c-dark) 33.33%,
      var(--qud-color-c) 33.33%, var(--qud-color-c) 44.44%,
      var(--qud-color-y) 44.44%, var(--qud-color-y) 55.56%,
      var(--qud-color-c) 55.56%, var(--qud-color-c) 66.67%,
      var(--qud-color-c-dark) 66.67%, var(--qud-color-c-dark) 77.78%,
      var(--qud-color-w-dark) 77.78%, var(--qud-color-w-dark) 88.89%,
      var(--qud-color-w) 88.89%, var(--qud-color-w) 100.00%);
  background-size: 100%;
}
 
.qud-text.shemesh {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-r-dark) 1ch, var(--qud-color-r-dark) 2ch,
      var(--qud-color-r) 2ch, var(--qud-color-r) 3ch,
      var(--qud-color-r) 3ch, var(--qud-color-r) 4ch,
      var(--qud-color-w) 4ch, var(--qud-color-w) 5ch,
      var(--qud-color-w) 5ch, var(--qud-color-w) 6ch,
      var(--qud-color-y) 6ch, var(--qud-color-y) 7ch);
  background-size: 7ch;
}
 
.qud-text.shimmering {
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
      var(--qud-color-y) 1ch, var(--qud-color-y) 2ch,
      var(--qud-color-y-dark) 2ch, var(--qud-color-y-dark) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
      var(--qud-color-k) 5ch, var(--qud-color-k) 6ch,
      var(--qud-color-y-dark) 6ch, var(--qud-color-y-dark) 7ch,
      var(--qud-color-y-dark) 7ch, var(--qud-color-y-dark) 8ch);
  background-size: 8ch;
}
 
.qud-text.sickly {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
      var(--qud-color-r-dark) 1ch, var(--qud-color-r-dark) 2ch,
      var(--qud-color-m-dark) 2ch, var(--qud-color-m-dark) 3ch,
      var(--qud-color-w-dark) 3ch, var(--qud-color-w-dark) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
      var(--qud-color-g) 5ch, var(--qud-color-g) 6ch,
      var(--qud-color-g-dark) 6ch, var(--qud-color-g-dark) 7ch,
      var(--qud-color-c-dark) 7ch, var(--qud-color-c-dark) 8ch,
      var(--qud-color-k) 8ch, var(--qud-color-k) 9ch);
  background-size: 9ch;
}
 
.qud-text.skulk {
  background-image: linear-gradient(to right, var(--qud-color-b-dark) 0ch, var(--qud-color-b-dark) 1ch,
      var(--qud-color-b-dark) 1ch, var(--qud-color-b-dark) 2ch,
      var(--qud-color-b) 2ch, var(--qud-color-b) 3ch,
      var(--qud-color-b-dark) 3ch, var(--qud-color-b-dark) 4ch,
      var(--qud-color-b-dark) 4ch, var(--qud-color-b-dark) 5ch);
  background-size: 5ch;
}
 
.qud-text.snail-encrusted {
  background-image: linear-gradient(to right, var(--qud-color-w-dark) 0ch, var(--qud-color-w-dark) 1ch,
      var(--qud-color-w) 1ch, var(--qud-color-w) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch);
  background-size: 4ch;
}
 
.qud-text.sparkling {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0ch, var(--qud-color-y-dark) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch);
  background-size: 3ch;
}
 
.qud-text.spaser {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-g) 2ch, var(--qud-color-g) 3ch,
      var(--qud-color-g) 3ch, var(--qud-color-g) 4ch,
      var(--qud-color-g-dark) 4ch, var(--qud-color-g-dark) 5ch,
      var(--qud-color-k) 5ch, var(--qud-color-k) 6ch);
  background-size: 6ch;
}
 
.qud-text.spiked {
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
      var(--qud-color-r) 1ch, var(--qud-color-r) 100%);
  background-size: calc(100% - 1ch);
}
 
.qud-text.spring-turret {
  background-image: linear-gradient(to right, var(--qud-color-c-dark) 0ch, var(--qud-color-c-dark) 1ch,
      var(--qud-color-c-dark) 1ch, var(--qud-color-c-dark) 2ch,
      var(--qud-color-c) 2ch, var(--qud-color-c) 3ch,
      var(--qud-color-c) 3ch, var(--qud-color-c) 4ch,
      var(--qud-color-y-dark) 4ch, var(--qud-color-y-dark) 5ch,
      var(--qud-color-y-dark) 5ch, var(--qud-color-y-dark) 6ch,
      var(--qud-color-y-dark) 6ch, var(--qud-color-y-dark) 7ch,
      var(--qud-color-y-dark) 7ch, var(--qud-color-y-dark) 8ch,
      var(--qud-color-y-dark) 8ch, var(--qud-color-y-dark) 9ch,
      var(--qud-color-c) 9ch, var(--qud-color-c) 10ch,
      var(--qud-color-c) 10ch, var(--qud-color-c) 11ch,
      var(--qud-color-c-dark) 11ch, var(--qud-color-c-dark) 12ch,
      var(--qud-color-c-dark) 12ch, var(--qud-color-c-dark) 13ch);
  background-size: 13ch;
}
 
.qud-text.sphynx {
  background-image: linear-gradient(to right, var(--qud-color-c) 0ch, var(--qud-color-c) 1ch,
      var(--qud-color-c-dark) 1ch, var(--qud-color-c-dark) 2ch,
      var(--qud-color-m-dark) 2ch, var(--qud-color-m-dark) 3ch,
      var(--qud-color-m) 3ch, var(--qud-color-m) 4ch);
  background-size: 4ch;
}
 
.qud-text.starry {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-y) 1ch, var(--qud-color-y) 2ch,
      var(--qud-color-k) 2ch, var(--qud-color-k) 3ch,
      var(--qud-color-k) 3ch, var(--qud-color-k) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-k) 5ch, var(--qud-color-k) 6ch);
  background-size: 6ch;
}
 
.qud-text.structural {
  background-image: linear-gradient(to right, var(--qud-color-y) 0.00%, var(--qud-color-y) 20.00%,
      var(--qud-color-y-dark) 20.00%, var(--qud-color-y-dark) 40.00%,
      var(--qud-color-k) 40.00%, var(--qud-color-k) 60.00%,
      var(--qud-color-y-dark) 60.00%, var(--qud-color-y-dark) 80.00%,
      var(--qud-color-y) 80.00%, var(--qud-color-y) 100.00%);
  background-size: 10ch;
}
 
.qud-text.sun {
  background-image: linear-gradient(to right, var(--qud-color-w) 0.00%, var(--qud-color-w) 33.33%,
      var(--qud-color-r) 33.33%, var(--qud-color-r) 66.67%,
      var(--qud-color-w) 66.67%, var(--qud-color-w) 100.00%);
  background-size: 100%;
}
 
.qud-text.sunslag {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-w) 1ch, var(--qud-color-w) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-w) 5ch, var(--qud-color-w) 6ch,
      var(--qud-color-r-dark) 6ch, var(--qud-color-r-dark) 7ch);
  background-size: 7ch;
}
 
.qud-text.sunset {
  background-image: linear-gradient(to right, var(--qud-color-b-dark) 0.00%, var(--qud-color-b-dark) 5.56%,
      var(--qud-color-b) 5.56%, var(--qud-color-b) 11.11%,
      var(--qud-color-b) 11.11%, var(--qud-color-b) 16.67%,
      var(--qud-color-m) 16.67%, var(--qud-color-m) 22.22%,
      var(--qud-color-m-dark) 22.22%, var(--qud-color-m-dark) 27.78%,
      var(--qud-color-r-dark) 27.78%, var(--qud-color-r-dark) 33.33%,
      var(--qud-color-r) 33.33%, var(--qud-color-r) 38.89%,
      var(--qud-color-w) 38.89%, var(--qud-color-w) 44.44%,
      var(--qud-color-c) 44.44%, var(--qud-color-c) 50.00%,
      var(--qud-color-c) 50.00%, var(--qud-color-c) 55.56%,
      var(--qud-color-w) 55.56%, var(--qud-color-w) 61.11%,
      var(--qud-color-r) 61.11%, var(--qud-color-r) 66.67%,
      var(--qud-color-r-dark) 66.67%, var(--qud-color-r-dark) 72.22%,
      var(--qud-color-m-dark) 72.22%, var(--qud-color-m-dark) 77.78%,
      var(--qud-color-m) 77.78%, var(--qud-color-m) 83.33%,
      var(--qud-color-b) 83.33%, var(--qud-color-b) 88.89%,
      var(--qud-color-b) 88.89%, var(--qud-color-b) 94.44%,
      var(--qud-color-b-dark) 94.44%, var(--qud-color-b-dark) 100.00%);
  background-size: 100%;
}
 
.qud-text.syphon {
  background-image: linear-gradient(to right, var(--qud-color-c-dark) 0ch, var(--qud-color-c-dark) 1ch,
      var(--qud-color-c-dark) 1ch, var(--qud-color-c-dark) 2ch,
      var(--qud-color-c-dark) 2ch, var(--qud-color-c-dark) 3ch,
      var(--qud-color-c) 3ch, var(--qud-color-c) 4ch,
      var(--qud-color-w) 4ch, var(--qud-color-w) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch);
  background-size: 6ch;
}
 
.qud-text.tarnished {
  background-image: linear-gradient(to right, var(--qud-color-g) 0ch, var(--qud-color-g) 1ch,
      var(--qud-color-g) 1ch, var(--qud-color-g) 2ch,
      var(--qud-color-g-dark) 2ch, var(--qud-color-g-dark) 3ch);
  background-size: 3ch;
}
 
.qud-text.tartan {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0ch, var(--qud-color-y-dark) 1ch,
      var(--qud-color-k) 1ch, var(--qud-color-k) 2ch,
      var(--qud-color-g-dark) 2ch, var(--qud-color-g-dark) 3ch,
      var(--qud-color-g) 3ch, var(--qud-color-g) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
      var(--qud-color-r) 5ch, var(--qud-color-r) 6ch,
      var(--qud-color-r-dark) 6ch, var(--qud-color-r-dark) 7ch,
      var(--qud-color-k) 7ch, var(--qud-color-k) 8ch,
      var(--qud-color-y-dark) 8ch, var(--qud-color-y-dark) 9ch);
  background-size: 9ch;
}
 
.qud-text.telemetric {
  background-image: linear-gradient(to right, var(--qud-color-k) 0.00%, var(--qud-color-k) 10.00%,
      var(--qud-color-y-dark) 10.00%, var(--qud-color-y-dark) 20.00%,
      var(--qud-color-c-dark) 20.00%, var(--qud-color-c-dark) 30.00%,
      var(--qud-color-c) 30.00%, var(--qud-color-c) 40.00%,
      var(--qud-color-y) 40.00%, var(--qud-color-y) 50.00%,
      var(--qud-color-w) 50.00%, var(--qud-color-w) 60.00%,
      var(--qud-color-c) 60.00%, var(--qud-color-c) 70.00%,
      var(--qud-color-c-dark) 70.00%, var(--qud-color-c-dark) 80.00%,
      var(--qud-color-y-dark) 80.00%, var(--qud-color-y-dark) 90.00%,
      var(--qud-color-k) 90.00%, var(--qud-color-k) 100.00%);
  background-size: 100%;
}
 
.qud-text.thermo {
  background-image: linear-gradient(to right, var(--qud-color-r) 0ch, var(--qud-color-r) 1ch,
      var(--qud-color-r) 1ch, var(--qud-color-r) 2ch,
      var(--qud-color-r-dark) 2ch, var(--qud-color-r-dark) 3ch,
      var(--qud-color-c-dark) 3ch, var(--qud-color-c-dark) 4ch,
      var(--qud-color-b-dark) 4ch, var(--qud-color-b-dark) 5ch,
      var(--qud-color-b) 5ch, var(--qud-color-b) 6ch,
      var(--qud-color-b) 6ch, var(--qud-color-b) 7ch);
  background-size: 7ch;
}
 
.qud-text.transkinetic {
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
      var(--qud-color-c) 1ch, var(--qud-color-c) 2ch,
      var(--qud-color-c) 2ch, var(--qud-color-c) 3ch,
      var(--qud-color-c-dark) 3ch, var(--qud-color-c-dark) 4ch,
      var(--qud-color-y-dark) 4ch, var(--qud-color-y-dark) 5ch,
      var(--qud-color-k) 5ch, var(--qud-color-k) 6ch,
      var(--qud-color-k) 6ch, var(--qud-color-k) 7ch,
      var(--qud-color-y-dark) 7ch, var(--qud-color-y-dark) 8ch,
      var(--qud-color-r) 8ch, var(--qud-color-r) 9ch,
      var(--qud-color-w) 9ch, var(--qud-color-w) 10ch,
      var(--qud-color-w) 10ch, var(--qud-color-w) 11ch,
      var(--qud-color-y) 11ch, var(--qud-color-y) 12ch);
  background-size: 12ch;
}
 
.qud-text.turbow {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-r) 4ch, var(--qud-color-r) 5ch,
      var(--qud-color-r-dark) 5ch, var(--qud-color-r-dark) 6ch);
  background-size: 6ch;
}
 
.qud-text.ubernostrum {
  background-image: linear-gradient(to right, var(--qud-color-c-dark) 0ch, var(--qud-color-c-dark) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-g) 2ch, var(--qud-color-g) 3ch,
      var(--qud-color-w) 3ch, var(--qud-color-w) 4ch,
      var(--qud-color-w-dark) 4ch, var(--qud-color-w-dark) 5ch,
      var(--qud-color-c-dark) 5ch, var(--qud-color-c-dark) 6ch,
      var(--qud-color-c) 6ch, var(--qud-color-c) 7ch,
      var(--qud-color-g) 7ch, var(--qud-color-g) 8ch,
      var(--qud-color-g-dark) 8ch, var(--qud-color-g-dark) 9ch,
      var(--qud-color-w-dark) 9ch, var(--qud-color-w-dark) 10ch,
      var(--qud-color-w) 10ch, var(--qud-color-w) 11ch);
  background-size: 11ch;
}
 
.qud-text.urban-camouflage {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0ch, var(--qud-color-y-dark) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-k) 2ch, var(--qud-color-k) 3ch,
      var(--qud-color-y-dark) 3ch, var(--qud-color-y-dark) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
      var(--qud-color-y-dark) 5ch, var(--qud-color-y-dark) 6ch,
      var(--qud-color-y-dark) 6ch, var(--qud-color-y-dark) 7ch,
      var(--qud-color-k) 7ch, var(--qud-color-k) 8ch,
      var(--qud-color-y-dark) 8ch, var(--qud-color-y-dark) 9ch,
      var(--qud-color-k) 9ch, var(--qud-color-k) 10ch);
  background-size: 10ch;
}
 
.qud-text.visage {
  background-image: linear-gradient(to right, var(--qud-color-r) 0ch, var(--qud-color-r) 1ch,
      var(--qud-color-r-dark) 1ch, var(--qud-color-r-dark) 2ch,
      var(--qud-color-b-dark) 2ch, var(--qud-color-b-dark) 3ch,
      var(--qud-color-b) 3ch, var(--qud-color-b) 4ch,
      var(--qud-color-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y-dark) 5ch, var(--qud-color-y-dark) 6ch);
  background-size: 6ch;
}
 
.qud-text.watery {
  background-image: linear-gradient(to right, var(--qud-color-b) 0.00%, var(--qud-color-b) 20.00%,
      var(--qud-color-c) 20.00%, var(--qud-color-c) 40.00%,
      var(--qud-color-y) 40.00%, var(--qud-color-y) 60.00%,
      var(--qud-color-c) 60.00%, var(--qud-color-c) 80.00%,
      var(--qud-color-b) 80.00%, var(--qud-color-b) 100.00%);
  background-size: 5ch;
}
 
.qud-text.ydfreehold {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
      var(--qud-color-r) 1ch, var(--qud-color-r) 2ch,
      var(--qud-color-k-dark) 2ch, var(--qud-color-k-dark) 3ch,
      var(--qud-color-c-dark) 3ch, var(--qud-color-c-dark) 4ch,
      var(--qud-color-c) 4ch, var(--qud-color-c) 5ch,
      var(--qud-color-w) 5ch, var(--qud-color-w) 6ch,
      var(--qud-color-w) 6ch, var(--qud-color-w) 7ch,
      var(--qud-color-c) 7ch, var(--qud-color-c) 8ch,
      var(--qud-color-c-dark) 8ch, var(--qud-color-c-dark) 9ch,
      var(--qud-color-r-dark) 9ch, var(--qud-color-r-dark) 10ch,
      var(--qud-color-r) 10ch, var(--qud-color-r) 11ch);
  background-size: 11ch;
}
 
.qud-text.zetachrome {
  background-image: linear-gradient(to right, var(--qud-color-m-dark) 0.00%, var(--qud-color-m-dark) 10.00%,
      var(--qud-color-m) 10.00%, var(--qud-color-m) 20.00%,
      var(--qud-color-y) 20.00%, var(--qud-color-y) 30.00%,
      var(--qud-color-c) 30.00%, var(--qud-color-c) 40.00%,
      var(--qud-color-c-dark) 40.00%, var(--qud-color-c-dark) 50.00%,
      var(--qud-color-c-dark) 50.00%, var(--qud-color-c-dark) 60.00%,
      var(--qud-color-c) 60.00%, var(--qud-color-c) 70.00%,
      var(--qud-color-y) 70.00%, var(--qud-color-y) 80.00%,
      var(--qud-color-m) 80.00%, var(--qud-color-m) 90.00%,
      var(--qud-color-m-dark) 90.00%, var(--qud-color-m-dark) 100.00%);
  background-size: 100%;
}
 
.qud-text.agolgot {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
      var(--qud-color-w-dark) 2ch, var(--qud-color-w-dark) 3ch,
      var(--qud-color-m-dark) 3ch, var(--qud-color-m-dark) 4ch,
      var(--qud-color-w-dark) 4ch, var(--qud-color-w-dark) 5ch,
      var(--qud-color-g-dark) 5ch, var(--qud-color-g-dark) 6ch,
      var(--qud-color-k) 6ch, var(--qud-color-k) 7ch);
  background-size: 7ch;
}
 
.qud-text.bethsaida {
  background-image: linear-gradient(to right, var(--qud-color-w-dark) 0ch, var(--qud-color-w-dark) 1ch,
      var(--qud-color-w) 1ch, var(--qud-color-w) 2ch,
      var(--qud-color-c) 2ch, var(--qud-color-c) 3ch,
      var(--qud-color-c-dark) 3ch, var(--qud-color-c-dark) 4ch,
      var(--qud-color-m-dark) 4ch, var(--qud-color-m-dark) 5ch,
      var(--qud-color-c-dark) 5ch, var(--qud-color-c-dark) 6ch,
      var(--qud-color-c) 6ch, var(--qud-color-c) 7ch,
      var(--qud-color-w) 7ch, var(--qud-color-w) 8ch,
      var(--qud-color-w-dark) 8ch, var(--qud-color-w-dark) 9ch);
  background-size: 9ch;
}
 
.qud-text.rermadon {
  background-image: linear-gradient(to right, var(--qud-color-y) 0ch, var(--qud-color-y) 1ch,
      var(--qud-color-g) 1ch, var(--qud-color-g) 2ch,
      var(--qud-color-g-dark) 2ch, var(--qud-color-g-dark) 3ch,
      var(--qud-color-m-dark) 3ch, var(--qud-color-m-dark) 4ch,
      var(--qud-color-m-dark) 4ch, var(--qud-color-m-dark) 5ch,
      var(--qud-color-g-dark) 5ch, var(--qud-color-g-dark) 6ch,
      var(--qud-color-g) 6ch, var(--qud-color-g) 7ch,
      var(--qud-color-y) 7ch, var(--qud-color-y) 8ch);
  background-size: 8ch;
}
 
.qud-text.shugruith {
  background-image: linear-gradient(to right, var(--qud-color-k) 0ch, var(--qud-color-k) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-w) 2ch, var(--qud-color-w) 3ch,
      var(--qud-color-w-dark) 3ch, var(--qud-color-w-dark) 4ch,
      var(--qud-color-m-dark) 4ch, var(--qud-color-m-dark) 5ch,
      var(--qud-color-w-dark) 5ch, var(--qud-color-w-dark) 6ch,
      var(--qud-color-w) 6ch, var(--qud-color-w) 7ch,
      var(--qud-color-y-dark) 7ch, var(--qud-color-y-dark) 8ch,
      var(--qud-color-k) 8ch, var(--qud-color-k) 9ch);
  background-size: 9ch;
}
 
.qud-text.qas {
  background-image: linear-gradient(to right, var(--qud-color-c) 0ch, var(--qud-color-c) 1ch,
      var(--qud-color-c-dark) 1ch, var(--qud-color-c-dark) 2ch,
      var(--qud-color-m-dark) 2ch, var(--qud-color-m-dark) 3ch);
  background-size: 3ch;
}
 
.qud-text.qon {
  background-image: linear-gradient(to right, var(--qud-color-m-dark) 0ch, var(--qud-color-m-dark) 1ch,
      var(--qud-color-b-dark) 1ch, var(--qud-color-b-dark) 2ch,
      var(--qud-color-b) 2ch, var(--qud-color-b) 3ch);
  background-size: 3ch;
}
 
.qud-text.ehalcodon {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0ch, var(--qud-color-y-dark) 1ch,
      var(--qud-color-y-dark) 1ch, var(--qud-color-y-dark) 2ch,
      var(--qud-color-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-y) 3ch, var(--qud-color-y) 4ch,
      var(--qud-color-m-dark) 4ch, var(--qud-color-m-dark) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch,
      var(--qud-color-y) 6ch, var(--qud-color-y) 7ch,
      var(--qud-color-y-dark) 7ch, var(--qud-color-y-dark) 8ch,
      var(--qud-color-y-dark) 8ch, var(--qud-color-y-dark) 9ch);
  background-size: 9ch;
}
 
.qud-text.r,
.qud-text.red,
.qud-text.fiery,
.qud-text.lava {
  background-image: linear-gradient(to right, var(--qud-color-r) 0%, var(--qud-color-r) 100%);
}
 
.qud-text.r-dark,
.qud-text.dark-red,
.qud-text.cider,
.qud-text.rusty {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0%, var(--qud-color-r-dark) 100%);
}
 
.qud-text.o,
.qud-text.orange {
  background-image: linear-gradient(to right, var(--qud-color-o) 0%, var(--qud-color-o) 100%);
}
 
.qud-text.o-dark,
.qud-text.dark-orange {
  background-image: linear-gradient(to right, var(--qud-color-o-dark) 0%, var(--qud-color-o-dark) 100%);
}
 
.qud-text.w,
.qud-text.yellow,
.qud-text.electrical,
.qud-text.hotkey,
.qud-text.internals {
  background-image: linear-gradient(to right, var(--qud-color-w) 0%, var(--qud-color-w) 100%);
}
 
.qud-text.w-dark,
.qud-text.brown,
.qud-text.emote {
  background-image: linear-gradient(to right, var(--qud-color-w-dark) 0%, var(--qud-color-w-dark) 100%);
}
 
.qud-text.g,
.qud-text.green {
  background-image: linear-gradient(to right, var(--qud-color-g) 0%, var(--qud-color-g) 100%);
}
 
.qud-text.g-dark,
.qud-text.dark-green,
.qud-text.slimy {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0%, var(--qud-color-g-dark) 100%);
}
 
.qud-text.c,
.qud-text.cyan,
.qud-text.freezing,
.qud-text.rules {
  background-image: linear-gradient(to right, var(--qud-color-c) 0%, var(--qud-color-c) 100%);
}
 
.qud-text.c-dark,
.qud-text.dark-cyan,
.qud-text.teal {
  background-image: linear-gradient(to right, var(--qud-color-c-dark) 0%, var(--qud-color-c-dark) 100%);
}
 
.qud-text.b,
.qud-text.blue,
.qud-text.azure {
  background-image: linear-gradient(to right, var(--qud-color-b) 0%, var(--qud-color-b) 100%);
}
 
.qud-text.b-dark,
.qud-text.dark-blue {
  background-image: linear-gradient(to right, var(--qud-color-b-dark) 0%, var(--qud-color-b-dark) 100%);
}
 
.qud-text.m,
.qud-text.magenta {
  background-image: linear-gradient(to right, var(--qud-color-m) 0%, var(--qud-color-m) 100%);
}
 
.qud-text.m-dark,
.qud-text.dark-magenta {
  background-image: linear-gradient(to right, var(--qud-color-m-dark) 0%, var(--qud-color-m-dark) 100%);
}
 
.qud-text.y,
.qud-text.gray,
.qud-text.playernotes,
.qud-text.silvery {
  background-image: linear-gradient(to right, var(--qud-color-y) 0%, var(--qud-color-y) 100%);
}
 
.qud-text.y-dark,
.qud-text.white {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0%, var(--qud-color-y-dark) 100%);
}
 
.qud-text.k,
.qud-text.black,
.qud-text.dark-gray,
.qud-text.putrid {
  background-image: linear-gradient(to right, var(--qud-color-k) 0%, var(--qud-color-k) 100%);
}
 
.qud-text.k-dark {
  background-image: linear-gradient(to right, var(--qud-color-k-dark) 0%, var(--qud-color-k-dark) 100%);
}
}
.qud-text.r, .qud-text.red, .qud-text.scarlet, .qud-text.fiery, .qud-text.lava {background-image: linear-gradient(to right, var(--qud-color-r) 0%, var(--qud-color-r) 100%);}
.qud-text.r-dark, .qud-text.dark-red, .qud-text.crimson, .qud-text.cider, .qud-text.rusty {background-image: linear-gradient(to right, var(--qud-color-r-dark) 0%, var(--qud-color-r-dark) 100%);}
.qud-text.o, .qud-text.orange {background-image: linear-gradient(to right, var(--qud-color-o) 0%, var(--qud-color-o) 100%);}
.qud-text.o-dark, .qud-text.dark-orange {background-image: linear-gradient(to right, var(--qud-color-o-dark) 0%, var(--qud-color-o-dark) 100%);}
.qud-text.w, .qud-text.gold, .qud-text.yellow, .qud-text.important, .qud-text.keybind, .qud-text.electrical, .qud-text.hotkey, .qud-text.internals {background-image: linear-gradient(to right, var(--qud-color-w) 0%, var(--qud-color-w) 100%);}
.qud-text.w-dark, .qud-text.brown, .qud-text.dark-keybind, .qud-text.emote {background-image: linear-gradient(to right, var(--qud-color-w-dark) 0%, var(--qud-color-w-dark) 100%);}
.qud-text.g, .qud-text.green {background-image: linear-gradient(to right, var(--qud-color-g) 0%, var(--qud-color-g) 100%);}
.qud-text.g-dark, .qud-text.dark-green, .qud-text.slimy {background-image: linear-gradient(to right, var(--qud-color-g-dark) 0%, var(--qud-color-g-dark) 100%);}
.qud-text.c, .qud-text.cyan, .qud-text.freezing, .qud-text.rules {background-image: linear-gradient(to right, var(--qud-color-c) 0%, var(--qud-color-c) 100%);}
.qud-text.c-dark, .qud-text.dark-cyan, .qud-text.teal {background-image: linear-gradient(to right, var(--qud-color-c-dark) 0%, var(--qud-color-c-dark) 100%);}
.qud-text.b, .qud-text.blue, .qud-text.azure {background-image: linear-gradient(to right, var(--qud-color-b) 0%, var(--qud-color-b) 100%);}
.qud-text.b-dark, .qud-text.dark-blue {background-image: linear-gradient(to right, var(--qud-color-b-dark) 0%, var(--qud-color-b-dark) 100%);}
.qud-text.m, .qud-text.magenta {background-image: linear-gradient(to right, var(--qud-color-m) 0%, var(--qud-color-m) 100%);}
.qud-text.m-dark, .qud-text.dark-magenta, .qud-text.purple {background-image: linear-gradient(to right, var(--qud-color-m-dark) 0%, var(--qud-color-m-dark) 100%);}
.qud-text.y, .qud-text.white, .qud-text.playernotes, .qud-text.silvery {background-image: linear-gradient(to right, var(--qud-color-y) 0%, var(--qud-color-y) 100%);}
.qud-text.y-dark, .qud-text.gray {background-image: linear-gradient(to right, var(--qud-color-y-dark) 0%, var(--qud-color-y-dark) 100%);}
.qud-text.k, .qud-text.black, .qud-text.dark-gray, .qud-text.putrid {background-image: linear-gradient(to right, var(--qud-color-k) 0%, var(--qud-color-k) 100%);}
.qud-text.k-dark {background-image: linear-gradient(to right, var(--qud-color-k-dark) 0%, var(--qud-color-k-dark) 100%);}
Retrieved from "https://wiki.cavesofqud.com/wiki/MediaWiki:Common.css"