☰

Marketplace.SecondLife.com – Dark Flexible [Ath]

Dark theme SecondLife Marketplace (Marketplace.SecondLife.com) with flexible layout and configurable colors.

  1. /* ==UserStyle==
  2. @name           Marketplace.SecondLife.com – Dark Flexible [Ath]
  3. @namespace      athari
  4. @version        1.1.0
  5. @description    Dark theme SecondLife Marketplace (Marketplace.SecondLife.com) with flexible layout and configurable colors.
  6. @author         Athari (https://github.com/Athari)
  7. @homepageURL    https://github.com/Athari/AthariUserCSS
  8. @supportURL     https://github.com/Athari/AthariUserCSS/issues
  9. @license        MIT
  10. @preprocessor   default
  11.  
  12. @var            checkbox ath-flexible-layout    "Flexible layout"        1
  13. @var            checkbox ath-show-featured      "Show featured items"    0
  14. @var            select   ath-color-scheme       "Controls color scheme"  ["light:Light", "dark:Dark*"]
  15.  
  16. @var            range    l "Lightness base"     [1.2, -2.0, 2.0, 0.02]
  17. @var            range    m "Lightness contrast" [-1.0, -2.0, 2.0, 0.02]
  18. @var            range    c "Chroma base"        [0.0, 0.0, 0.40, 0.01]
  19. @var            range    d "Chroma contrast"    [1.0, -2.0, 2.0, 0.02]
  20. @var            range    h "Hue base"           [0, 0, 360, 2]
  21. @var            range    i "Hue contrast"       [1.0, -2.0, 2.0, 0.05]
  22. @var            checkbox y "Invert images"      0
  23. ==/UserStyle== */
  24. @-moz-document domain("marketplace.secondlife.com") {
  25.   /*
  26.    * generated
  27.    * formula: dark-full
  28.    * site: marketplace.secondlife.com
  29.    * name: screen-b200bbe2164ef6a6af568ae7e2e1cf87fdc5f320d86dfefe04b344476abc33a4.css
  30.    * url: https://marketplace.secondlife.com/assets/screen-b200bbe2164ef6a6af568ae7e2e1cf87fdc5f320d86dfefe04b344476abc33a4.css
  31.    * name: inline-style-attrs.css
  32.    */
  33.   :root,
  34.   body,
  35.   nav.header,
  36.   footer {
  37.     /*color #ccc n=68 rgb(204, 204, 204) oklch(6 0 16)*/
  38.     --c-ccc: oklch(from #ccc calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  39.     /*color white n=57 rgb(255, 255, 255) oklch(1 0 180)*/
  40.     --c-white: oklch(from #fff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  41.     /*color transparent n=40 rgba(0, 0, 0, 0) oklch(0 0 0 / 0)*/
  42.     --c-transparent: oklch(from transparent calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  43.     /*color #595c62 n=22 rgb(89, 92, 98) oklch(6 14 22)*/
  44.     --c-595c62: oklch(from #595c62 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  45.     /*color #222 n=14 rgb(34, 34, 34) oklch(6 0 16)*/
  46.     --c-222: oklch(from #222 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  47.     /*color #e8e8e8 n=13 rgb(232, 232, 232) oklch(6 0 180)*/
  48.     --c-e8e8e8: oklch(from #e8e8e8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  49.     /*color #ddd n=9 rgb(221, 221, 221) oklch(6 0 16)*/
  50.     --c-ddd: oklch(from #ddd calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  51.     /*color #1a1a1a n=9 rgb(26, 26, 26) oklch(6 0 180)*/
  52.     --c-1a1a1a: oklch(from #1a1a1a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  53.     /*color rgba(121,121,229,.25) n=8 rgba(121, 121, 229, 20) oklch(6 14 22 / 32)*/
  54.     --c-rgba-121-121-229-17: oklch(from rgba(121, 121, 229, 0.25) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  55.     /*color rgba(79,79,221,.25) n=8 rgba(79, 79, 221, 18) oklch(6 14 22 / 32)*/
  56.     --c-rgba-79-79-221-15: oklch(from rgba(79, 79, 221, 0.25) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  57.     /*color black n=7 rgb(0, 0, 0) oklch(0 0 0)*/
  58.     --c-black: oklch(from #000 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  59.     /*color #666 n=7 rgb(102, 102, 102) oklch(6 0 16)*/
  60.     --c-666: oklch(from #666 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  61.     /*color #8a1f11 n=6 rgb(138, 31, 17) oklch(6 14 22)*/
  62.     --c-8a1f11: oklch(from #8a1f11 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  63.     /*color #aaa n=6 rgb(170, 170, 170) oklch(6 0 16)*/
  64.     --c-aaa: oklch(from #aaa calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  65.     /*color #fbe3e4 n=6 rgb(251, 227, 228) oklch(6 14 22)*/
  66.     --c-fbe3e4: oklch(from #fbe3e4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  67.     /*color #fff6bf n=6 rgb(255, 246, 191) oklch(6 14 22)*/
  68.     --c-fff6bf: oklch(from #fff6bf calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  69.     /*color #9fa7ad n=5 rgb(159, 167, 173) oklch(6 14 22)*/
  70.     --c-9fa7ad: oklch(from #9fa7ad calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  71.     /*color #fefefe n=5 rgb(254, 254, 254) oklch(6 0 180)*/
  72.     --c-fefefe: oklch(from #fefefe calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  73.     /*color red n=5 rgb(255, 0, 0) oklch(6 14 22)*/
  74.     --c-red: oklch(from red calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  75.     /*color #333 n=5 rgb(51, 51, 51) oklch(6 0 180)*/
  76.     --c-333: oklch(from #333 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  77.     /*color #514721 n=5 rgb(81, 71, 33) oklch(6 14 22)*/
  78.     --c-514721: oklch(from #514721 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  79.     /*color #b7cb90 n=4 rgb(183, 203, 144) oklch(6 14 22)*/
  80.     --c-b7cb90: oklch(from #b7cb90 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  81.     /*color #cdcdcf n=4 rgb(205, 205, 207) oklch(6 13 21)*/
  82.     --c-cdcdcf: oklch(from #cdcdcf calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  83.     /*color #e4fdb4 n=4 rgb(228, 253, 180) oklch(6 14 22)*/
  84.     --c-e4fdb4: oklch(from #e4fdb4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  85.     /*color #fbc2c4 n=4 rgb(251, 194, 196) oklch(6 14 22)*/
  86.     --c-fbc2c4: oklch(from #fbc2c4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  87.     /*color #1c6293 n=4 rgb(28, 98, 147) oklch(6 14 22)*/
  88.     --c-1c6293: oklch(from #1c6293 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  89.     /*color rgba(0,0,0,.5) n=4 rgba(0, 0, 0, 14) oklch(0 0 0 / 14)*/
  90.     --c-rgba-0-0-0-11: oklch(from rgba(0, 0, 0, 0.5) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  91.     /*color #6d9fc2 n=3 rgb(109, 159, 194) oklch(6 14 22)*/
  92.     --c-6d9fc2: oklch(from #6d9fc2 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  93.     /*color #848585 n=3 rgb(132, 133, 133) oklch(6 14 22)*/
  94.     --c-848585: oklch(from #848585 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  95.     /*color #bbb n=3 rgb(187, 187, 187) oklch(6 0 16)*/
  96.     --c-bbb: oklch(from #bbb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  97.     /*color #eee n=3 rgb(238, 238, 238) oklch(6 0 180)*/
  98.     --c-eee: oklch(from #eee calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  99.     /*color #f7911e n=3 rgb(247, 145, 30) oklch(6 14 21)*/
  100.     --c-f7911e: oklch(from #f7911e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  101.     /*color #fcefae n=3 rgb(252, 239, 174) oklch(6 13 21)*/
  102.     --c-fcefae: oklch(from #fcefae calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  103.     /*color #ffd324 n=3 rgb(255, 211, 36) oklch(6 14 22)*/
  104.     --c-ffd324: oklch(from #ffd324 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  105.     /*color #264409 n=3 rgb(38, 68, 9) oklch(6 14 22)*/
  106.     --c-264409: oklch(from #264409 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  107.     /*color #336554 n=3 rgb(51, 101, 84) oklch(6 13 20)*/
  108.     --c-336554: oklch(from #336554 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  109.     /*color #003eff n=2 rgb(0, 62, 255) oklch(6 13 21)*/
  110.     --c-003eff: oklch(from #003eff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  111.     /*color #777620 n=2 rgb(119, 118, 32) oklch(6 14 21)*/
  112.     --c-777620: oklch(from #777620 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  113.     /*color #84a0b3 n=2 rgb(132, 160, 179) oklch(6 14 22)*/
  114.     --c-84a0b3: oklch(from #84a0b3 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  115.     /*color #88a3b7 n=2 rgb(136, 163, 183) oklch(6 14 22)*/
  116.     --c-88a3b7: oklch(from #88a3b7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  117.     /*color #9aa1a7 n=2 rgb(154, 161, 167) oklch(6 14 22)*/
  118.     --c-9aa1a7: oklch(from #9aa1a7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  119.     /*color #bf00ff n=2 rgb(191, 0, 255) oklch(6 13 20)*/
  120.     --c-bf00ff: oklch(from #bf00ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  121.     /*color #c5c5c5 n=2 rgb(197, 197, 197) oklch(6 0 16)*/
  122.     --c-c5c5c5: oklch(from #c5c5c5 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  123.     /*color #c6d880 n=2 rgb(198, 216, 128) oklch(6 14 22)*/
  124.     --c-c6d880: oklch(from #c6d880 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  125.     /*color #cfefa7 n=2 rgb(207, 239, 167) oklch(6 14 22)*/
  126.     --c-cfefa7: oklch(from #cfefa7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  127.     /*color #d05d27 n=2 rgb(208, 93, 39) oklch(6 14 22)*/
  128.     --c-d05d27: oklch(from #d05d27 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  129.     /*color #dad55e n=2 rgb(218, 213, 94) oklch(6 14 22)*/
  130.     --c-dad55e: oklch(from #dad55e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  131.     /*color #e5ecf9 n=2 rgb(229, 236, 249) oklch(6 14 21)*/
  132.     --c-e5ecf9: oklch(from #e5ecf9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  133.     /*color #e6efc2 n=2 rgb(230, 239, 194) oklch(6 14 22)*/
  134.     --c-e6efc2: oklch(from #e6efc2 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  135.     /*color #efe n=2 rgb(238, 255, 238) oklch(6 14 22)*/
  136.     --c-efe: oklch(from #efe calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  137.     /*color #efefef n=2 rgb(239, 239, 239) oklch(6 0 16)*/
  138.     --c-efefef: oklch(from #efefef calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  139.     /*color #fae587 n=2 rgb(250, 229, 135) oklch(6 14 22)*/
  140.     --c-fae587: oklch(from #fae587 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  141.     /*color #f73 n=2 rgb(255, 119, 51) oklch(6 14 22)*/
  142.     --c-f73: oklch(from #f73 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  143.     /*color #fffa90 n=2 rgb(255, 250, 144) oklch(6 14 22)*/
  144.     --c-fffa90: oklch(from #fffa90 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  145.     /*color #205791 n=2 rgb(32, 87, 145) oklch(6 14 22)*/
  146.     --c-205791: oklch(from #205791 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  147.     /*color #2b2b2b n=2 rgb(43, 43, 43) oklch(6 0 180)*/
  148.     --c-2b2b2b: oklch(from #2b2b2b calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  149.     /*color #313234 n=2 rgb(49, 50, 52) oklch(6 14 22)*/
  150.     --c-313234: oklch(from #313234 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  151.     /*color #3a6481 n=2 rgb(58, 100, 129) oklch(6 14 22)*/
  152.     --c-3a6481: oklch(from #3a6481 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  153.     /*color #454545 n=2 rgb(69, 69, 69) oklch(6 0 180)*/
  154.     --c-454545: oklch(from #454545 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  155.     /*color #4c4f54 n=2 rgb(76, 79, 84) oklch(6 14 22)*/
  156.     --c-4c4f54: oklch(from #4c4f54 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  157.     /*color #5cb192 n=2 rgb(92, 177, 146) oklch(6 14 22)*/
  158.     --c-5cb192: oklch(from #5cb192 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  159.     /*color #5f3f3f n=2 rgb(95, 63, 63) oklch(6 14 22)*/
  160.     --c-5f3f3f: oklch(from #5f3f3f calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  161.     /*color #607c8f n=2 rgb(96, 124, 143) oklch(6 14 22)*/
  162.     --c-607c8f: oklch(from #607c8f calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  163.     /*color #616267 n=2 rgb(97, 98, 103) oklch(6 14 22)*/
  164.     --c-616267: oklch(from #616267 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  165.     /*color rgba(0,0,0,.3) n=2 rgba(0, 0, 0, 14) oklch(0 0 0 / 14)*/
  166.     --c-rgba-0-0-0-11: oklch(from rgba(0, 0, 0, 0.3) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  167.     /*color #060 n=1 rgb(0, 102, 0) oklch(6 14 22)*/
  168.     --c-060: oklch(from #060 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  169.     /*color #06c n=1 rgb(0, 102, 204) oklch(6 14 22)*/
  170.     --c-06c: oklch(from #06c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  171.     /*color #007fff n=1 rgb(0, 127, 255) oklch(6 14 22)*/
  172.     --c-007fff: oklch(from #007fff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  173.     /*color green n=1 rgb(0, 128, 0) oklch(6 14 22)*/
  174.     --c-green: oklch(from green calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  175.     /*color #09f n=1 rgb(0, 153, 255) oklch(6 14 22)*/
  176.     --c-09f: oklch(from #09f calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  177.     /*color deepskyblue n=1 rgb(0, 191, 255) oklch(6 14 22)*/
  178.     --c-deepskyblue: oklch(from #00bfff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  179.     /*color #002300 n=1 rgb(0, 35, 0) oklch(6 14 22)*/
  180.     --c-002300: oklch(from #002300 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  181.     /*color #004d99 n=1 rgb(0, 77, 153) oklch(6 14 22)*/
  182.     --c-004d99: oklch(from #004d99 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  183.     /*color #017ac1 n=1 rgb(1, 122, 193) oklch(6 14 22)*/
  184.     --c-017ac1: oklch(from #017ac1 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  185.     /*color #010f37 n=1 rgb(1, 15, 55) oklch(6 14 22)*/
  186.     --c-010f37: oklch(from #010f37 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  187.     /*color #01265b n=1 rgb(1, 38, 91) oklch(6 14 22)*/
  188.     --c-01265b: oklch(from #01265b calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  189.     /*color #014a8e n=1 rgb(1, 74, 142) oklch(6 14 22)*/
  190.     --c-014a8e: oklch(from #014a8e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  191.     /*color #653101 n=1 rgb(101, 49, 1) oklch(6 14 22)*/
  192.     --c-653101: oklch(from #653101 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  193.     /*color #68016a n=1 rgb(104, 1, 106) oklch(6 14 22)*/
  194.     --c-68016a: oklch(from #68016a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  195.     /*color #7c7d83 n=1 rgb(124, 125, 131) oklch(6 14 22)*/
  196.     --c-7c7d83: oklch(from #7c7d83 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  197.     /*color grey n=1 rgb(128, 128, 128) oklch(6 0 180)*/
  198.     --c-grey: oklch(from gray calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  199.     /*color #0d4700 n=1 rgb(13, 71, 0) oklch(6 13 21)*/
  200.     --c-0d4700: oklch(from #0d4700 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  201.     /*color #8ae2ff n=1 rgb(138, 226, 255) oklch(6 14 22)*/
  202.     --c-8ae2ff: oklch(from #8ae2ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  203.     /*color #8d0245 n=1 rgb(141, 2, 69) oklch(6 14 22)*/
  204.     --c-8d0245: oklch(from #8d0245 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  205.     /*color #8e01a7 n=1 rgb(142, 1, 167) oklch(6 14 22)*/
  206.     --c-8e01a7: oklch(from #8e01a7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  207.     /*color #8eb1c9 n=1 rgb(142, 177, 201) oklch(6 14 22)*/
  208.     --c-8eb1c9: oklch(from #8eb1c9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  209.     /*color #92cae4 n=1 rgb(146, 202, 228) oklch(6 13 21)*/
  210.     --c-92cae4: oklch(from #92cae4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  211.     /*color #900 n=1 rgb(153, 0, 0) oklch(6 14 22)*/
  212.     --c-900: oklch(from #900 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  213.     /*color #999 n=1 rgb(153, 153, 153) oklch(6 0 180)*/
  214.     --c-999: oklch(from #999 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  215.     /*color #9aa6af n=1 rgb(154, 166, 175) oklch(6 13 21)*/
  216.     --c-9aa6af: oklch(from #9aa6af calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  217.     /*color #9b9ea6 n=1 rgb(155, 158, 166) oklch(6 14 22)*/
  218.     --c-9b9ea6: oklch(from #9b9ea6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  219.     /*color #a1a6b4 n=1 rgb(161, 166, 180) oklch(6 14 22)*/
  220.     --c-a1a6b4: oklch(from #a1a6b4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  221.     /*color #a4b9c7 n=1 rgb(164, 185, 199) oklch(6 14 21)*/
  222.     --c-a4b9c7: oklch(from #a4b9c7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  223.     /*color #111 n=1 rgb(17, 17, 17) oklch(6 0 180)*/
  224.     --c-111: oklch(from #111 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  225.     /*color #aaadb4 n=1 rgb(170, 173, 180) oklch(6 14 22)*/
  226.     --c-aaadb4: oklch(from #aaadb4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  227.     /*color #acc6d8 n=1 rgb(172, 198, 216) oklch(6 14 22)*/
  228.     --c-acc6d8: oklch(from #acc6d8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  229.     /*color #ace401 n=1 rgb(172, 228, 1) oklch(6 14 22)*/
  230.     --c-ace401: oklch(from #ace401 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  231.     /*color #ac6206 n=1 rgb(172, 98, 6) oklch(6 14 22)*/
  232.     --c-ac6206: oklch(from #ac6206 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  233.     /*color #b4b7c0 n=1 rgb(180, 183, 192) oklch(6 13 21)*/
  234.     --c-b4b7c0: oklch(from #b4b7c0 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  235.     /*color #bdd9ed n=1 rgb(189, 217, 237) oklch(6 14 22)*/
  236.     --c-bdd9ed: oklch(from #bdd9ed calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  237.     /*color #bdebcc n=1 rgb(189, 235, 204) oklch(6 14 22)*/
  238.     --c-bdebcc: oklch(from #bdebcc calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  239.     /*color #bdedff n=1 rgb(189, 237, 255) oklch(6 14 22)*/
  240.     --c-bdedff: oklch(from #bdedff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  241.     /*color silver n=1 rgb(192, 192, 192) oklch(6 0 180)*/
  242.     --c-silver: oklch(from silver calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  243.     /*color #c10144 n=1 rgb(193, 1, 68) oklch(6 14 22)*/
  244.     --c-c10144: oklch(from #c10144 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  245.     /*color #c3d9ff n=1 rgb(195, 217, 255) oklch(6 14 22)*/
  246.     --c-c3d9ff: oklch(from #c3d9ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  247.     /*color #c34a00 n=1 rgb(195, 74, 0) oklch(6 14 22)*/
  248.     --c-c34a00: oklch(from #c34a00 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  249.     /*color #c5cdcf n=1 rgb(197, 205, 207) oklch(6 14 22)*/
  250.     --c-c5cdcf: oklch(from #c5cdcf calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  251.     /*color #c6ee4f n=1 rgb(198, 238, 79) oklch(6 14 21)*/
  252.     --c-c6ee4f: oklch(from #c6ee4f calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  253.     /*color #c8d1d8 n=1 rgb(200, 209, 216) oklch(6 14 22)*/
  254.     --c-c8d1d8: oklch(from #c8d1d8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  255.     /*color #cccfd7 n=1 rgb(204, 207, 215) oklch(6 14 22)*/
  256.     --c-cccfd7: oklch(from #cccfd7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  257.     /*color #d0d0d3 n=1 rgb(208, 208, 211) oklch(6 14 21)*/
  258.     --c-d0d0d3: oklch(from #d0d0d3 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  259.     /*color #d24dff n=1 rgb(210, 77, 255) oklch(6 14 22)*/
  260.     --c-d24dff: oklch(from #d24dff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  261.     /*color #d5edf8 n=1 rgb(213, 237, 248) oklch(6 14 22)*/
  262.     --c-d5edf8: oklch(from #d5edf8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  263.     /*color #db8400 n=1 rgb(219, 132, 0) oklch(6 13 21)*/
  264.     --c-db8400: oklch(from #db8400 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  265.     /*color #dbf5ff n=1 rgb(219, 245, 255) oklch(6 14 22)*/
  266.     --c-dbf5ff: oklch(from #dbf5ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  267.     /*color #dcf58e n=1 rgb(220, 245, 142) oklch(6 14 22)*/
  268.     --c-dcf58e: oklch(from #dcf58e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  269.     /*color #dee0e8 n=1 rgb(222, 224, 232) oklch(6 14 22)*/
  270.     --c-dee0e8: oklch(from #dee0e8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  271.     /*color #e0e0e0 n=1 rgb(224, 224, 224) oklch(6 0 180)*/
  272.     --c-e0e0e0: oklch(from #e0e0e0 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  273.     /*color #e28aff n=1 rgb(226, 138, 255) oklch(6 14 22)*/
  274.     --c-e28aff: oklch(from #e28aff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  275.     /*color #e55c00 n=1 rgb(229, 92, 0) oklch(6 14 22)*/
  276.     --c-e55c00: oklch(from #e55c00 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  277.     /*color lavender n=1 rgb(230, 230, 250) oklch(6 13 21)*/
  278.     --c-lavender: oklch(from #e6e6fa calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  279.     /*color #e7f1f8 n=1 rgb(231, 241, 248) oklch(6 14 22)*/
  280.     --c-e7f1f8: oklch(from #e7f1f8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  281.     /*color #e9e9e9 n=1 rgb(233, 233, 233) oklch(6 0 16)*/
  282.     --c-e9e9e9: oklch(from #e9e9e9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  283.     /*color #ebfbbc n=1 rgb(235, 251, 188) oklch(6 12 20)*/
  284.     --c-ebfbbc: oklch(from #ebfbbc calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  285.     /*color #eceef3 n=1 rgb(236, 238, 243) oklch(6 14 22)*/
  286.     --c-eceef3: oklch(from #eceef3 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  287.     /*color #ededed n=1 rgb(237, 237, 237) oklch(6 0 180)*/
  288.     --c-ededed: oklch(from #ededed calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  289.     /*color #ed1d51 n=1 rgb(237, 29, 81) oklch(6 14 22)*/
  290.     --c-ed1d51: oklch(from #ed1d51 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  291.     /*color #eebdff n=1 rgb(238, 189, 255) oklch(6 14 22)*/
  292.     --c-eebdff: oklch(from #eebdff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  293.     /*color #f0fbff n=1 rgb(240, 251, 255) oklch(6 14 22)*/
  294.     --c-f0fbff: oklch(from #f0fbff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  295.     /*color #f05d14 n=1 rgb(240, 93, 20) oklch(6 14 22)*/
  296.     --c-f05d14: oklch(from #f05d14 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  297.     /*color #f1a899 n=1 rgb(241, 168, 153) oklch(6 14 22)*/
  298.     --c-f1a899: oklch(from #f1a899 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  299.     /*color #f5ffd6 n=1 rgb(245, 255, 214) oklch(6 14 22)*/
  300.     --c-f5ffd6: oklch(from #f5ffd6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  301.     /*color #f68d20 n=1 rgb(246, 141, 32) oklch(6 14 22)*/
  302.     --c-f68d20: oklch(from #f68d20 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  303.     /*color #f6901e n=1 rgb(246, 144, 30) oklch(6 14 21)*/
  304.     --c-f6901e: oklch(from #f6901e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  305.     /*color #f6f6f6 n=1 rgb(246, 246, 246) oklch(6 0 16)*/
  306.     --c-f6f6f6: oklch(from #f6f6f6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  307.     /*color #f8e0ff n=1 rgb(248, 224, 255) oklch(6 14 22)*/
  308.     --c-f8e0ff: oklch(from #f8e0ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  309.     /*color #f8f9fc n=1 rgb(248, 249, 252) oklch(6 13 21)*/
  310.     --c-f8f9fc: oklch(from #f8f9fc calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  311.     /*color #fbffeb n=1 rgb(251, 255, 235) oklch(6 14 22)*/
  312.     --c-fbffeb: oklch(from #fbffeb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  313.     /*color #fddfdf n=1 rgb(253, 223, 223) oklch(6 13 21)*/
  314.     --c-fddfdf: oklch(from #fddfdf calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  315.     /*color #fdf0ff n=1 rgb(253, 240, 255) oklch(6 14 21)*/
  316.     --c-fdf0ff: oklch(from #fdf0ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  317.     /*color #ff8fab n=1 rgb(255, 143, 171) oklch(6 14 22)*/
  318.     --c-ff8fab: oklch(from #ff8fab calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  319.     /*color #ff9c6b n=1 rgb(255, 156, 107) oklch(6 14 22)*/
  320.     --c-ff9c6b: oklch(from #ff9c6b calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  321.     /*color orange n=1 rgb(255, 165, 0) oklch(6 14 22)*/
  322.     --c-orange: oklch(from orange calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  323.     /*color #ffbdcd n=1 rgb(255, 189, 205) oklch(6 14 21)*/
  324.     --c-ffbdcd: oklch(from #ffbdcd calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  325.     /*color #ffbf00 n=1 rgb(255, 191, 0) oklch(6 14 22)*/
  326.     --c-ffbf00: oklch(from #ffbf00 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  327.     /*color #ffcc4d n=1 rgb(255, 204, 77) oklch(6 14 22)*/
  328.     --c-ffcc4d: oklch(from #ffcc4d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  329.     /*color #ffde85 n=1 rgb(255, 222, 133) oklch(6 14 22)*/
  330.     --c-ffde85: oklch(from #ffde85 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  331.     /*color #ffe6ec n=1 rgb(255, 230, 236) oklch(6 14 22)*/
  332.     --c-ffe6ec: oklch(from #ffe6ec calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  333.     /*color #ffecb8 n=1 rgb(255, 236, 184) oklch(6 14 22)*/
  334.     --c-ffecb8: oklch(from #ffecb8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  335.     /*color #fff3bf n=1 rgb(255, 243, 191) oklch(6 14 21)*/
  336.     --c-fff3bf: oklch(from #fff3bf calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  337.     /*color #fff5f7 n=1 rgb(255, 245, 247) oklch(6 14 22)*/
  338.     --c-fff5f7: oklch(from #fff5f7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  339.     /*color #fff6db n=1 rgb(255, 246, 219) oklch(6 14 22)*/
  340.     --c-fff6db: oklch(from #fff6db calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  341.     /*color #fffaeb n=1 rgb(255, 250, 235) oklch(6 14 21)*/
  342.     --c-fffaeb: oklch(from #fffaeb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  343.     /*color yellow n=1 rgb(255, 255, 0) oklch(6 14 22)*/
  344.     --c-yellow: oklch(from #ff0 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  345.     /*color #ffc n=1 rgb(255, 255, 204) oklch(6 14 22)*/
  346.     --c-ffc: oklch(from #ffc calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  347.     /*color #ff527d n=1 rgb(255, 82, 125) oklch(6 14 22)*/
  348.     --c-ff527d: oklch(from #ff527d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  349.     /*color #202122 n=1 rgb(32, 33, 34) oklch(6 13 21)*/
  350.     --c-202122: oklch(from #202122 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  351.     /*color #217e01 n=1 rgb(33, 126, 1) oklch(6 14 22)*/
  352.     --c-217e01: oklch(from #217e01 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  353.     /*color #2d011e n=1 rgb(45, 1, 30) oklch(6 14 22)*/
  354.     --c-2d011e: oklch(from #2d011e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  355.     /*color #2d0123 n=1 rgb(45, 1, 35) oklch(6 14 22)*/
  356.     --c-2d0123: oklch(from #2d0123 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  357.     /*color #313235 n=1 rgb(49, 50, 53) oklch(6 14 22)*/
  358.     --c-313235: oklch(from #313235 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  359.     /*color #321b01 n=1 rgb(50, 27, 1) oklch(6 14 22)*/
  360.     --c-321b01: oklch(from #321b01 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  361.     /*color #366 n=1 rgb(51, 102, 102) oklch(6 14 22)*/
  362.     --c-366: oklch(from #366 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  363.     /*color #424448 n=1 rgb(66, 68, 72) oklch(6 14 22)*/
  364.     --c-424448: oklch(from #424448 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  365.     /*color #460143 n=1 rgb(70, 1, 67) oklch(6 14 22)*/
  366.     --c-460143: oklch(from #460143 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  367.     /*color #508e77 n=1 rgb(80, 142, 119) oklch(6 14 22)*/
  368.     --c-508e77: oklch(from #508e77 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  369.     /*color #52d4ff n=1 rgb(82, 212, 255) oklch(6 14 22)*/
  370.     --c-52d4ff: oklch(from #52d4ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  371.     /*color #555453 n=1 rgb(85, 84, 83) oklch(6 14 22)*/
  372.     --c-555453: oklch(from #555453 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  373.     /*color #560130 n=1 rgb(86, 1, 48) oklch(6 13 21)*/
  374.     --c-560130: oklch(from #560130 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  375.     /*color #5cad01 n=1 rgb(92, 173, 1) oklch(6 14 21)*/
  376.     --c-5cad01: oklch(from #5cad01 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  377.     /*color #5e9ed6 n=1 rgb(94, 158, 214) oklch(6 14 22)*/
  378.     --c-5e9ed6: oklch(from #5e9ed6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  379.     /*color #5eaade n=1 rgb(94, 170, 222) oklch(6 14 22)*/
  380.     --c-5eaade: oklch(from #5eaade calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  381.     /*color #606166 n=1 rgb(96, 97, 102) oklch(6 14 20)*/
  382.     --c-606166: oklch(from #606166 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  383.     /*color rgba(0,0,0,.35) n=1 rgba(0, 0, 0, 14) oklch(0 0 0 / 14)*/
  384.     --c-rgba-0-0-0-11: oklch(from rgba(0, 0, 0, 0.35) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  385.     /*color hsla(0,0%,100%,.6) n=1 rgba(255, 255, 255, 20) oklch(1 0 180 / 16)*/
  386.     --c-hsla-0-0-100-15: oklch(from hsla(0, 0%, 100%, 0.6) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  387.     /*color rgba(33,33,33,.8) n=1 rgba(33, 33, 33, 17) oklch(6 0 180 / 22)*/
  388.     --c-rgba-33-33-33-14: oklch(from rgba(33, 33, 33, 0.8) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  389.   }
  390.   .ui-widget.ui-widget-content {
  391.     border: 1px solid var(--c-c5c5c5);
  392.   }
  393.   .ui-widget-content {
  394.     background-color: var(--c-white);
  395.     border: 1px solid var(--c-ddd);
  396.     color: var(--c-333);
  397.   }
  398.   .ui-widget-content a {
  399.     color: var(--c-333);
  400.   }
  401.   .ui-widget-header {
  402.     background-color: var(--c-e9e9e9);
  403.     border: 1px solid var(--c-ddd);
  404.     color: var(--c-333);
  405.   }
  406.   .ui-widget-header a {
  407.     color: var(--c-333);
  408.   }
  409.   .ui-button,
  410.   .ui-state-default,
  411.   .ui-widget-content .ui-state-default,
  412.   .ui-widget-header .ui-state-default,
  413.   html .ui-button.ui-state-disabled:active,
  414.   html .ui-button.ui-state-disabled:hover {
  415.     background-color: var(--c-f6f6f6);
  416.     border: 1px solid var(--c-c5c5c5);
  417.     color: var(--c-454545);
  418.   }
  419.   .ui-button,
  420.   .ui-state-default a,
  421.   .ui-state-default a:link,
  422.   .ui-state-default a:visited,
  423.   a.ui-button,
  424.   a:link.ui-button,
  425.   a:visited.ui-button {
  426.     color: var(--c-454545);
  427.   }
  428.   .ui-button:focus,
  429.   .ui-button:hover,
  430.   .ui-state-focus,
  431.   .ui-state-hover,
  432.   .ui-widget-content .ui-state-focus,
  433.   .ui-widget-content .ui-state-hover,
  434.   .ui-widget-header .ui-state-focus,
  435.   .ui-widget-header .ui-state-hover {
  436.     background-color: var(--c-ededed);
  437.     border: 1px solid var(--c-ccc);
  438.     color: var(--c-2b2b2b);
  439.   }
  440.   .ui-state-focus a,
  441.   .ui-state-focus a:hover,
  442.   .ui-state-focus a:link,
  443.   .ui-state-focus a:visited,
  444.   .ui-state-hover a,
  445.   .ui-state-hover a:hover,
  446.   .ui-state-hover a:link,
  447.   .ui-state-hover a:visited,
  448.   a.ui-button:focus,
  449.   a.ui-button:hover {
  450.     color: var(--c-2b2b2b);
  451.   }
  452.   .ui-visual-focus {
  453.     box-shadow: 0 0 3px 1px var(--c-5e9ed6);
  454.   }
  455.   .ui-button.ui-state-active:hover,
  456.   .ui-button:active,
  457.   .ui-state-active,
  458.   .ui-widget-content .ui-state-active,
  459.   .ui-widget-header .ui-state-active,
  460.   a.ui-button:active {
  461.     background-color: var(--c-007fff);
  462.     border: 1px solid var(--c-003eff);
  463.     color: var(--c-white);
  464.   }
  465.   .ui-icon-background,
  466.   .ui-state-active .ui-icon-background {
  467.     background-color: var(--c-white);
  468.     border: var(--c-003eff);
  469.   }
  470.   .ui-state-active a,
  471.   .ui-state-active a:link,
  472.   .ui-state-active a:visited {
  473.     color: var(--c-white);
  474.   }
  475.   .ui-state-highlight,
  476.   .ui-widget-content .ui-state-highlight,
  477.   .ui-widget-header .ui-state-highlight {
  478.     background-color: var(--c-fffa90);
  479.     border: 1px solid var(--c-dad55e);
  480.     color: var(--c-777620);
  481.   }
  482.   .ui-state-checked {
  483.     background-color: var(--c-fffa90);
  484.     border: 1px solid var(--c-dad55e);
  485.   }
  486.   .ui-state-highlight a,
  487.   .ui-widget-content .ui-state-highlight a,
  488.   .ui-widget-header .ui-state-highlight a {
  489.     color: var(--c-777620);
  490.   }
  491.   .ui-state-error,
  492.   .ui-widget-content .ui-state-error,
  493.   .ui-widget-header .ui-state-error {
  494.     background-color: var(--c-fddfdf);
  495.     border: 1px solid var(--c-f1a899);
  496.     color: var(--c-5f3f3f);
  497.   }
  498.   .ui-state-error a,
  499.   .ui-state-error-text,
  500.   .ui-widget-content .ui-state-error a,
  501.   .ui-widget-content .ui-state-error-text,
  502.   .ui-widget-header .ui-state-error a,
  503.   .ui-widget-header .ui-state-error-text {
  504.     color: var(--c-5f3f3f);
  505.   }
  506.   .ui-widget-overlay {
  507.     background-color: var(--c-aaa);
  508.   }
  509.   .ui-widget-shadow {
  510.     box-shadow: 0 0 5px var(--c-666);
  511.   }
  512.   .ui-checkboxradio-label .ui-icon-background {
  513.     box-shadow: inset 1px 1px 1px var(--c-ccc);
  514.   }
  515.   .ui-selectable-helper {
  516.     border: 1px dotted var(--c-black);
  517.   }
  518.   body.bp {
  519.     color: var(--c-333);
  520.   }
  521.   body.bp h1,
  522.   body.bp h2,
  523.   body.bp h3,
  524.   body.bp h4,
  525.   body.bp h5,
  526.   body.bp h6 {
  527.     color: var(--c-222);
  528.   }
  529.   body.bp a {
  530.     color: var(--c-06c);
  531.   }
  532.   body.bp a:visited {
  533.     color: var(--c-004d99);
  534.   }
  535.   body.bp a:focus,
  536.   body.bp a:hover {
  537.     color: var(--c-09f);
  538.   }
  539.   body.bp a:active {
  540.     color: var(--c-bf00ff);
  541.   }
  542.   body.bp blockquote {
  543.     color: var(--c-666);
  544.   }
  545.   body.bp abbr,
  546.   body.bp acronym {
  547.     border-bottom: 1px dotted var(--c-666);
  548.   }
  549.   body.bp del {
  550.     color: var(--c-666);
  551.   }
  552.   body.bp thead th {
  553.     background-color: var(--c-c3d9ff);
  554.   }
  555.   body.bp table tr.even td,
  556.   body.bp table.striped tr:nth-child(2n) td {
  557.     background-color: var(--c-e5ecf9);
  558.   }
  559.   body.bp caption {
  560.     background-color: var(--c-eee);
  561.   }
  562.   body.bp .quiet {
  563.     color: var(--c-666);
  564.   }
  565.   body.bp .loud {
  566.     color: var(--c-111);
  567.   }
  568.   body.bp .showgrid {
  569.     background-image:
  570.       linear-gradient(0deg, var(--c-rgba-0-0-0-11) 5%, var(--c-transparent) 0),
  571.       linear-gradient(
  572.         90deg,
  573.         var(--c-transparent) 0,
  574.         var(--c-rgba-121-121-229-17) 0,
  575.         var(--c-rgba-79-79-221-15) 100px,
  576.         var(--c-transparent) 0,
  577.         var(--c-transparent) 120px,
  578.         var(--c-rgba-121-121-229-17) 0,
  579.         var(--c-rgba-79-79-221-15) 220px,
  580.         var(--c-transparent) 0,
  581.         var(--c-transparent) 240px,
  582.         var(--c-rgba-121-121-229-17) 0,
  583.         var(--c-rgba-79-79-221-15) 340px,
  584.         var(--c-transparent) 0,
  585.         var(--c-transparent) 360px,
  586.         var(--c-rgba-121-121-229-17) 0,
  587.         var(--c-rgba-79-79-221-15) 460px,
  588.         var(--c-transparent) 0,
  589.         var(--c-transparent) 480px,
  590.         var(--c-rgba-121-121-229-17) 0,
  591.         var(--c-rgba-79-79-221-15) 580px,
  592.         var(--c-transparent) 0,
  593.         var(--c-transparent) 600px,
  594.         var(--c-rgba-121-121-229-17) 0,
  595.         var(--c-rgba-79-79-221-15) 700px,
  596.         var(--c-transparent) 0,
  597.         var(--c-transparent) 720px,
  598.         var(--c-rgba-121-121-229-17) 0,
  599.         var(--c-rgba-79-79-221-15) 820px,
  600.         var(--c-transparent) 0,
  601.         var(--c-transparent) 840px,
  602.         var(--c-rgba-121-121-229-17) 0,
  603.         var(--c-rgba-79-79-221-15) 940px,
  604.         var(--c-transparent) 0,
  605.         var(--c-transparent) 960px
  606.       );
  607.   }
  608.   body.bp .alert,
  609.   body.bp .error,
  610.   body.bp .feedback,
  611.   body.bp .info,
  612.   body.bp .notice,
  613.   body.bp .success {
  614.     border: 2px solid var(--c-ddd);
  615.   }
  616.   body.bp .alert,
  617.   body.bp .error {
  618.     background-color: var(--c-fbe3e4);
  619.     border-color: var(--c-fbc2c4);
  620.     color: var(--c-8a1f11);
  621.   }
  622.   body.bp .alert a,
  623.   body.bp .error a {
  624.     color: var(--c-8a1f11);
  625.   }
  626.   body.bp .notice {
  627.     background-color: var(--c-fff6bf);
  628.     border-color: var(--c-ffd324);
  629.     color: var(--c-514721);
  630.   }
  631.   body.bp .notice a {
  632.     color: var(--c-514721);
  633.   }
  634.   body.bp .success {
  635.     background-color: var(--c-e6efc2);
  636.     border-color: var(--c-c6d880);
  637.     color: var(--c-264409);
  638.   }
  639.   body.bp .success a {
  640.     color: var(--c-264409);
  641.   }
  642.   body.bp .info {
  643.     background-color: var(--c-d5edf8);
  644.     border-color: var(--c-92cae4);
  645.     color: var(--c-205791);
  646.   }
  647.   body.bp .info a {
  648.     color: var(--c-205791);
  649.   }
  650.   body.bp .highlight {
  651.     background-color: var(--c-yellow);
  652.   }
  653.   body.bp .added {
  654.     background-color: var(--c-060);
  655.     color: var(--c-white);
  656.   }
  657.   body.bp .removed {
  658.     background-color: var(--c-900);
  659.     color: var(--c-white);
  660.   }
  661.   form.bp input.text,
  662.   form.bp input.title,
  663.   form.bp input[type="email"],
  664.   form.bp input[type="password"],
  665.   form.bp input[type="text"] {
  666.     background-color: var(--c-white);
  667.   }
  668.   form.bp fieldset {
  669.     border: 1px solid var(--c-ccc);
  670.   }
  671.   form.bp input.text,
  672.   form.bp input.title,
  673.   form.bp input[type="email"],
  674.   form.bp input[type="password"],
  675.   form.bp input[type="text"],
  676.   form.bp textarea {
  677.     background-color: var(--c-white);
  678.     border: 1px solid var(--c-bbb);
  679.   }
  680.   form.bp input.text:focus,
  681.   form.bp input.title:focus,
  682.   form.bp input[type="email"]:focus,
  683.   form.bp input[type="password"]:focus,
  684.   form.bp input[type="text"]:focus,
  685.   form.bp textarea:focus {
  686.     border-color: var(--c-666);
  687.   }
  688.   form.bp select {
  689.     background-color: var(--c-white);
  690.   }
  691.   form.bp .box {
  692.     background-color: var(--c-e5ecf9);
  693.   }
  694.   form.bp .border {
  695.     border-right: 1px solid var(--c-ddd);
  696.   }
  697.   form.bp .colborder {
  698.     border-right: 1px solid var(--c-ddd);
  699.   }
  700.   form.bp hr,
  701.   form.bp hr.space {
  702.     background-color: var(--c-ddd);
  703.     color: var(--c-ddd);
  704.   }
  705.   form.bp hr.space {
  706.     background-color: var(--c-white);
  707.     color: var(--c-white);
  708.   }
  709.   h1,
  710.   h2 {
  711.     color: var(--c-222);
  712.   }
  713.   h3,
  714.   h5 {
  715.     color: var(--c-222);
  716.   }
  717.   .marketplace-sprite,
  718.   .modal .close {
  719.     background-color: var(--c-transparent);
  720.   }
  721.   .usage-req-sprite {
  722.     background-color: var(--c-transparent);
  723.   }
  724.   :root,
  725.   body,
  726.   footer,
  727.   nav.header {
  728.     --color-black: var(--c-black);
  729.     --color-transparent: var(--c-transparent);
  730.     --color-white: var(--c-white);
  731.     --color-acid-green-50: var(--c-fbffeb);
  732.     --color-acid-green-100: var(--c-f5ffd6);
  733.     --color-acid-green-200: var(--c-ebfbbc);
  734.     --color-acid-green-300: var(--c-dcf58e);
  735.     --color-acid-green-400: var(--c-c6ee4f);
  736.     --color-acid-green-500: var(--c-ace401);
  737.     --color-acid-green-600: var(--c-5cad01);
  738.     --color-acid-green-700: var(--c-217e01);
  739.     --color-acid-green-800: var(--c-0d4700);
  740.     --color-acid-green-900: var(--c-002300);
  741.     --color-fluor-red-50: var(--c-fff5f7);
  742.     --color-fluor-red-100: var(--c-ffe6ec);
  743.     --color-fluor-red-200: var(--c-ffbdcd);
  744.     --color-fluor-red-300: var(--c-ff8fab);
  745.     --color-fluor-red-400: var(--c-ff527d);
  746.     --color-fluor-red-500: var(--c-ed1d51);
  747.     --color-fluor-red-600: var(--c-c10144);
  748.     --color-fluor-red-700: var(--c-8d0245);
  749.     --color-fluor-red-800: var(--c-560130);
  750.     --color-fluor-red-900: var(--c-2d011e);
  751.     --color-fuchsia-50: var(--c-fdf0ff);
  752.     --color-fuchsia-100: var(--c-f8e0ff);
  753.     --color-fuchsia-200: var(--c-eebdff);
  754.     --color-fuchsia-300: var(--c-e28aff);
  755.     --color-fuchsia-400: var(--c-d24dff);
  756.     --color-fuchsia-500: var(--c-bf00ff);
  757.     --color-fuchsia-600: var(--c-8e01a7);
  758.     --color-fuchsia-700: var(--c-68016a);
  759.     --color-fuchsia-800: var(--c-460143);
  760.     --color-fuchsia-900: var(--c-2d0123);
  761.     --color-gray-50: var(--c-f8f9fc);
  762.     --color-gray-100: var(--c-eceef3);
  763.     --color-gray-200: var(--c-dee0e8);
  764.     --color-gray-300: var(--c-cccfd7);
  765.     --color-gray-400: var(--c-b4b7c0);
  766.     --color-gray-500: var(--c-9b9ea6);
  767.     --color-gray-600: var(--c-7c7d83);
  768.     --color-gray-700: var(--c-606166);
  769.     --color-gray-800: var(--c-424448);
  770.     --color-gray-900: var(--c-313235);
  771.     --color-gray-950: var(--c-202122);
  772.     --color-played-out-orange-400: var(--c-ff9c6b);
  773.     --color-played-out-orange-500: var(--c-f73);
  774.     --color-played-out-orange-600: var(--c-f05d14);
  775.     --color-school-bus-50: var(--c-fffaeb);
  776.     --color-school-bus-100: var(--c-fff6db);
  777.     --color-school-bus-200: var(--c-ffecb8);
  778.     --color-school-bus-300: var(--c-ffde85);
  779.     --color-school-bus-400: var(--c-ffcc4d);
  780.     --color-school-bus-500: var(--c-ffbf00);
  781.     --color-school-bus-600: var(--c-db8400);
  782.     --color-school-bus-700: var(--c-ac6206);
  783.     --color-school-bus-800: var(--c-653101);
  784.     --color-school-bus-900: var(--c-321b01);
  785.     --color-sl-blue-50: var(--c-f0fbff);
  786.     --color-sl-blue-100: var(--c-dbf5ff);
  787.     --color-sl-blue-200: var(--c-bdedff);
  788.     --color-sl-blue-300: var(--c-8ae2ff);
  789.     --color-sl-blue-400: var(--c-52d4ff);
  790.     --color-sl-blue-500: var(--c-deepskyblue);
  791.     --color-sl-blue-600: var(--c-017ac1);
  792.     --color-sl-blue-700: var(--c-014a8e);
  793.     --color-sl-blue-800: var(--c-01265b);
  794.     --color-sl-blue-900: var(--c-010f37);
  795.     --drop-shadow-300: var(--c-rgba-0-0-0-11);
  796.   }
  797.   .alert {
  798.     color: var(--c-red);
  799.   }
  800.   #flash #flash_error,
  801.   #site-wide-message #flash_error {
  802.     background-color: var(--c-fbe3e4);
  803.     border-color: var(--c-fbc2c4);
  804.     color: var(--c-8a1f11);
  805.   }
  806.   #flash #flash_notice,
  807.   #site-wide-message #flash_notice {
  808.     background-color: var(--c-bdebcc);
  809.     color: var(--c-336554);
  810.   }
  811.   #flash #flash_beta,
  812.   #site-wide-message #flash_beta {
  813.     background-color: var(--c-lavender);
  814.     color: var(--c-336554);
  815.   }
  816.   #flash #flash_warning,
  817.   #site-wide-message #flash_warning {
  818.     background-color: var(--c-fff6bf);
  819.     border-color: var(--c-ffd324);
  820.     color: var(--c-514721);
  821.   }
  822.   #site-wide-message #message p {
  823.     color: var(--c-222);
  824.   }
  825.   .no-cssgradients #site-wide-message,
  826.   .no-js #site-wide-message {
  827.     background-color: var(--c-fcefae);
  828.   }
  829.   .cssgradients #site-wide-message.notice {
  830.     background-image: -moz-linear-gradient(0 75% 90deg, var(--c-fae587), var(--c-fcefae));
  831.     background-image: -webkit-gradient(linear, 0 0, 0 75%, from(var(--c-fcefae)), to(var(--c-fae587)));
  832.   }
  833.   .assistant_orders table.index,
  834.   .assistant_products table.index,
  835.   .assistant_subscriptions table.index,
  836.   .csr_orders_index table.index,
  837.   .csr_orders_search table.index,
  838.   .csr_orders_simple table.index {
  839.     border: 1px solid var(--c-ccc);
  840.   }
  841.   .assistant_orders table.index thead,
  842.   .assistant_products table.index thead,
  843.   .assistant_subscriptions table.index thead,
  844.   .csr_orders_index table.index thead,
  845.   .csr_orders_search table.index thead,
  846.   .csr_orders_simple table.index thead {
  847.     background-color: var(--c-e8e8e8);
  848.   }
  849.   .assistant_orders table.index td,
  850.   .assistant_products table.index td,
  851.   .assistant_subscriptions table.index td,
  852.   .csr_orders_index table.index td,
  853.   .csr_orders_search table.index td,
  854.   .csr_orders_simple table.index td {
  855.     border-top: 1px solid var(--c-ccc);
  856.   }
  857.   .assistant_orders table.index tr.alt td,
  858.   .assistant_products table.index tr.alt td,
  859.   .assistant_subscriptions table.index tr.alt td,
  860.   .csr_orders_index table.index tr.alt td,
  861.   .csr_orders_search table.index tr.alt td,
  862.   .csr_orders_simple table.index tr.alt td {
  863.     background-color: var(--c-efefef);
  864.   }
  865.   .assistant_orders table.index .green th,
  866.   .assistant_products table.index .green th,
  867.   .assistant_subscriptions table.index .green th,
  868.   .csr_orders_index table.index .green th,
  869.   .csr_orders_search table.index .green th,
  870.   .csr_orders_simple table.index .green th {
  871.     background-color: var(--c-cfefa7);
  872.     border-color: var(--c-e4fdb4) var(--c-b7cb90) var(--c-b7cb90) var(--c-e4fdb4);
  873.   }
  874.   .assistant_orders table.index .green td,
  875.   .assistant_products table.index .green td,
  876.   .assistant_subscriptions table.index .green td,
  877.   .csr_orders_index table.index .green td,
  878.   .csr_orders_search table.index .green td,
  879.   .csr_orders_simple table.index .green td {
  880.     background-color: var(--c-efe);
  881.   }
  882.   .no-cssgradients .footer-paginate,
  883.   .no-cssgradients .paginate,
  884.   .no-cssgradients .sort-header,
  885.   .no-cssgradients table.default thead,
  886.   .no-cssgradients table.index thead,
  887.   .no-js .footer-paginate,
  888.   .no-js .paginate,
  889.   .no-js .sort-header,
  890.   .no-js table.default thead,
  891.   .no-js table.index thead {
  892.     background-color: var(--c-e8e8e8);
  893.   }
  894.   .cssgradients .footer-paginate,
  895.   .cssgradients .paginate,
  896.   .cssgradients .sort-header,
  897.   .cssgradients table.default thead,
  898.   .cssgradients table.index thead {
  899.     background-image: -moz-linear-gradient(0 100% 90deg, var(--c-e8e8e8), var(--c-fefefe));
  900.     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--c-fefefe)), to(var(--c-e8e8e8)));
  901.   }
  902.   .localized-content {
  903.     background-color: var(--c-e8e8e8);
  904.   }
  905.   .dropdown .dropdown-content {
  906.     box-shadow: 0 2px 4px 0 var(--c-rgba-0-0-0-11);
  907.   }
  908.   .dropdown .marker {
  909.     border-left: 5px solid var(--c-transparent);
  910.     border-right: 5px solid var(--c-transparent);
  911.   }
  912.   .item .item-description {
  913.     background-color: var(--c-rgba-33-33-33-14);
  914.     color: var(--c-aaadb4);
  915.   }
  916.   .item .item-description h3 {
  917.     color: var(--c-white);
  918.   }
  919.   .item .item-description a.more {
  920.     color: var(--c-5eaade);
  921.   }
  922.   #featured-items h2,
  923.   #featured-items-category h2 {
  924.     background-color: var(--c-88a3b7);
  925.     color: var(--c-white);
  926.   }
  927.   #featured-items .featured-carousel,
  928.   #featured-items-category .featured-carousel {
  929.     background-color: var(--c-c8d1d8);
  930.     border: 1px solid var(--c-9aa6af);
  931.   }
  932.   #featured-items .featured-carousel .featured-carousel-container .gallery-item,
  933.   #featured-items-category .featured-carousel .featured-carousel-container .gallery-item {
  934.     background-color: var(--c-white);
  935.     border: 1px solid var(--c-a4b9c7);
  936.   }
  937.   #featured-items .featured-carousel .featured-carousel-container .gallery-item .item-price .demo,
  938.   #featured-items-category .featured-carousel .featured-carousel-container .gallery-item .item-price .demo {
  939.     border: 1px solid var(--c-ccc);
  940.   }
  941.   .no-cssgradients #featured-items h2,
  942.   .no-cssgradients #featured-items-category h2,
  943.   .no-js #featured-items h2,
  944.   .no-js #featured-items-category h2 {
  945.     background-color: var(--c-88a3b7);
  946.   }
  947.   .cssgradients #featured-items h2,
  948.   .cssgradients #featured-items-category h2 {
  949.     background-image: -moz-linear-gradient(0 100% 90deg, var(--c-607c8f), var(--c-84a0b3));
  950.     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--c-84a0b3)), to(var(--c-607c8f)));
  951.   }
  952.   .next-slide,
  953.   .prev-slide {
  954.     color: var(--c-white);
  955.   }
  956.   .dot {
  957.     background-color: var(--c-hsla-0-0-100-15);
  958.   }
  959.   .dot.active {
  960.     background-color: var(--c-white);
  961.   }
  962.   fieldset {
  963.     border: 1px solid var(--c-ccc);
  964.   }
  965.   input.text,
  966.   input.title,
  967.   input[type="text"],
  968.   select,
  969.   textarea {
  970.     background-color: var(--c-white);
  971.     border: 1px solid var(--c-bbb);
  972.   }
  973.   input.text:focus,
  974.   input.title:focus,
  975.   input[type="text"]:focus,
  976.   select:focus,
  977.   textarea:focus {
  978.     border-color: var(--c-666);
  979.   }
  980.   .show-order-type a.active {
  981.     color: var(--c-222);
  982.   }
  983.   .error,
  984.   .notice,
  985.   .success,
  986.   body.bp .alert {
  987.     border: 1px solid var(--c-ddd);
  988.   }
  989.   .error,
  990.   body.bp .alert {
  991.     background-color: var(--c-fbe3e4);
  992.     border-color: var(--c-fbc2c4);
  993.     color: var(--c-8a1f11);
  994.   }
  995.   .notice {
  996.     background-color: var(--c-fff6bf);
  997.     border-color: var(--c-ffd324);
  998.     color: var(--c-514721);
  999.   }
  1000.   .success {
  1001.     background-color: var(--c-e6efc2);
  1002.     border-color: var(--c-c6d880);
  1003.     color: var(--c-264409);
  1004.   }
  1005.   .fieldWithErrors {
  1006.     background-color: var(--c-red);
  1007.   }
  1008.   .errorExplanation {
  1009.     background-color: var(--c-fbe3e4);
  1010.     border: 1px solid var(--c-fbc2c4);
  1011.     color: var(--c-8a1f11);
  1012.   }
  1013.   .errorExplanation h2 {
  1014.     color: var(--c-8a1f11);
  1015.   }
  1016.   .ac_results {
  1017.     background-color: var(--c-white);
  1018.     border: 1px solid var(--c-black);
  1019.   }
  1020.   .ac_loading {
  1021.     background-color: var(--c-white);
  1022.   }
  1023.   .ac_odd {
  1024.     background-color: var(--c-ccc);
  1025.   }
  1026.   .ac_over {
  1027.     background-color: var(--c-3a6481);
  1028.     color: var(--c-white);
  1029.   }
  1030.   body {
  1031.     background: linear-gradient(180deg, var(--c-313234), var(--c-616267));
  1032.     color: var(--c-222);
  1033.   }
  1034.   #centered-page {
  1035.     background-color: var(--c-fefefe);
  1036.     box-shadow: 0 4px 8px 2px var(--c-rgba-0-0-0-11);
  1037.   }
  1038.   #footer,
  1039.   #header {
  1040.     color: var(--c-9fa7ad);
  1041.   }
  1042.   #masquerade {
  1043.     background-color: var(--c-orange);
  1044.     color: var(--c-black);
  1045.   }
  1046.   #sl-toolbar {
  1047.     color: var(--c-9fa7ad);
  1048.   }
  1049.   #sl-toolbar a {
  1050.     color: var(--c-508e77);
  1051.   }
  1052.   #breadcrumb--legacy {
  1053.     color: var(--c-595c62);
  1054.   }
  1055.   .no-js.logged-in,
  1056.   .no-js.logged-in body {
  1057.     background: linear-gradient(180deg, var(--c-313234), var(--c-616267));
  1058.   }
  1059.   .no-js #sl-toolbar {
  1060.     background-color: var(--c-222);
  1061.   }
  1062.   .no-js #canvas-container {
  1063.     background-color: var(--c-fefefe);
  1064.   }
  1065.   .close-icon {
  1066.     background-color: var(--c-transparent);
  1067.     border: 0 solid var(--c-transparent);
  1068.   }
  1069.   .close-icon:after {
  1070.     background-color: var(--c-silver);
  1071.     color: var(--c-white);
  1072.   }
  1073.   a.manager-permissions-help {
  1074.     color: var(--c-black);
  1075.   }
  1076.   #category-menu ul {
  1077.     border-bottom: 1px solid var(--c-ccc);
  1078.   }
  1079.   .advertisement,
  1080.   .advertisement-horizontal {
  1081.     border: 1px solid var(--c-ccc);
  1082.   }
  1083.   .advertisement img,
  1084.   .advertisement-horizontal img {
  1085.     background-color: var(--c-e8e8e8);
  1086.   }
  1087.   .advertisement-horizontal img {
  1088.     background-color: var(--c-e8e8e8);
  1089.   }
  1090.   #sl-toolbar #language-picker a {
  1091.     color: var(--c-9fa7ad);
  1092.   }
  1093.   #sl-toolbar #language-picker.selected {
  1094.     background-color: var(--c-4c4f54);
  1095.   }
  1096.   #sl-toolbar #language-picker.selected span#language-label {
  1097.     color: var(--c-white);
  1098.   }
  1099.   #sl-toolbar #language-picker ul {
  1100.     background-color: var(--c-4c4f54);
  1101.     border-bottom: 1px solid var(--c-ccc);
  1102.     border-right: 1px solid var(--c-ccc);
  1103.   }
  1104.   #sl-toolbar #language-picker ul li a {
  1105.     color: var(--c-white);
  1106.   }
  1107.   #my-marketplace a {
  1108.     border-color: var(--c-transparent);
  1109.     color: var(--c-9fa7ad);
  1110.   }
  1111.   #my-marketplace ul {
  1112.     background-color: var(--c-white);
  1113.     border: 1px solid var(--c-ccc);
  1114.     border-top: 0 solid var(--c-ccc);
  1115.   }
  1116.   #my-marketplace.selected a#my-marketplace-link {
  1117.     border: solid var(--c-ccc);
  1118.   }
  1119.   #my-marketplace.selected a {
  1120.     background-color: var(--c-white);
  1121.     color: var(--c-222) !important;
  1122.   }
  1123.   #my-marketplace.selected li a {
  1124.     background-color: var(--c-transparent);
  1125.   }
  1126.   #my-marketplace.selected li a:hover {
  1127.     background-color: var(--c-1c6293);
  1128.     color: var(--c-white) !important;
  1129.   }
  1130.   a#marketplace-help,
  1131.   a#marketplace-home {
  1132.     color: var(--c-9fa7ad);
  1133.   }
  1134.   a#join-sl:hover {
  1135.     background-color: var(--c-f6901e);
  1136.   }
  1137.   .csr_orders_show tr.odd,
  1138.   .csr_pipeline tr.odd,
  1139.   .slm_admin_status tr.odd {
  1140.     background-color: var(--c-eee);
  1141.   }
  1142.   .csr_orders_show tr.even,
  1143.   .csr_pipeline tr.even,
  1144.   .slm_admin_status tr.even {
  1145.     background-color: var(--c-white);
  1146.   }
  1147.   .csr_orders_show td,
  1148.   .csr_orders_show th,
  1149.   .csr_pipeline td,
  1150.   .csr_pipeline th,
  1151.   .slm_admin_status td,
  1152.   .slm_admin_status th {
  1153.     border: 1px solid var(--c-white);
  1154.   }
  1155.   #marketer-dashboard #create-advertisement form {
  1156.     background-color: var(--c-e8e8e8);
  1157.   }
  1158.   .csr_pipeline tr.odd {
  1159.     background-color: var(--c-eee);
  1160.   }
  1161.   .csr_pipeline th {
  1162.     background-color: var(--c-ddd);
  1163.     border: 1px solid var(--c-white);
  1164.   }
  1165.   #ip-takedown-tab h2,
  1166.   .csr-dashboard h2 {
  1167.     color: var(--c-595c62);
  1168.   }
  1169.   .csr_orders_show table {
  1170.     background-color: var(--c-white);
  1171.     border: 1px solid var(--c-aaa);
  1172.   }
  1173.   .listing-enhancement-chooser ul#listing-enhancement-types {
  1174.     border-top: 1px solid var(--c-ccc);
  1175.   }
  1176.   .listing-enhancement-chooser ul#listing-enhancement-types li.listing-enhancement {
  1177.     border-bottom: 1px solid var(--c-ccc);
  1178.   }
  1179.   .marketer_carousel_items h4 {
  1180.     color: var(--c-black);
  1181.   }
  1182.   .marketer_listing_enhancements #listing-enhancements {
  1183.     border-bottom: 1px solid var(--c-ccc);
  1184.   }
  1185.   .modal {
  1186.     background-color: var(--c-white);
  1187.   }
  1188.   .modal .thumbnails .selected {
  1189.     border: 3px solid var(--c-f68d20);
  1190.   }
  1191.   .send-as-gift-overlay {
  1192.     background-color: var(--c-fff3bf);
  1193.     border: 1px solid var(--c-ccc);
  1194.   }
  1195.   .confirmation-overlay,
  1196.   .edit-overlay {
  1197.     background-color: var(--c-1c6293);
  1198.     color: var(--c-white);
  1199.   }
  1200.   .confirmation-overlay h3,
  1201.   .edit-overlay h3 {
  1202.     color: var(--c-white);
  1203.   }
  1204.   .edit-overlay table {
  1205.     color: var(--c-222);
  1206.   }
  1207.   .item-contents-overlay .placeholder {
  1208.     background-color: var(--c-white);
  1209.   }
  1210.   .confirmation-overlay .cancel {
  1211.     color: var(--c-8eb1c9);
  1212.   }
  1213.   .confirmation-overlay .placeholder {
  1214.     background-color: var(--c-white);
  1215.   }
  1216.   .product-listing.list div span,
  1217.   .product-listing.thumbnails div span {
  1218.     color: var(--c-1a1a1a);
  1219.   }
  1220.   .product-listing.gallery .offer,
  1221.   .product-listing.list .offer,
  1222.   .product-listing.thumbnails .offer {
  1223.     color: var(--c-c34a00);
  1224.   }
  1225.   .product-listing.list .result-row {
  1226.     border-top: 1px solid var(--c-ccc);
  1227.   }
  1228.   .product-listing.list .list-price span {
  1229.     color: var(--c-1a1a1a);
  1230.   }
  1231.   .product-listing.list .list-price .demo {
  1232.     background-color: var(--c-white);
  1233.     border: 1px solid var(--c-ccc);
  1234.     color: var(--c-595c62);
  1235.   }
  1236.   .product-listing.gallery .gallery-item {
  1237.     background-color: var(--c-white);
  1238.     border: 1px solid var(--c-ccc);
  1239.   }
  1240.   .product-listing.gallery .gallery-item .item-price .demo {
  1241.     border: 1px solid var(--c-ccc);
  1242.   }
  1243.   #product-main .version {
  1244.     color: var(--c-595c62);
  1245.   }
  1246.   .prices {
  1247.     color: var(--c-1a1a1a);
  1248.   }
  1249.   #recently-purchased,
  1250.   .new-items-by-seller {
  1251.     border-top: 1px solid var(--c-e0e0e0);
  1252.   }
  1253.   #recently-purchased .recently-purchased-item span,
  1254.   .new-items-by-seller .recently-purchased-item span {
  1255.     color: var(--c-1a1a1a);
  1256.   }
  1257.   #product-details,
  1258.   .cart-form {
  1259.     border-bottom-color: var(--c-ccc);
  1260.   }
  1261.   #product-details ul span,
  1262.   .cart-form ul span {
  1263.     color: var(--c-222);
  1264.   }
  1265.   span#rating-distribution-link span.marketplace-sprite {
  1266.     border: 1px solid var(--c-ccc);
  1267.   }
  1268.   #main-feature {
  1269.     border-bottom: 1px solid var(--c-ccc);
  1270.   }
  1271.   #recently-purchased .top-row,
  1272.   .new-items-by-seller .top-row {
  1273.     border-bottom: 1px solid var(--c-ccc);
  1274.   }
  1275.   h1.results-title,
  1276.   h2.results-message {
  1277.     color: var(--c-595c62);
  1278.   }
  1279.   span.filter-trail {
  1280.     color: var(--c-595c62);
  1281.   }
  1282.   span.filter-trail a {
  1283.     background-color: var(--c-transparent);
  1284.   }
  1285.   #merchant-search-category,
  1286.   #search-menu {
  1287.     border-top: 1px solid var(--c-ccc);
  1288.   }
  1289.   #merchant-search-category label,
  1290.   #search-menu label {
  1291.     color: var(--c-595c62);
  1292.   }
  1293.   #merchant-search-category h3,
  1294.   #search-menu h3 {
  1295.     color: var(--c-595c62);
  1296.   }
  1297.   #merchant-search-category h4,
  1298.   #search-menu h4 {
  1299.     color: var(--c-595c62);
  1300.   }
  1301.   #merchant-search-category div input.blur,
  1302.   #search-menu div input.blur {
  1303.     color: var(--c-a1a6b4);
  1304.   }
  1305.   #merchant-search-category div.filter-options,
  1306.   #search-menu div.filter-options {
  1307.     border-top: 1px solid var(--c-ccc);
  1308.   }
  1309.   #merchant-search-category div.filter-options li .related-count,
  1310.   #search-menu div.filter-options li .related-count {
  1311.     color: var(--c-595c62);
  1312.   }
  1313.   #merchant-search-category div.filter-options li a,
  1314.   #merchant-search-category div.filter-options p a,
  1315.   #search-menu div.filter-options li a,
  1316.   #search-menu div.filter-options p a {
  1317.     color: var(--c-3a6481);
  1318.   }
  1319.   #merchant-search-category div.filter-options li span,
  1320.   #merchant-search-category div.filter-options p span,
  1321.   #search-menu div.filter-options li span,
  1322.   #search-menu div.filter-options p span {
  1323.     color: var(--c-595c62);
  1324.   }
  1325.   #merchant-search-category div.filter-options li.selected span.current-category,
  1326.   #merchant-search-category div.filter-options p.selected,
  1327.   #search-menu div.filter-options li.selected span.current-category,
  1328.   #search-menu div.filter-options p.selected {
  1329.     background-color: var(--c-6d9fc2);
  1330.   }
  1331.   #merchant-search-category div.filter-options li.selected span.current-category a,
  1332.   #merchant-search-category div.filter-options li.selected span.current-category span,
  1333.   #merchant-search-category div.filter-options p.selected a,
  1334.   #merchant-search-category div.filter-options p.selected span,
  1335.   #search-menu div.filter-options li.selected span.current-category a,
  1336.   #search-menu div.filter-options li.selected span.current-category span,
  1337.   #search-menu div.filter-options p.selected a,
  1338.   #search-menu div.filter-options p.selected span {
  1339.     color: var(--c-white);
  1340.   }
  1341.   #merchant-search-category div.filter-options li.selected span.current-category,
  1342.   #search-menu div.filter-options li.selected span.current-category {
  1343.     color: var(--c-595c62);
  1344.   }
  1345.   #merchant-search-category .utility-button,
  1346.   #search-menu .utility-button {
  1347.     border: 1px solid var(--c-ccc);
  1348.   }
  1349.   #product-reviews .ratings .histogram li .bar-background {
  1350.     background-color: var(--c-d0d0d3);
  1351.   }
  1352.   #product-reviews .ratings .histogram li .bar-fill {
  1353.     background-color: var(--c-f73);
  1354.   }
  1355.   .comment .review-date,
  1356.   .product-review .review-date {
  1357.     color: var(--c-595c62);
  1358.   }
  1359.   .comment .review-actions p.small span.already-flagged,
  1360.   .product-review .review-actions p.small span.already-flagged {
  1361.     color: var(--c-595c62);
  1362.   }
  1363.   #review-product-info .gallery-item {
  1364.     background-color: var(--c-white);
  1365.     border: 1px solid var(--c-ccc);
  1366.   }
  1367.   #review-product-info .gallery-item .item-price .demo {
  1368.     border: 1px solid var(--c-ccc);
  1369.   }
  1370.   #post-comment form input,
  1371.   #post-comment form textarea,
  1372.   #post-review form input,
  1373.   #post-review form textarea {
  1374.     border: 1px solid var(--c-c5cdcf);
  1375.   }
  1376.   #comments #comment-options {
  1377.     border-bottom: 1px solid var(--c-ccc);
  1378.   }
  1379.   #comments .comment .comment-author {
  1380.     color: var(--c-595c62);
  1381.   }
  1382.   #comments .comment .comment-author strong {
  1383.     color: var(--c-222);
  1384.   }
  1385.   .assistant_orders .label em,
  1386.   .assistant_orders .pseudo-label em,
  1387.   .assistant_orders label em,
  1388.   .assistant_products .label em,
  1389.   .assistant_products .pseudo-label em,
  1390.   .assistant_products label em,
  1391.   .csr_flags .label em,
  1392.   .csr_flags .pseudo-label em,
  1393.   .csr_flags label em,
  1394.   .csr_orders_index .label em,
  1395.   .csr_orders_index .pseudo-label em,
  1396.   .csr_orders_index label em,
  1397.   .csr_orders_search .label em,
  1398.   .csr_orders_search .pseudo-label em,
  1399.   .csr_orders_search label em,
  1400.   .csr_orders_simple .label em,
  1401.   .csr_orders_simple .pseudo-label em,
  1402.   .csr_orders_simple label em,
  1403.   .csr_products .label em,
  1404.   .csr_products .pseudo-label em,
  1405.   .csr_products label em,
  1406.   .csr_stores .label em,
  1407.   .csr_stores .pseudo-label em,
  1408.   .csr_stores label em {
  1409.     color: var(--c-red);
  1410.   }
  1411.   .assistant_orders .required em,
  1412.   .assistant_products .required em,
  1413.   .csr_flags .required em,
  1414.   .csr_orders_index .required em,
  1415.   .csr_orders_search .required em,
  1416.   .csr_orders_simple .required em,
  1417.   .csr_products .required em,
  1418.   .csr_stores .required em {
  1419.     color: var(--c-red);
  1420.   }
  1421.   #product-category-chooser-tabs .tab {
  1422.     color: var(--c-1c6293);
  1423.   }
  1424.   #copy-product-search-results ul li a.select-product:hover,
  1425.   #copy-product-search-results ul li a.select-this-category:hover,
  1426.   #demo-product-search-results ul li a.select-product:hover,
  1427.   #demo-product-search-results ul li a.select-this-category:hover,
  1428.   #related-products-search-results ul li a.select-product:hover,
  1429.   #related-products-search-results ul li a.select-this-category:hover,
  1430.   div.category-search-results ul li a.select-product:hover,
  1431.   div.category-search-results ul li a.select-this-category:hover {
  1432.     background-color: var(--c-fff6bf);
  1433.   }
  1434.   .demo-item-form,
  1435.   .distributions-form,
  1436.   .image-form,
  1437.   .listing-enhancement-items,
  1438.   .managers-form,
  1439.   .related-items-form {
  1440.     background-color: var(--c-ffc);
  1441.     border-bottom: 1px solid var(--c-aaa);
  1442.     border-top: 1px solid var(--c-aaa);
  1443.   }
  1444.   table.default,
  1445.   table.index {
  1446.     border: 1px solid var(--c-ccc);
  1447.   }
  1448.   table.default thead,
  1449.   table.index thead {
  1450.     background-color: var(--c-e8e8e8);
  1451.   }
  1452.   table.default td,
  1453.   table.index td {
  1454.     border-top: 1px solid var(--c-ccc);
  1455.   }
  1456.   table.default tr.blocked td,
  1457.   table.index tr.blocked td {
  1458.     background-color: var(--c-fff6bf);
  1459.     color: var(--c-514721);
  1460.   }
  1461.   table.default tr.listing-error td,
  1462.   table.index tr.listing-error td {
  1463.     background-color: var(--c-fbe3e4);
  1464.   }
  1465.   table.default tr.listing-success-details td,
  1466.   table.index tr.listing-success-details td {
  1467.     color: var(--c-336554);
  1468.   }
  1469.   table.default tr.listing-success-details td strong,
  1470.   table.index tr.listing-success-details td strong {
  1471.     background-color: var(--c-transparent);
  1472.   }
  1473.   table.default tr.listing-error-details td,
  1474.   table.index tr.listing-error-details td {
  1475.     background-color: var(--c-fbe3e4);
  1476.   }
  1477.   table.default tr.alt td,
  1478.   table.index tr.alt td {
  1479.     background-color: var(--c-efefef);
  1480.   }
  1481.   table.default .green th,
  1482.   table.index .green th {
  1483.     background-color: var(--c-cfefa7);
  1484.     border-color: var(--c-e4fdb4) var(--c-b7cb90) var(--c-b7cb90) var(--c-e4fdb4);
  1485.   }
  1486.   table.default .green td,
  1487.   table.index .green td {
  1488.     background-color: var(--c-efe);
  1489.   }
  1490.   table.default form.button_to input,
  1491.   table.index form.button_to input {
  1492.     background-color: var(--c-transparent);
  1493.   }
  1494.   table.inventory tr.multiple-items-alert div {
  1495.     background-color: var(--c-e7f1f8);
  1496.     border: 1px solid var(--c-bdd9ed);
  1497.   }
  1498.   table.inventory div.actions-container ul.inventory-actions {
  1499.     background-color: var(--c-white);
  1500.     border: 1px solid var(--c-ccc);
  1501.     color: var(--c-222);
  1502.   }
  1503.   table.inventory div.actions-container.active {
  1504.     color: var(--c-white);
  1505.   }
  1506.   #localized-product-content .input-row {
  1507.     border-color: var(--c-white);
  1508.   }
  1509.   .input-row {
  1510.     border-bottom: 2px solid var(--c-ccc);
  1511.   }
  1512.   .input-row .disabled {
  1513.     color: var(--c-aaa);
  1514.   }
  1515.   #listing-enhancements .listing-enhancement-item td {
  1516.     border-bottom: 1px solid var(--c-aaa);
  1517.   }
  1518.   .category-browse-tab ul span.content:hover {
  1519.     background-color: var(--c-fff6bf);
  1520.   }
  1521.   .category-browse-tab ul li.open > span.content .has-children,
  1522.   .category-browse-tab ul li > span.content .has-children {
  1523.     background-color: var(--c-transparent);
  1524.   }
  1525.   .assistant_limited_quantity_inventories .return-items {
  1526.     border: 1px solid var(--c-acc6d8);
  1527.     text-shadow: 1px 1px 2px var(--c-white);
  1528.   }
  1529.   form#search_flags label,
  1530.   form#search_orders label,
  1531.   form#search_products label {
  1532.     color: var(--c-595c62);
  1533.   }
  1534.   .redeliveries-table td.complete {
  1535.     color: var(--c-green);
  1536.   }
  1537.   .redeliveries-table td.failed {
  1538.     color: var(--c-red);
  1539.   }
  1540.   table.ple .terminated {
  1541.     color: var(--c-grey);
  1542.   }
  1543.   .no-cssgradients .button.cart-button,
  1544.   .no-js .button.cart-button {
  1545.     background-color: var(--c-f7911e);
  1546.   }
  1547.   .no-cssgradients .button.utility-button,
  1548.   .no-js .button.utility-button {
  1549.     background-color: var(--c-cdcdcf);
  1550.   }
  1551.   .cssgradients .button.cart-button {
  1552.     background-image: -moz-linear-gradient(0 100% 90deg, var(--c-d05d27), var(--c-f7911e));
  1553.     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--c-f7911e)), to(var(--c-d05d27)));
  1554.   }
  1555.   .cssgradients .button.utility-button {
  1556.     background-image: -moz-linear-gradient(0 100% 90deg, var(--c-cdcdcf), var(--c-white));
  1557.     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--c-white)), to(var(--c-cdcdcf)));
  1558.   }
  1559.   .unavailable {
  1560.     background-color: var(--c-ccc);
  1561.   }
  1562.   .continue {
  1563.     background-color: var(--c-white);
  1564.   }
  1565.   .continue:hover {
  1566.     background-color: var(--c-fefefe);
  1567.   }
  1568.   .utility-button {
  1569.     background-color: var(--c-cdcdcf);
  1570.     border: 1px solid var(--c-ccc);
  1571.   }
  1572.   .utility-button:hover {
  1573.     background-color: var(--c-white);
  1574.   }
  1575.   .edit-item-sm {
  1576.     background-color: var(--c-white);
  1577.     border: 1px solid var(--c-ccc);
  1578.   }
  1579.   .button-link {
  1580.     color: var(--c-1c6293);
  1581.   }
  1582.   #checkout .cart-merchant .items-by-merchant .line-item-actions .giftee,
  1583.   #checkout .cart-merchant .items-by-merchant .line-item-name .giftee,
  1584.   #shopping-cart .cart-merchant .items-by-merchant .line-item-actions .giftee,
  1585.   #shopping-cart .cart-merchant .items-by-merchant .line-item-name .giftee {
  1586.     color: var(--c-555453);
  1587.   }
  1588.   #checkout .cart-merchant .items-by-merchant .line-item-actions .sold-by,
  1589.   #checkout .cart-merchant .items-by-merchant .line-item-name .sold-by,
  1590.   #shopping-cart .cart-merchant .items-by-merchant .line-item-actions .sold-by,
  1591.   #shopping-cart .cart-merchant .items-by-merchant .line-item-name .sold-by {
  1592.     color: var(--c-848585);
  1593.   }
  1594.   #checkout .cart-merchant .items-by-merchant .line-item-actions .line-item-notification,
  1595.   #checkout .cart-merchant .items-by-merchant .line-item-name .line-item-notification,
  1596.   #shopping-cart .cart-merchant .items-by-merchant .line-item-actions .line-item-notification,
  1597.   #shopping-cart .cart-merchant .items-by-merchant .line-item-name .line-item-notification {
  1598.     color: var(--c-e55c00);
  1599.   }
  1600.   #checkout .cart-merchant .usage .usage-title,
  1601.   #shopping-cart .cart-merchant .usage .usage-title {
  1602.     color: var(--c-5cb192);
  1603.   }
  1604.   #checkout .cart-merchant .cart-merchant-header th,
  1605.   #shopping-cart .cart-merchant .cart-merchant-header th {
  1606.     border-top: 1px solid var(--c-ccc);
  1607.     color: var(--c-848585);
  1608.   }
  1609.   #checkout .cart-merchant .cart-merchant-header .cart-merchant-name h2,
  1610.   #shopping-cart .cart-merchant .cart-merchant-header .cart-merchant-name h2 {
  1611.     color: var(--c-222);
  1612.   }
  1613.   #checkout .cart-merchant .line-item-row,
  1614.   #shopping-cart .cart-merchant .line-item-row {
  1615.     color: var(--c-1a1a1a);
  1616.   }
  1617.   #checkout .cart-merchant .row-marker td,
  1618.   #shopping-cart .cart-merchant .row-marker td {
  1619.     border-top: 1px solid var(--c-ccc);
  1620.   }
  1621.   .cart-form-total {
  1622.     border-bottom: 1px solid var(--c-ccc);
  1623.     border-top: 1px solid var(--c-ccc);
  1624.   }
  1625.   #shopping-cart-sidebar .checkout-notice,
  1626.   #shopping-cart-sidebar .edit-cart-text {
  1627.     color: var(--c-595c62);
  1628.   }
  1629.   #shopping-cart-sidebar #order-summary {
  1630.     color: var(--c-1a1a1a);
  1631.   }
  1632.   #shopping-cart-sidebar #order-summary ul {
  1633.     border-top: 1px solid var(--c-ccc);
  1634.   }
  1635.   #shopping-cart-sidebar #order-summary ul li {
  1636.     border-bottom: 4px solid var(--c-ccc);
  1637.   }
  1638.   #shopping-cart-sidebar #order-summary .checkout div.loc-en label {
  1639.     background-color: var(--c-transparent);
  1640.   }
  1641.   #shopping-cart-sidebar #order-summary .checkout div.loc-es label {
  1642.     background-color: var(--c-transparent);
  1643.   }
  1644.   #shopping-cart-sidebar #order-summary .checkout div.loc-ja label {
  1645.     background-color: var(--c-transparent);
  1646.   }
  1647.   #shopping-cart-sidebar #order-summary .checkout div.loc-pt label {
  1648.     background-color: var(--c-transparent);
  1649.   }
  1650.   #shopping-cart-sidebar #order-summary .checkout div.loc-fr label {
  1651.     background-color: var(--c-transparent);
  1652.   }
  1653.   #shopping-cart-sidebar #order-summary .checkout div.loc-de label {
  1654.     background-color: var(--c-transparent);
  1655.   }
  1656.   #selected-payment {
  1657.     color: var(--c-1a1a1a);
  1658.   }
  1659.   .cart-title {
  1660.     background-color: var(--c-transparent);
  1661.   }
  1662.   a.rates {
  1663.     color: var(--c-595c62);
  1664.   }
  1665.   div#rates {
  1666.     border-top: 1px solid var(--c-ccc);
  1667.   }
  1668.   .merchant-listing.list .result-row {
  1669.     border-top: 1px solid var(--c-ccc);
  1670.   }
  1671.   #merchant-top-nav li.active a,
  1672.   #merchant-top-nav li.off:hover a,
  1673.   #merchant-top-nav li.on:hover a {
  1674.     color: var(--c-white);
  1675.   }
  1676.   #merchant-top-nav li ul {
  1677.     background-color: var(--c-white);
  1678.     border: 1px solid var(--c-ccc);
  1679.   }
  1680.   #merchant-side-nav ul li {
  1681.     border-bottom: 1px solid var(--c-ccc);
  1682.   }
  1683.   .inventory-sort a.active {
  1684.     color: var(--c-222);
  1685.   }
  1686.   .inventory-sort .pseudo-label {
  1687.     color: var(--c-595c62);
  1688.   }
  1689.   .bulk-inventory-control label,
  1690.   .inventory-search label {
  1691.     color: var(--c-595c62);
  1692.   }
  1693.   .csr-flag-paginate,
  1694.   .paginate {
  1695.     background-color: var(--c-e8e8e8);
  1696.     border: 1px solid var(--c-ccc);
  1697.   }
  1698.   .paginate .pagination {
  1699.     color: var(--c-9aa1a7);
  1700.   }
  1701.   .paginate .pagination em.current {
  1702.     background-color: var(--c-white);
  1703.     border: 1px solid var(--c-ccc);
  1704.     color: var(--c-1a1a1a);
  1705.   }
  1706.   .sync {
  1707.     border: 1px solid var(--c-ccc);
  1708.   }
  1709.   .merchant-home #commerce-blog-announcements,
  1710.   .merchant-home #commerce-blog-feed,
  1711.   .merchant-home #technical-announcement {
  1712.     border-bottom: 1px solid var(--c-ccc);
  1713.   }
  1714.   .merchant-home #commerce-blog-announcements ul li a:hover,
  1715.   .merchant-home #commerce-blog-feed ul li a:hover,
  1716.   .merchant-home #technical-announcement ul li a:hover {
  1717.     background-color: var(--c-e8e8e8);
  1718.   }
  1719.   #user-account {
  1720.     border-top: 1px solid var(--c-ccc);
  1721.   }
  1722.   #user-account-nav ul li a.active {
  1723.     background-color: var(--c-6d9fc2);
  1724.     color: var(--c-white);
  1725.   }
  1726.   #user-account-nav .help-resources {
  1727.     border-top: 1px solid var(--c-ccc);
  1728.   }
  1729.   li a.expanded {
  1730.     color: var(--c-black);
  1731.   }
  1732.   .footer-paginate,
  1733.   .sort-header {
  1734.     background-color: var(--c-e8e8e8);
  1735.     border: 1px solid var(--c-ccc);
  1736.   }
  1737.   .footer-paginate .pagination {
  1738.     color: var(--c-9aa1a7);
  1739.   }
  1740.   .footer-paginate .pagination em.current {
  1741.     background-color: var(--c-white);
  1742.     border: 1px solid var(--c-ccc);
  1743.     color: var(--c-1a1a1a);
  1744.   }
  1745.   .order {
  1746.     border-top: 1px solid var(--c-ccc);
  1747.   }
  1748.   #gifts .sold-by,
  1749.   #order-history .sold-by {
  1750.     color: var(--c-848585);
  1751.   }
  1752.   table.line_items td {
  1753.     border-top: 1px solid var(--c-ccc);
  1754.   }
  1755.   #merchant-metadata .merchant-profile dt {
  1756.     color: var(--c-595c62);
  1757.   }
  1758.   #merchant-metadata .merchant-profile dt.closed {
  1759.     border-bottom: 1px solid var(--c-ccc);
  1760.   }
  1761.   #merchant-metadata .merchant-profile dd {
  1762.     border-bottom: 1px solid var(--c-ccc);
  1763.   }
  1764.   #merchant-metadata .merchant-profile .profile-detail,
  1765.   #merchant-metadata .merchant-profile a.profile-detail-link {
  1766.     border-bottom: 1px solid var(--c-ccc);
  1767.   }
  1768.   #merchant-metadata #merchant-categories {
  1769.     border-bottom: 1px solid var(--c-ccc);
  1770.   }
  1771.   #merchant-metadata #merchant-categories h4 {
  1772.     color: var(--c-595c62);
  1773.   }
  1774.   #merchant-metadata #merchant-categories p.selected {
  1775.     background-color: var(--c-6d9fc2);
  1776.   }
  1777.   #merchant-metadata #merchant-categories p.selected a {
  1778.     color: var(--c-white);
  1779.   }
  1780.   #about-notifications .container {
  1781.     border-top: 1px solid var(--c-ccc);
  1782.   }
  1783.   #about-notifications pre code {
  1784.     background-color: var(--c-e8e8e8);
  1785.     border: 1px solid var(--c-ccc);
  1786.     color: var(--c-366);
  1787.   }
  1788.   .ui-autocomplete {
  1789.     background-color: var(--c-white);
  1790.   }
  1791.   .ui-autocomplete .ui-menu-item #ui-active-menuitem {
  1792.     background-color: var(--c-5cb192);
  1793.     color: var(--c-white);
  1794.   }
  1795.   .reviews div.rating-cancel,
  1796.   .reviews div.star-rating {
  1797.     background-color: var(--c-transparent);
  1798.   }
  1799.   .reviews div.star-rating {
  1800.     background-color: var(--c-transparent) !important;
  1801.   }
  1802.   #policies table tbody th {
  1803.     border-top: 1px solid var(--c-ccc);
  1804.   }
  1805.   #policies table tbody td {
  1806.     border-left: 1px solid var(--c-ccc);
  1807.   }
  1808.   #email_settings_container h2 {
  1809.     border-bottom: 1px solid var(--c-999);
  1810.   }
  1811.   #email_settings_container .description {
  1812.     color: var(--c-bbb);
  1813.   }
  1814.   .search-container #scrim-overlay {
  1815.     background-color: var(--c-rgba-0-0-0-11);
  1816.   }
  1817.   ::backdrop {
  1818.     background-color: var(--c-rgba-0-0-0-11);
  1819.   }
  1820.   .product-image .image-carousel .left svg,
  1821.   .product-image .image-carousel .right svg,
  1822.   .product-image-modal-layout .image-carousel .left svg,
  1823.   .product-image-modal-layout .image-carousel .right svg {
  1824.     box-shadow: 0 4px 4px 1px var(--c-rgba-0-0-0-11);
  1825.   }
  1826.  
  1827.   /* fixes */
  1828.   :root {
  1829.     color-scheme: var(--ath-color-scheme);
  1830.   }
  1831.   :root, body, nav.header {
  1832.     --c-rgba-0-0-0-11: #0008;
  1833.   }
  1834.  
  1835.   svg,
  1836.   .marketplace-sprite,
  1837.   #details .permitted:before,
  1838.   .input-container .select-wrapper::after {
  1839.     filter: invert(1) hue-rotate(0.5turn);
  1840.   }
  1841.  
  1842.   body {
  1843.     background: linear-gradient(180deg, #222, #333);
  1844.   }
  1845.   nav.header, footer {
  1846.     --l: 0;
  1847.     --m: 1;
  1848.   }
  1849.   .no-js .button.utility-button, .no-cssgradients .button.utility-button,
  1850.   .no-js table.default thead, .no-js table.index thead, .no-js .paginate, .no-js .footer-paginate, .no-js .sort-header, .no-cssgradients table.default thead, .no-cssgradients table.index thead, .no-cssgradients .paginate, .no-cssgradients .footer-paginate, .no-cssgradients .sort-header {
  1851.     background-image: none;
  1852.   }
  1853.  
  1854.   .footer-paginate, .sort-header {
  1855.     height: auto;
  1856.   }
  1857.   .pagination {
  1858.     > span {
  1859.       display: inline-block;
  1860.       min-width: 3ch;
  1861.       padding: .2em .5em;
  1862.       background: #0004;
  1863.       border-radius: 4px;
  1864.       text-align: center;
  1865.       a {
  1866.         display: block;
  1867.       }
  1868.     }
  1869.   }
  1870.  
  1871.   @container style(--ath-show-featured: 0) {
  1872.     #featured-items-category {
  1873.       display: none;
  1874.     }
  1875.   }
  1876.  
  1877.   @container style(--ath-flexible-layout: 1) {
  1878.     #body-shadow-repeating {
  1879.       width: auto;
  1880.     }
  1881.     #centered-page {
  1882.       width: auto;
  1883.       margin: 0 40px;
  1884.     }
  1885.     #canvas:has(#main-content.span-8):has(#search-menu):has(#search-results-container) {
  1886.       #main-content,
  1887.       #search-results-container,
  1888.       #search-category,
  1889.       #featured-items-category .featured-carousel-container,
  1890.       .product-listing,
  1891.       .product-listing .variant_result-row,
  1892.       .product-listing .variant_result-row .list-description {
  1893.         width: auto;
  1894.       }
  1895.       #search-menu,
  1896.       #merchant-search-category {
  1897.         min-width: 260px;
  1898.         #search-category,
  1899.         #search-category * {
  1900.           width: auto;
  1901.           float: none;
  1902.         }
  1903.         .filter-options li:not(:has(ul)) {
  1904.           display: flex;
  1905.           flex-flow: row;
  1906.           gap: 0 1em;
  1907.           float: none;
  1908.           justify-content: space-between;
  1909.         }
  1910.       }
  1911.       #search-results-container {
  1912.         display: flex;
  1913.         flex-flow: column;
  1914.       }
  1915.       #main-content,
  1916.       .variant_result-row {
  1917.         display: flex;
  1918.         flex-flow: row;
  1919.         float: none;
  1920.       }
  1921.       #main-content {
  1922.         > * {
  1923.           float: none;
  1924.         }
  1925.       }
  1926.       .variant_result-row {
  1927.         .list-description {
  1928.           flex: 1;
  1929.         }
  1930.       }
  1931.       #featured-items-category {
  1932.         width: calc(100vw - 260px - 180px);
  1933.       }
  1934.       #featured-items-scrollable {
  1935.         overflow: auto;
  1936.         max-width: 100%;
  1937.       }
  1938.       .featured-carousel-container {
  1939.         display: flex;
  1940.         flex-flow: row;
  1941.       }
  1942.     }
  1943.   }
  1944. }