Caves of Qud Wiki

MediaWiki:Common.css: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(11 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.y-dark,.qud-text.gray {
color: var(--qud-color-y-dark);
background-image:linear-gradient(to right,var(--qud-color-y-dark), var(--qud-color-y-dark));
}
}
 
.cm-s-default .cm-header {
.qud-text.y,.qud-text.white,.qud-text.silvery,.qud-text.playernotes {
color: var(--qud-color-b-dark)
background-image:linear-gradient(to right,var(--qud-color-y), var(--qud-color-y));
}
}
 
.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.b-dark {
color: var(--qud-color-c)
background-image:linear-gradient(to right,var(--qud-color-b-dark), var(--qud-color-b-dark));
}
}
 
.cm-s-default .cm-quote {
.qud-text.b, .qud-text.azure {
color: var(--qud-color-g);
background-image:linear-gradient(to right,var(--qud-color-b), var(--qud-color-b));
}
}
 
.cm-mw-template-bracket, .cm-mw-template-name, .cm-mw-template-delimiter, .cm-mw-template-argument-name {
.qud-text.b-dark,.qud-text.dark-blue  {
color: var(--qud-color-m-dark);
background-image:linear-gradient(to right,var(--qud-color-b-dark), var(--qud-color-b-dark));
}
}
 
.cm-mw-template {
.qud-text.b,.qud-text.blue {
color: var(--qud-color-y-dark);
background-image:linear-gradient(to right,var(--qud-color-b), var(--qud-color-b));
}
}
.qud-text.r-dark, .qud-text.dark-red, .qud-text.crimson,.qud-text.rusty,.qud-text.cider {
.cm-mw-table-bracket, .cm-mw-table-definition,.cm-mw-table-delimiter {
background-image:linear-gradient(to right,var(--qud-color-r-dark), var(--qud-color-r-dark));
color: var(--qud-color-b);
}
}
 
.cm-negative, .cm-mw-parserfunction-name, .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter {
.qud-text.r,.qud-text.fiery, .qud-text.lava,.qud-text.scarlet,.qud-text.red {
color: var(--qud-color-r);
background-image:linear-gradient(to right,var(--qud-color-r), var(--qud-color-r));
}
}
.qud-text.o-dark, .qud-text.dark-orange {
.cm-positive {
background-image:linear-gradient(to right,var(--qud-color-o-dark), var(--qud-color-o-dark));
color: var(--qud-color-g);
}
}
 
.cm-s-default .cm-keyword {
.qud-text.o,.qud-text.orange {
color: var(--qud-color-m-dark)
background-image:linear-gradient(to right,var(--qud-color-o), var(--qud-color-o));
}
}
 
.cm-s-default .cm-atom {
.qud-text.w-dark,.qud-text.brown,.qud-text.emote, .qud-text.dark-keybind {
color: var(--qud-color-b-dark);
background-image:linear-gradient(to right,var(--qud-color-w-dark), var(--qud-color-w-dark));
}
}
 
.cm-s-default .cm-number {
.qud-text.w, .qud-text.keybind, .qud-text.important,.qud-text.internals,.qud-text.electrical,.qud-text.gold,.qud-text.yellow,.qud-text.hotkey {
color: var(--qud-color-g-dark);
background-image:linear-gradient(to right,var(--qud-color-w), var(--qud-color-w));
}
}
 
.cm-s-default .cm-def {
.qud-text.g-dark, .qud-text.slimy,.qud-text.dark-green {
color: var(--qud-color-b-dark);
background-image:linear-gradient(to right,var(--qud-color-g-dark), var(--qud-color-g-dark));
}
}
 
.cm-s-default .cm-variable,
.qud-text.g, .qud-text.green {
.cm-s-default .cm-punctuation,
background-image:linear-gradient(to right,var(--qud-color-g), var(--qud-color-g));
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {
color: var(--qud-color-b);
}
}
 
