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. }