Marketplace.SecondLife.com – Dark Flexible [Ath]

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

当前为 2025-05-19 提交的版本,查看 最新版本

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