.cm-mw-section-header {
.qud-text.c-dark,.qud-text.teal,.qud-text.dark-cyan {
color: var(--qud-color-w)
background-image:linear-gradient(to right,var(--qud-color-c-dark), var(--qud-color-c-dark));
}
}
 
.cm-s-default .cm-string {
.qud-text.c,.qud-text.rules,.qud-text.freezing,.qud-text.cyan {
color: var(--qud-color-r-dark);
background-image:linear-gradient(to right,var(--qud-color-c), var(--qud-color-c));
}
}


.qud-text.m-dark,.qud-text.dark-magenta {
.cm-s-default .cm-builtin {
background-image:linear-gradient(to right,var(--qud-color-m-dark), var(--qud-color-m-dark));
color: var(--qud-color-b-dark);
}
}


.qud-text.m, .qud-text.purple, .qud-text.magenta {
.cm-s-default .cm-attribute {
background-image:linear-gradient(to right,var(--qud-color-m), var(--qud-color-m));
color: var(--qud-color-b-dark);
}
}
 
.cm-s-default .cm-link {
.qud-text.k-dark {
color: var(--qud-color-b-dark);
background-image:linear-gradient(to right,var(--qud-color-k-dark), var(--qud-color-k-dark));
}
}


.qud-text.k, .qud-text.black, .qud-text.putrid, .qud-text.dark-gray {
.CodeMirror-matchingtag {
background-image:linear-gradient(to right,var(--qud-color-k), var(--qud-color-k));
background: rgba(255, 150, 0, .3)
}
}
 
.CodeMirror-activeline-background {
.qud-text.amorous {
background: #e8f2ff
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0.0%, var(--qud-color-r-dark) 25.0%,
      var(--qud-color-r) 25.0%, var(--qud-color-r) 50.0%,
      var(--qud-color-m) 50.0%, var(--qud-color-m) 75.0%,
      var(--qud-color-m-dark) 75.0%, var(--qud-color-m-dark) 100.0%);
  background-size: 100%;
}
}
 
.CodeMirror {
.qud-text.arctic-camouflage {
background: rgba(0, 0, 0, .4)
  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;
}
}


.qud-text.astral {
.CodeMirror-selected {
  background-image: linear-gradient(to right, var(--qud-color-y) 0.0%, var(--qud-color-y) 20.0%,
background: rgba(176, 215, 212, .91)
      var(--qud-color-y-dark) 20.0%, var(--qud-color-y-dark) 40.0%,
      var(--qud-color-k) 40.0%, var(--qud-color-k) 60.0%,
      var(--qud-color-y-dark) 60.0%, var(--qud-color-y-dark) 80.0%,
      var(--qud-color-y) 80.0%, var(--qud-color-y) 100.0%);
  background-size: 100%;
}
}
 
.CodeMirror-focused .CodeMirror-selected {
.qud-text.auroral {
background: rgba(176, 215, 212, .91)
  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;
}
}


.qud-text.bee {
.CodeMirror-line::selection,
  background-image: linear-gradient(to right, var(--qud-color-k) 0.0%, var(--qud-color-k) 14.3%,
.CodeMirror-line > span::selection,
      var(--qud-color-w-dark) 14.3%, var(--qud-color-w-dark) 28.6%,
.CodeMirror-line > span > span::selection {
      var(--qud-color-w) 28.6%, var(--qud-color-w) 42.9%,
background: rgba(176, 215, 212, .91);
      var(--qud-color-y) 42.9%, var(--qud-color-y) 57.1%,
color: var(--qud-color-k-dark)
      var(--qud-color-w) 57.1%, var(--qud-color-w) 71.4%,
      var(--qud-color-w-dark) 71.4%, var(--qud-color-w-dark) 85.7%,
      var(--qud-color-k) 85.7%, var(--qud-color-k) 100.0%);
  background-size: 100%;
}
}
 
.CodeMirror-line::-moz-selection,
.qud-text.beylah {
.CodeMirror-line > span::-moz-selection,
  background-image: linear-gradient(to right, var(--qud-color-b) 0ch, var(--qud-color-b) 1ch,
.CodeMirror-line > span > span::-moz-selection {
      var(--qud-color-b-dark) 1ch, var(--qud-color-b-dark) 2ch,
background: rgba(176, 215, 212, .91);
      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-searching {
.qud-text.bio {
background-color: #ffa;
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
background-color: rgba(255, 255, 0, .4)
      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;
}
}


.qud-text.biomech {
/*Slideshow/Carousel for main page*/
  background-image: linear-gradient(to right, var(--qud-color-w-dark) 0ch, var(--qud-color-w-dark) 1ch,
.carousel{
      var(--qud-color-w-dark) 1ch, var(--qud-color-w-dark) 2ch,
  max-height: 360px;
      var(--qud-color-r-dark) 2ch, var(--qud-color-r-dark) 3ch,
height:360px;
      var(--qud-color-r-dark) 3ch, var(--qud-color-r-dark) 4ch,
position:relative;
      var(--qud-color-r-dark) 4ch, var(--qud-color-r-dark) 5ch,
pointer-events: none;
      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;
}
}


.qud-text.blaze {
.carousel>div{
   background-image: linear-gradient(to right, var(--qud-color-r-dark) 0ch, var(--qud-color-r-dark) 1ch,
   animation: carousel 28s infinite;
      var(--qud-color-r-dark) 1ch, var(--qud-color-r-dark) 2ch,
   opacity:0
      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;
}
}


.qud-text.brainbrine {
.carousel img {
  background-image: linear-gradient(to right, var(--qud-color-g-dark) 0ch, var(--qud-color-g-dark) 1ch,
top:50%;
      var(--qud-color-g-dark) 1ch, var(--qud-color-g-dark) 2ch,
left:50%;
      var(--qud-color-g-dark) 2ch, var(--qud-color-g-dark) 3ch,
transform:translate(-50%, -50%);
      var(--qud-color-w-dark) 3ch, var(--qud-color-w-dark) 4ch,
max-width:100%;
      var(--qud-color-w) 4ch, var(--qud-color-w) 5ch,
height:auto;
      var(--qud-color-w) 5ch, var(--qud-color-w) 6ch,
position:absolute;
      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;
}
}
@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.camouflage {
  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;
}


.qud-text.chiral {
/*QUD SHADERS*/
  background-image: linear-gradient(to right, var(--qud-color-b) 0ch, var(--qud-color-b) 1ch,
.qud-text {
      var(--qud-color-b-dark) 1ch, var(--qud-color-b-dark) 2ch,
display:inline-block;
      var(--qud-color-c-dark) 2ch, var(--qud-color-c-dark) 3ch,
background-image:linear-gradient(to right,var(--qud-color-y-dark), var(--qud-color-y-dark));
      var(--qud-color-c) 3ch, var(--qud-color-c) 4ch,
background-size:1ch;
      var(--qud-color-m) 4ch, var(--qud-color-m) 5ch,
background-clip:text;
      var(--qud-color-m-dark) 5ch, var(--qud-color-m-dark) 6ch,
color:transparent;
      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;
}
 
.qud-text.cloning {
  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;
}
 
.qud-text.cloudy {
  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-y) 4ch, var(--qud-color-y) 5ch,
      var(--qud-color-y) 5ch, var(--qud-color-y) 6ch);
  background-size: 6ch;
}
 
.qud-text.coated-in-plasma {
  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;
}
 
.qud-text.crochide {
  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 {
  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-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 {
  background-image: linear-gradient(to right, var(--qud-color-y-dark) 0.0%, var(--qud-color-y-dark) 12.5%,
      var(--qud-color-y-dark) 12.5%, var(--qud-color-y-dark) 25.0%,
      var(--qud-color-k) 25.0%, var(--qud-color-k) 37.5%,
      var(--qud-color-g-dark) 37.5%, var(--qud-color-g-dark) 50.0%,
      var(--qud-color-g-dark) 50.0%, var(--qud-color-g-dark) 62.5%,
      var(--qud-color-k) 62.5%, var(--qud-color-k) 75.0%,
      var(--qud-color-y-dark) 75.0%, var(--qud-color-y-dark) 87.5%,
      var(--qud-color-y-dark) 87.5%, var(--qud-color-y-dark) 100.0%);
  background-size: 100%;
}
 
.qud-text.crystalline {
  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 {
  background-image: linear-gradient(to right, var(--qud-color-r-dark) 0.0%, var(--qud-color-r-dark) 20.0%,
      var(--qud-color-r) 20.0%, var(--qud-color-r) 40.0%,
      var(--qud-color-w) 40.0%, var(--qud-color-w) 60.0%,
      var(--qud-color-r) 60.0%, var(--qud-color-r) 80.0%,
      var(--qud-color-r-dark) 80.0%, var(--qud-color-r-dark) 100.0%);
  background-size: 100%;
}
 
.qud-text.defoliant {
  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;
}
 
.qud-text.desert-camouflage {
  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 {
  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-y) 2ch, var(--qud-color-y) 3ch,
      var(--qud-color-b) 3ch, var(--qud-color-b) 4ch);
  background-size: 4ch;
}
 
.qud-text.dreamy {
  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 {
  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-dark) 3ch, var(--qud-color-b-dark) 4ch,
      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;
}
 
.qud-text.earth {
  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-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;
}
 
.qud-text.extradimensional {
  background-image: linear-gradient(to right, var(--qud-color-m) 0.0%, var(--qud-color-m) 6.2%,
      var(--qud-color-m) 6.2%, var(--qud-color-m) 12.5%,
      var(--qud-color-m-dark) 12.5%, var(--qud-color-m-dark) 18.8%,
      var(--qud-color-m-dark) 18.8%, var(--qud-color-m-dark) 25.0%,
      var(--qud-color-y-dark) 25.0%, var(--qud-color-y-dark) 31.2%,
      var(--qud-color-y-dark) 31.2%, var(--qud-color-y-dark) 37.5%,
      var(--qud-color-y) 37.5%, var(--qud-color-y) 43.8%,
      var(--qud-color-y) 43.8%, var(--qud-color-y) 50.0%,
      var(--qud-color-o) 50.0%, var(--qud-color-o) 56.2%,
      var(--qud-color-y) 56.2%, var(--qud-color-y) 62.5%,
      var(--qud-color-y) 62.5%, var(--qud-color-y) 68.8%,
      var(--qud-color-y-dark) 68.8%, var(--qud-color-y-dark) 75.0%,
      var(--qud-color-m-dark) 75.0%, var(--qud-color-m-dark) 81.2%,
      var(--qud-color-m-dark) 81.2%, var(--qud-color-m-dark) 87.5%,
      var(--qud-color-m) 87.5%, var(--qud-color-m) 93.8%,
      var(--qud-color-m) 93.8%, var(--qud-color-m) 100.0%);
  background-size: 100%;
}
 
.qud-text.engraved {
  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-c-dark) 2ch, var(--qud-color-c-dark) 3ch,
      var(--qud-color-c) 3ch, var(--qud-color-c) 4ch);
  background-size: 4ch;
}
 
.qud-text.eater {
  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-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 {
  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-m-dark) 2ch, var(--qud-color-m-dark) 3ch,
      var(--qud-color-k) 3ch, var(--qud-color-k) 4ch,
      var(--qud-color-k) 4ch, var(--qud-color-k) 5ch,
      var(--qud-color-k) 5ch, var(--qud-color-k) 6ch,
      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;
}
 
.qud-text.feathered {
  background-image: linear-gradient(to right, var(--qud-color-c) 0.0%, var(--qud-color-c) 11.1%,
      var(--qud-color-b) 11.1%, var(--qud-color-b) 22.2%,
      var(--qud-color-b-dark) 22.2%, var(--qud-color-b-dark) 33.3%,
      var(--qud-color-g-dark) 33.3%, var(--qud-color-g-dark) 44.4%,
      var(--qud-color-g) 44.4%, var(--qud-color-g) 55.6%,
      var(--qud-color-g-dark) 55.6%, var(--qud-color-g-dark) 66.7%,
      var(--qud-color-b-dark) 66.7%, var(--qud-color-b-dark) 77.8%,
      var(--qud-color-b) 77.8%, var(--qud-color-b) 88.9%,
      var(--qud-color-c) 88.9%, var(--qud-color-c) 100.0%);
  background-size: 100%;
}
 
.qud-text.filthy {
  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-k) 2ch, var(--qud-color-k) 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) 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.0%, var(--qud-color-g-dark) 14.3%,
      var(--qud-color-g-dark) 14.3%, var(--qud-color-g-dark) 28.6%,
      var(--qud-color-w-dark) 28.6%, var(--qud-color-w-dark) 42.9%,
      var(--qud-color-w) 42.9%, var(--qud-color-w) 57.1%,
      var(--qud-color-w-dark) 57.1%, var(--qud-color-w-dark) 71.4%,
      var(--qud-color-g-dark) 71.4%, var(--qud-color-g-dark) 85.7%,
      var(--qud-color-g-dark) 85.7%, var(--qud-color-g-dark) 100.0%);
  background-size: 100%;
}
 
.qud-text.ghostly {
  background-image: linear-gradient(to right, var(--qud-color-y) 0.0%, var(--qud-color-y) 16.7%,
      var(--qud-color-y) 16.7%, var(--qud-color-y) 33.3%,
      var(--qud-color-y-dark) 33.3%, var(--qud-color-y-dark) 50.0%,
      var(--qud-color-y-dark) 50.0%, var(--qud-color-y-dark) 66.7%,
      var(--qud-color-k) 66.7%, var(--qud-color-k) 83.3%,
      var(--qud-color-k) 83.3%, var(--qud-color-k) 100.0%);
  background-size: 100%;
}
 
.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.0%, var(--qud-color-r-dark) 14.3%,
      var(--qud-color-r) 14.3%, var(--qud-color-r) 28.6%,
      var(--qud-color-w) 28.6%, var(--qud-color-w) 42.9%,
      var(--qud-color-y) 42.9%, var(--qud-color-y) 57.1%,
      var(--qud-color-w) 57.1%, var(--qud-color-w) 71.4%,
      var(--qud-color-r) 71.4%, var(--qud-color-r) 85.7%,
      var(--qud-color-r-dark) 85.7%, var(--qud-color-r-dark) 100.0%);
  background-size: 100%;
}
 
.qud-text.icy {
  background-image: linear-gradient(to right, var(--qud-color-y) 0.0%, var(--qud-color-y) 20.0%,
      var(--qud-color-c) 20.0%, var(--qud-color-c) 40.0%,
      var(--qud-color-b) 40.0%, var(--qud-color-b) 60.0%,
      var(--qud-color-c) 60.0%, var(--qud-color-c) 80.0%,
      var(--qud-color-y) 80.0%, var(--qud-color-y) 100.0%);
  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.0%, var(--qud-color-y-dark) 11.1%,
      var(--qud-color-y-dark) 11.1%, var(--qud-color-y-dark) 22.2%,
      var(--qud-color-y-dark) 22.2%, var(--qud-color-y-dark) 33.3%,
      var(--qud-color-y-dark) 33.3%, var(--qud-color-y-dark) 44.4%,
      var(--qud-color-y) 44.4%, var(--qud-color-y) 55.6%,
      var(--qud-color-w) 55.6%, var(--qud-color-w) 66.7%,
      var(--qud-color-y) 66.7%, var(--qud-color-y) 77.8%,
      var(--qud-color-y-dark) 77.8%, var(--qud-color-y-dark) 88.9%,
      var(--qud-color-y-dark) 88.9%, var(--qud-color-y-dark) 100.0%);
  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.0%, var(--qud-color-c-dark) 11.1%,
      var(--qud-color-c-dark) 11.1%, var(--qud-color-c-dark) 22.2%,
      var(--qud-color-c) 22.2%, var(--qud-color-c) 33.3%,
      var(--qud-color-w) 33.3%, var(--qud-color-w) 44.4%,
      var(--qud-color-y) 44.4%, var(--qud-color-y) 55.6%,
      var(--qud-color-w) 55.6%, var(--qud-color-w) 66.7%,
      var(--qud-color-c) 66.7%, var(--qud-color-c) 77.8%,
      var(--qud-color-c-dark) 77.8%, var(--qud-color-c-dark) 88.9%,
      var(--qud-color-c-dark) 88.9%, var(--qud-color-c-dark) 100.0%);
  background-size: 100%;
}
 
.qud-text.metachrome {
  background-image: linear-gradient(to right, var(--qud-color-w-dark) 0.0%, var(--qud-color-w-dark) 10.0%,
      var(--qud-color-w) 10.0%, var(--qud-color-w) 20.0%,
      var(--qud-color-y) 20.0%, var(--qud-color-y) 30.0%,
      var(--qud-color-c) 30.0%, var(--qud-color-c) 40.0%,
      var(--qud-color-c-dark) 40.0%, var(--qud-color-c-dark) 50.0%,
      var(--qud-color-c-dark) 50.0%, var(--qud-color-c-dark) 60.0%,
      var(--qud-color-c) 60.0%, var(--qud-color-c) 70.0%,
      var(--qud-color-y) 70.0%, var(--qud-color-y) 80.0%,
      var(--qud-color-w) 80.0%, var(--qud-color-w) 90.0%,
      var(--qud-color-w-dark) 90.0%, var(--qud-color-w-dark) 100.0%);
  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.0%, var(--qud-color-y-dark) 11.1%,
      var(--qud-color-y-dark) 11.1%, var(--qud-color-y-dark) 22.2%,
      var(--qud-color-w-dark) 22.2%, var(--qud-color-w-dark) 33.3%,
      var(--qud-color-w) 33.3%, var(--qud-color-w) 44.4%,
      var(--qud-color-r) 44.4%, var(--qud-color-r) 55.6%,
      var(--qud-color-w) 55.6%, var(--qud-color-w) 66.7%,
      var(--qud-color-w-dark) 66.7%, var(--qud-color-w-dark) 77.8%,
      var(--qud-color-y-dark) 77.8%, var(--qud-color-y-dark) 88.9%,
      var(--qud-color-y-dark) 88.9%, var(--qud-color-y-dark) 100.0%);
  background-size: 100%;
}
 
.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.0%, var(--qud-color-k) 11.1%,
      var(--qud-color-y-dark) 11.1%, var(--qud-color-y-dark) 22.2%,
      var(--qud-color-y) 22.2%, var(--qud-color-y) 33.3%,
      var(--qud-color-y-dark) 33.3%, var(--qud-color-y-dark) 44.4%,
      var(--qud-color-k) 44.4%, var(--qud-color-k) 55.6%,
      var(--qud-color-y-dark) 55.6%, var(--qud-color-y-dark) 66.7%,
      var(--qud-color-y) 66.7%, var(--qud-color-y) 77.8%,
      var(--qud-color-y-dark) 77.8%, var(--qud-color-y-dark) 88.9%,
      var(--qud-color-k) 88.9%, var(--qud-color-k) 100.0%);
  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.0%, var(--qud-color-b-dark) 14.3%,
      var(--qud-color-b) 14.3%, var(--qud-color-b) 28.6%,
      var(--qud-color-c) 28.6%, var(--qud-color-c) 42.9%,
      var(--qud-color-c-dark) 42.9%, var(--qud-color-c-dark) 57.1%,
      var(--qud-color-b-dark) 57.1%, var(--qud-color-b-dark) 71.4%,
      var(--qud-color-b) 71.4%, var(--qud-color-b) 85.7%,
      var(--qud-color-c) 85.7%, var(--qud-color-c) 100.0%);
  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.0%, var(--qud-color-r-dark) 14.3%,
      var(--qud-color-r) 14.3%, var(--qud-color-r) 28.6%,
      var(--qud-color-w) 28.6%, var(--qud-color-w) 42.9%,
      var(--qud-color-g) 42.9%, var(--qud-color-g) 57.1%,
      var(--qud-color-b) 57.1%, var(--qud-color-b) 71.4%,
      var(--qud-color-b-dark) 71.4%, var(--qud-color-b-dark) 85.7%,
      var(--qud-color-m-dark) 85.7%, var(--qud-color-m-dark) 100.0%);
  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.0%, var(--qud-color-c-dark) 11.1%,
      var(--qud-color-c-dark) 11.1%, var(--qud-color-c-dark) 22.2%,
      var(--qud-color-c) 22.2%, var(--qud-color-c) 33.3%,
      var(--qud-color-c) 33.3%, var(--qud-color-c) 44.4%,
      var(--qud-color-w) 44.4%, var(--qud-color-w) 55.6%,
      var(--qud-color-c) 55.6%, var(--qud-color-c) 66.7%,
      var(--qud-color-c) 66.7%, var(--qud-color-c) 77.8%,
      var(--qud-color-c-dark) 77.8%, var(--qud-color-c-dark) 88.9%,
      var(--qud-color-c-dark) 88.9%, var(--qud-color-c-dark) 100.0%);
  background-size: 100%;
}
 
.qud-text.rocket {
  background-image: linear-gradient(to right, var(--qud-color-y) 0.0%, var(--qud-color-y) 16.7%,
      var(--qud-color-w) 16.7%, var(--qud-color-w) 33.3%,
      var(--qud-color-r) 33.3%, var(--qud-color-r) 50.0%,
      var(--qud-color-r) 50.0%, var(--qud-color-r) 66.7%,
      var(--qud-color-r-dark) 66.7%, var(--qud-color-r-dark) 83.3%,
      var(--qud-color-y-dark) 83.3%, var(--qud-color-y-dark) 100.0%);
  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.0%, var(--qud-color-w) 11.1%,
      var(--qud-color-w-dark) 11.1%, var(--qud-color-w-dark) 22.2%,
      var(--qud-color-c-dark) 22.2%, var(--qud-color-c-dark) 33.3%,
      var(--qud-color-c) 33.3%, var(--qud-color-c) 44.4%,
      var(--qud-color-y) 44.4%, var(--qud-color-y) 55.6%,
      var(--qud-color-c) 55.6%, var(--qud-color-c) 66.7%,
      var(--qud-color-c-dark) 66.7%, var(--qud-color-c-dark) 77.8%,
      var(--qud-color-w-dark) 77.8%, var(--qud-color-w-dark) 88.9%,
      var(--qud-color-w) 88.9%, var(--qud-color-w) 100.0%);
  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.0%, var(--qud-color-y) 20.0%,
      var(--qud-color-y-dark) 20.0%, var(--qud-color-y-dark) 40.0%,
      var(--qud-color-k) 40.0%, var(--qud-color-k) 60.0%,
      var(--qud-color-y-dark) 60.0%, var(--qud-color-y-dark) 80.0%,
      var(--qud-color-y) 80.0%, var(--qud-color-y) 100.0%);
  background-size: 100%;
}
 
.qud-text.sun {
  background-image: linear-gradient(to right, var(--qud-color-w) 0.0%, var(--qud-color-w) 33.3%,
      var(--qud-color-r) 33.3%, var(--qud-color-r) 66.7%,
      var(--qud-color-w) 66.7%, var(--qud-color-w) 100.0%);
  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.0%, var(--qud-color-b-dark) 5.6%,
      var(--qud-color-b) 5.6%, var(--qud-color-b) 11.1%,
      var(--qud-color-b) 11.1%, var(--qud-color-b) 16.7%,
      var(--qud-color-m) 16.7%, var(--qud-color-m) 22.2%,
      var(--qud-color-m-dark) 22.2%, var(--qud-color-m-dark) 27.8%,
      var(--qud-color-r-dark) 27.8%, var(--qud-color-r-dark) 33.3%,
      var(--qud-color-r) 33.3%, var(--qud-color-r) 38.9%,
      var(--qud-color-w) 38.9%, var(--qud-color-w) 44.4%,
      var(--qud-color-c) 44.4%, var(--qud-color-c) 50.0%,
      var(--qud-color-c) 50.0%, var(--qud-color-c) 55.6%,
      var(--qud-color-w) 55.6%, var(--qud-color-w) 61.1%,
      var(--qud-color-r) 61.1%, var(--qud-color-r) 66.7%,
      var(--qud-color-r-dark) 66.7%, var(--qud-color-r-dark) 72.2%,
      var(--qud-color-m-dark) 72.2%, var(--qud-color-m-dark) 77.8%,
      var(--qud-color-m) 77.8%, var(--qud-color-m) 83.3%,
      var(--qud-color-b) 83.3%, var(--qud-color-b) 88.9%,
      var(--qud-color-b) 88.9%, var(--qud-color-b) 94.4%,
      var(--qud-color-b-dark) 94.4%, var(--qud-color-b-dark) 100.0%);
  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.0%, var(--qud-color-k) 10.0%,
      var(--qud-color-y-dark) 10.0%, var(--qud-color-y-dark) 20.0%,
      var(--qud-color-c-dark) 20.0%, var(--qud-color-c-dark) 30.0%,
      var(--qud-color-c) 30.0%, var(--qud-color-c) 40.0%,
      var(--qud-color-y) 40.0%, var(--qud-color-y) 50.0%,
      var(--qud-color-w) 50.0%, var(--qud-color-w) 60.0%,
      var(--qud-color-c) 60.0%, var(--qud-color-c) 70.0%,
      var(--qud-color-c-dark) 70.0%, var(--qud-color-c-dark) 80.0%,
      var(--qud-color-y-dark) 80.0%, var(--qud-color-y-dark) 90.0%,
      var(--qud-color-k) 90.0%, var(--qud-color-k) 100.0%);
  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.0%, var(--qud-color-b) 20.0%,
      var(--qud-color-c) 20.0%, var(--qud-color-c) 40.0%,
      var(--qud-color-y) 40.0%, var(--qud-color-y) 60.0%,
      var(--qud-color-c) 60.0%, var(--qud-color-c) 80.0%,
      var(--qud-color-b) 80.0%, var(--qud-color-b) 100.0%);
  background-size: 100%;
}
 
.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.0%, var(--qud-color-m-dark) 10.0%,
      var(--qud-color-m) 10.0%, var(--qud-color-m) 20.0%,
      var(--qud-color-y) 20.0%, var(--qud-color-y) 30.0%,
      var(--qud-color-c) 30.0%, var(--qud-color-c) 40.0%,
      var(--qud-color-c-dark) 40.0%, var(--qud-color-c-dark) 50.0%,
      var(--qud-color-c-dark) 50.0%, var(--qud-color-c-dark) 60.0%,
      var(--qud-color-c) 60.0%, var(--qud-color-c) 70.0%,
      var(--qud-color-y) 70.0%, var(--qud-color-y) 80.0%,
      var(--qud-color-m) 80.0%, var(--qud-color-m) 90.0%,
      var(--qud-color-m-dark) 90.0%, var(--qud-color-m-dark) 100.0%);
  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.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"