Boosty.to – Dark [Ath]

Dark theme for Boosty.to with configurable enhancements: thick scrollbar, color scheme etc.

目前為 2025-03-12 提交的版本,檢視 最新版本

  1. /* ==UserStyle==
  2. @name Boosty.to – Dark [Ath]
  3. @namespace athari
  4. @version 1.0.0
  5. @description Dark theme for Boosty.to with configurable enhancements: thick scrollbar, color scheme etc.
  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 select ath-color-scheme "Controls color scheme" ["light:Light", "dark:Dark*"]
  13. @var checkbox ath-thick-scrollbar "Thick scrollbars" 1
  14. @var checkbox ath-expand-links "Expand social links" 1
  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" [120, 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.  
  25. @-moz-document domain("boosty.to") {
  26. /*
  27. * generated
  28. * formula: dark-full
  29. * site: boosty.to
  30. * name: styles-0d061bc.cssv12.css
  31. * url: https://static.boosty.to/css/styles-0d061bc.css?v=12
  32. * name: index.embed1.css
  33. */
  34. :root {
  35. /* color white n=405 rgb(255, 255, 255) oklch(1 0 180) */
  36. --c-white: oklch(from #fff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  37. /* color #7c7c7c n=373 rgb(124, 124, 124) oklch(0.59 0 180) */
  38. --c-7c7c7c: oklch(from #7c7c7c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  39. /* color transparent n=283 rgba(0, 0, 0, 0) oklch(0 0 0 / 0) */
  40. --c-transparent: oklch(from transparent calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  41. /* color #f1f1f1 n=97 rgb(241, 241, 241) oklch(0.96 0 180) */
  42. --c-f1f1f1: oklch(from #f1f1f1 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  43. /* color #eaeaea n=89 rgb(234, 234, 234) oklch(0.94 0 171.25) */
  44. --c-eaeaea: oklch(from #eaeaea calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  45. /* color #fff0 n=87 rgba(255, 255, 255, 0) oklch(1 0 180 / 0) */
  46. --c-fff0: oklch(from #fff0 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  47. /* color #ccc n=76 rgb(204, 204, 204) oklch(0.85 0 164.06) */
  48. --c-ccc: oklch(from #ccc calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  49. /* color #4a4a4a n=73 rgb(74, 74, 74) oklch(0.41 0 180) */
  50. --c-4a4a4a: oklch(from #4a4a4a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  51. /* color #262626 n=69 rgb(38, 38, 38) oklch(0.27 0 180) */
  52. --c-262626: oklch(from #262626 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  53. /* color #eee n=68 rgb(238, 238, 238) oklch(0.95 0 180) */
  54. --c-eee: oklch(from #eee calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  55. /* color #303030 n=67 rgb(48, 48, 48) oklch(0.31 0 169.69) */
  56. --c-303030: oklch(from #303030 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  57. /* color #242b2c n=56 rgb(36, 43, 44) oklch(0.28 0.01 207.05) */
  58. --c-242b2c: oklch(from #242b2c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  59. /* color #59a840 n=38 rgb(89, 168, 64) oklch(0.66 0.16 138.91) */
  60. --c-59a840: oklch(from #59a840 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  61. /* color #0000001a n=38 rgba(0, 0, 0, 0.1) oklch(0 0 0 / 0.1) */
  62. --c-0000001a: oklch(from #0000001a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  63. /* color black n=31 rgb(0, 0, 0) oklch(0 0 0) */
  64. --c-black: oklch(from #000 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  65. /* color #cb1a1a n=27 rgb(203, 26, 26) oklch(0.54 0.21 27.95) */
  66. --c-cb1a1a: oklch(from #cb1a1a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  67. /* color #00000080 n=18 rgba(0, 0, 0, 0.5) oklch(0 0 0 / 0.5) */
  68. --c-00000080: oklch(from #00000080 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  69. /* color #f6f6f6 n=16 rgb(246, 246, 246) oklch(0.97 0 164.06) */
  70. --c-f6f6f6: oklch(from #f6f6f6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  71. /* color #191919 n=15 rgb(25, 25, 25) oklch(0.21 0 180) */
  72. --c-191919: oklch(from #191919 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  73. /* color #9d9d9d n=14 rgb(157, 157, 157) oklch(0.7 0 180) */
  74. --c-9d9d9d: oklch(from #9d9d9d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  75. /* color #f15f2c n=12 rgb(241, 95, 44) oklch(0.67 0.19 38.38) */
  76. --c-f15f2c: oklch(from #f15f2c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  77. /* color #f8f7f7 n=12 rgb(248, 247, 247) oklch(0.98 0 17.18) */
  78. --c-f8f7f7: oklch(from #f8f7f7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  79. /* color #f90 n=12 rgb(255, 153, 0) oklch(0.77 0.17 64.55) */
  80. --c-f90: oklch(from #f90 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  81. /* color #222 n=11 rgb(34, 34, 34) oklch(0.25 0 186.34) */
  82. --c-222: oklch(from #222 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  83. /* color #3a4 n=11 rgb(51, 170, 68) oklch(0.65 0.18 145.42) */
  84. --c-3a4: oklch(from #3a4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  85. /* color #cd35441a n=11 rgba(205, 53, 68, 0.1) oklch(0.57 0.19 20.52 / 0.1) */
  86. --c-cd35441a: oklch(from #cd35441a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  87. /* color #f5916e n=10 rgb(245, 145, 110) oklch(0.75 0.13 39.95) */
  88. --c-f5916e: oklch(from #f5916e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  89. /* color #391952 n=10 rgb(57, 25, 82) oklch(0.29 0.1 307) */
  90. --c-391952: oklch(from #391952 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  91. /* color #0000000d n=10 rgba(0, 0, 0, 0.05) oklch(0 0 0 / 0.05) */
  92. --c-0000000d: oklch(from #0000000d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  93. /* color #838383 n=9 rgb(131, 131, 131) oklch(0.61 0 180) */
  94. --c-838383: oklch(from #838383 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  95. /* color #8c8c8c n=9 rgb(140, 140, 140) oklch(0.64 0 169.69) */
  96. --c-8c8c8c: oklch(from #8c8c8c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  97. /* color #5a6a7a n=9 rgb(90, 106, 122) oklch(0.52 0.03 248.44) */
  98. --c-5a6a7a: oklch(from #5a6a7a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  99. /* color #f1f1f133 n=8 rgba(241, 241, 241, 0.2) oklch(0.96 0 180 / 0.2) */
  100. --c-f1f1f133: oklch(from #f1f1f133 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  101. /* color #efac00 n=7 rgb(239, 172, 0) oklch(0.79 0.16 80.4) */
  102. --c-efac00: oklch(from #efac00 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  103. /* color #1f3042 n=7 rgb(31, 48, 66) oklch(0.3 0.04 250.62) */
  104. --c-1f3042: oklch(from #1f3042 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  105. /* color #7c7c7c4d n=7 rgba(124, 124, 124, 0.3) oklch(0.59 0 180 / 0.3) */
  106. --c-7c7c7c4d: oklch(from #7c7c7c4d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  107. /* color #f70 n=6 rgb(255, 119, 0) oklch(0.72 0.19 49.38) */
  108. --c-f70: oklch(from #f70 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  109. /* color hsla(0,0%,52%,.3) n=6 rgba(133, 133, 133, 0.3) oklch(0.62 0 180 / 0.3) */
  110. --c-hsla-0-0-52-0_3: oklch(from hsla(0, 0%, 52%, 0.3) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  111. /* color #ffffffb3 n=6 rgba(255, 255, 255, 0.7) oklch(1 0 180 / 0.7) */
  112. --c-ffffffb3: oklch(from #ffffffb3 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  113. /* color #59a84033 n=6 rgba(89, 168, 64, 0.2) oklch(0.66 0.16 138.91 / 0.2) */
  114. --c-59a84033: oklch(from #59a84033 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  115. /* color #028f68 n=5 rgb(2, 143, 104) oklch(0.58 0.12 165.54) */
  116. --c-028f68: oklch(from #028f68 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  117. /* color #cd3544 n=5 rgb(205, 53, 68) oklch(0.57 0.19 20.52) */
  118. --c-cd3544: oklch(from #cd3544 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  119. /* color #f2943e n=5 rgb(242, 148, 62) oklch(0.75 0.15 59.31) */
  120. --c-f2943e: oklch(from #f2943e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  121. /* color red n=5 rgb(255, 0, 0) oklch(0.63 0.26 29.23) */
  122. --c-red: oklch(from red calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  123. /* color #3d3d3d n=5 rgb(61, 61, 61) oklch(0.36 0 180) */
  124. --c-3d3d3d: oklch(from #3d3d3d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  125. /* color #0003 n=5 rgba(0, 0, 0, 0.2) oklch(0 0 0 / 0.2) */
  126. --c-0003: oklch(from #0003 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  127. /* color #eeeeee80 n=5 rgba(238, 238, 238, 0.5) oklch(0.95 0 180 / 0.5) */
  128. --c-eeeeee80: oklch(from #eeeeee80 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  129. /* color #fff3 n=5 rgba(255, 255, 255, 0.2) oklch(1 0 180 / 0.2) */
  130. --c-fff3: oklch(from #fff3 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  131. /* color #ffffff4d n=5 rgba(255, 255, 255, 0.3) oklch(1 0 180 / 0.3) */
  132. --c-ffffff4d: oklch(from #ffffff4d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  133. /* color #07f n=4 rgb(0, 119, 255) oklch(0.6 0.22 258.03) */
  134. --c-07f: oklch(from #07f calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  135. /* color #0b0b0b n=4 rgb(11, 11, 11) oklch(0.15 0 180) */
  136. --c-0b0b0b: oklch(from #0b0b0b calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  137. /* color #a5a5a5 n=4 rgb(165, 165, 165) oklch(0.72 0 165.96) */
  138. --c-a5a5a5: oklch(from #a5a5a5 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  139. /* color #f5aa91 n=4 rgb(245, 170, 145) oklch(0.8 0.1 39.21) */
  140. --c-f5aa91: oklch(from #f5aa91 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  141. /* color #fdefea n=4 rgb(253, 239, 234) oklch(0.96 0.02 40.8) */
  142. --c-fdefea: oklch(from #fdefea calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  143. /* color rgba(0,0,0,.1) n=4 rgba(0, 0, 0, 0.1) oklch(0 0 0 / 0.1) */
  144. --c-rgba-0-0-0-0_1: oklch(from rgba(0, 0, 0, 0.1) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  145. /* color #00000026 n=4 rgba(0, 0, 0, 0.15) oklch(0 0 0 / 0.15) */
  146. --c-00000026: oklch(from #00000026 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  147. /* color #7c7c7c80 n=4 rgba(124, 124, 124, 0.5) oklch(0.59 0 180 / 0.5) */
  148. --c-7c7c7c80: oklch(from #7c7c7c80 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  149. /* color #59a8401a n=4 rgba(89, 168, 64, 0.1) oklch(0.66 0.16 138.91 / 0.1) */
  150. --c-59a8401a: oklch(from #59a8401a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  151. /* color #5a6a7a80 n=4 rgba(90, 106, 122, 0.5) oklch(0.52 0.03 248.44 / 0.5) */
  152. --c-5a6a7a80: oklch(from #5a6a7a80 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  153. /* color #858585 n=3 rgb(133, 133, 133) oklch(0.62 0 180) */
  154. --c-858585: oklch(from #858585 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  155. /* color #8764b8 n=3 rgb(135, 100, 184) oklch(0.57 0.13 301.69) */
  156. --c-8764b8: oklch(from #8764b8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  157. /* color #c9c9c9 n=3 rgb(201, 201, 201) oklch(0.84 0 180) */
  158. --c-c9c9c9: oklch(from #c9c9c9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  159. /* color #d45124 n=3 rgb(212, 81, 36) oklch(0.6 0.17 38.1) */
  160. --c-d45124: oklch(from #d45124 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  161. /* color #16a7ff n=3 rgb(22, 167, 255) oklch(0.7 0.17 244.09) */
  162. --c-16a7ff: oklch(from #16a7ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  163. /* color #e0e0e0 n=3 rgb(224, 224, 224) oklch(0.91 0 180) */
  164. --c-e0e0e0: oklch(from #e0e0e0 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  165. /* color #ececec n=3 rgb(236, 236, 236) oklch(0.94 0 167.47) */
  166. --c-ececec: oklch(from #ececec calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  167. /* color #ef7829 n=3 rgb(239, 120, 41) oklch(0.7 0.17 49.22) */
  168. --c-ef7829: oklch(from #ef7829 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  169. /* color #fde2d9 n=3 rgb(253, 226, 217) oklch(0.93 0.03 39.33) */
  170. --c-fde2d9: oklch(from #fde2d9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  171. /* color yellow n=3 rgb(255, 255, 0) oklch(0.97 0.21 109.77) */
  172. --c-yellow: oklch(from #ff0 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  173. /* color #333 n=3 rgb(51, 51, 51) oklch(0.32 0 180) */
  174. --c-333: oklch(from #333 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  175. /* color #3c3c3c n=3 rgb(60, 60, 60) oklch(0.36 0 169.69) */
  176. --c-3c3c3c: oklch(from #3c3c3c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  177. /* color #00000059 n=3 rgba(0, 0, 0, 0.35) oklch(0 0 0 / 0.35) */
  178. --c-00000059: oklch(from #00000059 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  179. /* color rgba(0,0,0,.5) n=3 rgba(0, 0, 0, 0.5) oklch(0 0 0 / 0.5) */
  180. --c-rgba-0-0-0-0_5: 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));
  181. /* color #0009 n=3 rgba(0, 0, 0, 0.6) oklch(0 0 0 / 0.6) */
  182. --c-0009: oklch(from #0009 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  183. /* color #000000b3 n=3 rgba(0, 0, 0, 0.7) oklch(0 0 0 / 0.7) */
  184. --c-000000b3: oklch(from #000000b3 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  185. /* color #000000e6 n=3 rgba(0, 0, 0, 0.9) oklch(0 0 0 / 0.9) */
  186. --c-000000e6: oklch(from #000000e6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  187. /* color #cd354433 n=3 rgba(205, 53, 68, 0.2) oklch(0.57 0.19 20.52 / 0.2) */
  188. --c-cd354433: oklch(from #cd354433 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  189. /* color #ff99001a n=3 rgba(255, 153, 0, 0.1) oklch(0.77 0.17 64.55 / 0.1) */
  190. --c-ff99001a: oklch(from #ff99001a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  191. /* color #fff6 n=3 rgba(255, 255, 255, 0.4) oklch(1 0 180 / 0.4) */
  192. --c-fff6: oklch(from #fff6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  193. /* color #fffc n=3 rgba(255, 255, 255, 0.8) oklch(1 0 180 / 0.8) */
  194. --c-fffc: oklch(from hsla(0, 0%, 100%, 0.8) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  195. /* color #242b2c66 n=3 rgba(36, 43, 44, 0.4) oklch(0.28 0.01 207.05 / 0.4) */
  196. --c-242b2c66: oklch(from #242b2c66 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  197. /* color #3a43 n=3 rgba(51, 170, 68, 0.2) oklch(0.65 0.18 145.42 / 0.2) */
  198. --c-3a43: oklch(from #3a43 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  199. /* color #00b294 n=2 rgb(0, 178, 148) oklch(0.68 0.13 174.87) */
  200. --c-00b294: oklch(from #00b294 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  201. /* color #015ff9 n=2 rgb(1, 95, 249) oklch(0.55 0.24 261.43) */
  202. --c-015ff9: oklch(from #015ff9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  203. /* color #772cf1 n=2 rgb(119, 44, 241) oklch(0.53 0.26 291.72) */
  204. --c-772cf1: oklch(from #772cf1 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  205. /* color #7b98a9 n=2 rgb(123, 152, 169) oklch(0.66 0.04 233.95) */
  206. --c-7b98a9: oklch(from #7b98a9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  207. /* color #9146ff n=2 rgb(145, 70, 255) oklch(0.59 0.25 296.09) */
  208. --c-9146ff: oklch(from #9146ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  209. /* color #9391ab n=2 rgb(147, 145, 171) oklch(0.67 0.04 288.85) */
  210. --c-9391ab: oklch(from #9391ab calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  211. /* color #948aff n=2 rgb(148, 138, 255) oklch(0.69 0.17 285.04) */
  212. --c-948aff: oklch(from #948aff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  213. /* color #a63fff n=2 rgb(166, 63, 255) oklch(0.61 0.26 303.59) */
  214. --c-a63fff: oklch(from #a63fff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  215. /* color #1193ff n=2 rgb(17, 147, 255) oklch(0.66 0.19 251.44) */
  216. --c-1193ff: oklch(from #1193ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  217. /* color #ababab n=2 rgb(171, 171, 171) oklch(0.74 0 180) */
  218. --c-ababab: oklch(from #ababab calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  219. /* color #ba9e8b n=2 rgb(186, 158, 139) oklch(0.72 0.04 56.1) */
  220. --c-ba9e8b: oklch(from #ba9e8b calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  221. /* color #bb7fe6 n=2 rgb(187, 127, 230) oklch(0.7 0.16 309.73) */
  222. --c-bb7fe6: oklch(from #bb7fe6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  223. /* color #c36ef7 n=2 rgb(195, 110, 247) oklch(0.69 0.21 310.77) */
  224. --c-c36ef7: oklch(from #c36ef7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  225. /* color #d16485 n=2 rgb(209, 100, 133) oklch(0.64 0.14 2.75) */
  226. --c-d16485: oklch(from #d16485 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  227. /* color #d8d8d8 n=2 rgb(216, 216, 216) oklch(0.88 0 180) */
  228. --c-d8d8d8: oklch(from #d8d8d8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  229. /* color #ef7729 n=2 rgb(239, 119, 41) oklch(0.7 0.17 48.76) */
  230. --c-ef7729: oklch(from #ef7729 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  231. /* color #f1ba2c n=2 rgb(241, 186, 44) oklch(0.82 0.16 85.28) */
  232. --c-f1ba2c: oklch(from #f1ba2c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  233. /* color #f23e3e n=2 rgb(242, 62, 62) oklch(0.64 0.22 25.89) */
  234. --c-f23e3e: oklch(from #f23e3e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  235. /* color #f6b185 n=2 rgb(246, 177, 133) oklch(0.82 0.1 53.38) */
  236. --c-f6b185: oklch(from #f6b185 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  237. /* color #f98056 n=2 rgb(249, 128, 86) oklch(0.73 0.16 39.54) */
  238. --c-f98056: oklch(from #f98056 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  239. /* color #facfbf n=2 rgb(250, 207, 191) oklch(0.89 0.05 41.44) */
  240. --c-facfbf: oklch(from #facfbf calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  241. /* color #fafafa n=2 rgb(250, 250, 250) oklch(0.99 0 168.69) */
  242. --c-fafafa: oklch(from #fafafa calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  243. /* color #fdf1d4 n=2 rgb(253, 241, 212) oklch(0.96 0.04 88.2) */
  244. --c-fdf1d4: oklch(from #fdf1d4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  245. /* color #ff4327 n=2 rgb(255, 67, 39) oklch(0.66 0.23 31.51) */
  246. --c-ff4327: oklch(from #ff4327 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  247. /* color #ff5317 n=2 rgb(255, 83, 23) oklch(0.67 0.22 36.83) */
  248. --c-ff5317: oklch(from #ff5317 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  249. /* color #308ffb n=2 rgb(48, 143, 251) oklch(0.65 0.18 254.69) */
  250. --c-308ffb: oklch(from #308ffb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  251. /* color #3ea6f2 n=2 rgb(62, 166, 242) oklch(0.7 0.15 244.51) */
  252. --c-3ea6f2: oklch(from #3ea6f2 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  253. /* color #498e34 n=2 rgb(73, 142, 52) oklch(0.58 0.14 139.09) */
  254. --c-498e34: oklch(from #498e34 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  255. /* color #4b1092 n=2 rgb(75, 16, 146) oklch(0.36 0.19 295.41) */
  256. --c-4b1092: oklch(from #4b1092 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  257. /* color #4f4f4f n=2 rgb(79, 79, 79) oklch(0.43 0 180) */
  258. --c-4f4f4f: oklch(from #4f4f4f calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  259. /* color #5249b4 n=2 rgb(82, 73, 180) oklch(0.48 0.16 281.99) */
  260. --c-5249b4: oklch(from #5249b4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  261. /* color #5badfc n=2 rgb(91, 173, 252) oklch(0.73 0.14 249.55) */
  262. --c-5badfc: oklch(from #5badfc calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  263. /* color #0000004d n=2 rgba(0, 0, 0, 0.3) oklch(0 0 0 / 0.3) */
  264. --c-0000004d: oklch(from #0000004d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  265. /* color #7c7c7c26 n=2 rgba(124, 124, 124, 0.15) oklch(0.59 0 180 / 0.15) */
  266. --c-7c7c7c26: oklch(from #7c7c7c26 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  267. /* color #8764b833 n=2 rgba(135, 100, 184, 0.2) oklch(0.57 0.13 301.69 / 0.2) */
  268. --c-8764b833: oklch(from #8764b833 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  269. /* color #028f681a n=2 rgba(2, 143, 104, 0.1) oklch(0.58 0.12 165.54 / 0.1) */
  270. --c-028f681a: oklch(from #028f681a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  271. /* color rgba(241,95,44,.2) n=2 rgba(241, 95, 44, 0.2) oklch(0.67 0.19 38.38 / 0.2) */
  272. --c-rgba-241-95-44-0_2: oklch(from rgba(241, 95, 44, 0.2) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  273. /* color #19191959 n=2 rgba(25, 25, 25, 0.35) oklch(0.21 0 180 / 0.35) */
  274. --c-19191959: oklch(from #19191959 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  275. /* color #ff95004d n=2 rgba(255, 149, 0, 0.3) oklch(0.77 0.18 62.57 / 0.3) */
  276. --c-ff95004d: oklch(from #ff95004d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  277. /* color hsla(0,0%,100%,.07) n=2 rgba(255, 255, 255, 0.07) oklch(1 0 180 / 0.07) */
  278. --c-hsla-0-0-100-0_07: oklch(from hsla(0, 0%, 100%, 0.07) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  279. /* color #ffffff80 n=2 rgba(255, 255, 255, 0.5) oklch(1 0 180 / 0.5) */
  280. --c-ffffff80: oklch(from #ffffff80 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  281. /* color #fff9 n=2 rgba(255, 255, 255, 0.6) oklch(1 0 180 / 0.6) */
  282. --c-fff9: oklch(from #fff9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  283. /* color #ffffffd9 n=2 rgba(255, 255, 255, 0.85) oklch(1 0 180 / 0.85) */
  284. --c-ffffffd9: oklch(from #ffffffd9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  285. /* color #242b2cb3 n=2 rgba(36, 43, 44, 0.7) oklch(0.28 0.01 207.05 / 0.7) */
  286. --c-242b2cb3: oklch(from #242b2cb3 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  287. /* color #39195266 n=2 rgba(57, 25, 82, 0.4) oklch(0.29 0.1 307 / 0.4) */
  288. --c-39195266: oklch(from #39195266 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  289. /* color #4d4d4d80 n=2 rgba(77, 77, 77, 0.5) oklch(0.42 0 213.69 / 0.5) */
  290. --c-4d4d4d80: oklch(from #4d4d4d80 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  291. /* color #59a8404d n=2 rgba(89, 168, 64, 0.3) oklch(0.66 0.16 138.91 / 0.3) */
  292. --c-59a8404d: oklch(from #59a8404d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  293. /* color #62381226 n=2 rgba(98, 56, 18, 0.15) oklch(0.39 0.08 58.74 / 0.15) */
  294. --c-62381226: oklch(from #62381226 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  295. /* color #0084c6 n=1 rgb(0, 132, 198) oklch(0.59 0.14 241.48) */
  296. --c-0084c6: oklch(from #0084c6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  297. /* color #0095ff n=1 rgb(0, 149, 255) oklch(0.66 0.19 250.18) */
  298. --c-0095ff: oklch(from #0095ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  299. /* color #09b n=1 rgb(0, 153, 187) oklch(0.63 0.12 221.01) */
  300. --c-09b: oklch(from #09b calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  301. /* color #005ff9 n=1 rgb(0, 95, 249) oklch(0.55 0.24 261.39) */
  302. --c-005ff9: oklch(from #005ff9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  303. /* color #0169df n=1 rgb(1, 105, 223) oklch(0.54 0.2 257.67) */
  304. --c-0169df: oklch(from #0169df calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  305. /* color #0a0a0a n=1 rgb(10, 10, 10) oklch(0.14 0 180) */
  306. --c-0a0a0a: oklch(from #0a0a0a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  307. /* color #6ca7fc n=1 rgb(108, 167, 252) oklch(0.72 0.14 257.54) */
  308. --c-6ca7fc: oklch(from #6ca7fc calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  309. /* color #7593d9 n=1 rgb(117, 147, 217) oklch(0.67 0.11 265.83) */
  310. --c-7593d9: oklch(from #7593d9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  311. /* color #78c582 n=1 rgb(120, 197, 130) oklch(0.76 0.12 147.32) */
  312. --c-78c582: oklch(from #78c582 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  313. /* color #8e5dd9 n=1 rgb(142, 93, 217) oklch(0.59 0.18 298.9) */
  314. --c-8e5dd9: oklch(from #8e5dd9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  315. /* color #9364cd n=1 rgb(147, 100, 205) oklch(0.6 0.16 302.54) */
  316. --c-9364cd: oklch(from #9364cd calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  317. /* color #a3a3a3 n=1 rgb(163, 163, 163) oklch(0.72 0 180) */
  318. --c-a3a3a3: oklch(from #a3a3a3 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  319. /* color #111 n=1 rgb(17, 17, 17) oklch(0.18 0 180) */
  320. --c-111: oklch(from #111 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  321. /* color #b4303d n=1 rgb(180, 48, 61) oklch(0.52 0.17 20.16) */
  322. --c-b4303d: oklch(from #b4303d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  323. /* color #bf69d6 n=1 rgb(191, 105, 214) oklch(0.66 0.18 318.84) */
  324. --c-bf69d6: oklch(from #bf69d6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  325. /* color #c5c5c5 n=1 rgb(197, 197, 197) oklch(0.82 0 158.2) */
  326. --c-c5c5c5: oklch(from #c5c5c5 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  327. /* color #141414 n=1 rgb(20, 20, 20) oklch(0.19 0 180) */
  328. --c-141414: oklch(from #141414 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  329. /* color #cbcbcb n=1 rgb(203, 203, 203) oklch(0.84 0 173.29) */
  330. --c-cbcbcb: oklch(from #cbcbcb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  331. /* color #d2410e n=1 rgb(210, 65, 14) oklch(0.58 0.19 36.64) */
  332. --c-d2410e: oklch(from #d2410e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  333. /* color #d34d1e n=1 rgb(211, 77, 30) oklch(0.6 0.18 37.97) */
  334. --c-d34d1e: oklch(from #d34d1e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  335. /* color #d6d6d6 n=1 rgb(214, 214, 214) oklch(0.88 0 180) */
  336. --c-d6d6d6: oklch(from #d6d6d6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  337. /* color #d7d7d7 n=1 rgb(215, 215, 215) oklch(0.88 0 180) */
  338. --c-d7d7d7: oklch(from #d7d7d7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  339. /* color #dbdbdb n=1 rgb(219, 219, 219) oklch(0.89 0 180) */
  340. --c-dbdbdb: oklch(from #dbdbdb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  341. /* color #db440f n=1 rgb(219, 68, 15) oklch(0.6 0.2 36.6) */
  342. --c-db440f: oklch(from #db440f calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  343. /* color #dccdbf n=1 rgb(220, 205, 191) oklch(0.86 0.03 65.53) */
  344. --c-dccdbf: oklch(from #dccdbf calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  345. /* color #df8400 n=1 rgb(223, 132, 0) oklch(0.7 0.16 63.91) */
  346. --c-df8400: oklch(from #df8400 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  347. /* color #e3e3e5 n=1 rgb(227, 227, 229) oklch(0.92 0 286.35) */
  348. --c-e3e3e5: oklch(from #e3e3e5 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  349. /* color #e64d4b n=1 rgb(230, 77, 75) oklch(0.63 0.19 25.02) */
  350. --c-e64d4b: oklch(from #e64d4b calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  351. /* color #e8e8e8 n=1 rgb(232, 232, 232) oklch(0.93 0 180) */
  352. --c-e8e8e8: oklch(from #e8e8e8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  353. /* color #ea3345 n=1 rgb(234, 51, 69) oklch(0.61 0.22 21.8) */
  354. --c-ea3345: oklch(from #ea3345 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  355. /* color #ea4810 n=1 rgb(234, 72, 16) oklch(0.63 0.21 36.37) */
  356. --c-ea4810: oklch(from #ea4810 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  357. /* color #ebebeb n=1 rgb(235, 235, 235) oklch(0.94 0 171.87) */
  358. --c-ebebeb: oklch(from #ebebeb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  359. /* color #eb3f50 n=1 rgb(235, 63, 80) oklch(0.63 0.21 20.42) */
  360. --c-eb3f50: oklch(from #eb3f50 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  361. /* color #ededed n=1 rgb(237, 237, 237) oklch(0.95 0 180) */
  362. --c-ededed: oklch(from #ededed calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  363. /* color #eeedf7 n=1 rgb(238, 237, 247) oklch(0.95 0.01 290.75) */
  364. --c-eeedf7: oklch(from #eeedf7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  365. /* color #f16865 n=1 rgb(241, 104, 101) oklch(0.69 0.17 23.86) */
  366. --c-f16865: oklch(from #f16865 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  367. /* color #f16d56 n=1 rgb(241, 109, 86) oklch(0.69 0.17 31.71) */
  368. --c-f16d56: oklch(from #f16d56 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  369. /* color #f18a2c n=1 rgb(241, 138, 44) oklch(0.73 0.16 57.36) */
  370. --c-f18a2c: oklch(from #f18a2c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  371. /* color #f18f01 n=1 rgb(241, 143, 1) oklch(0.74 0.17 63.82) */
  372. --c-f18f01: oklch(from #f18f01 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  373. /* color #f1974e n=1 rgb(241, 151, 78) oklch(0.76 0.14 57.4) */
  374. --c-f1974e: oklch(from #f1974e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  375. /* color #f3774c n=1 rgb(243, 119, 76) oklch(0.71 0.16 39.38) */
  376. --c-f3774c: oklch(from #f3774c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  377. /* color #f57d07 n=1 rgb(245, 125, 7) oklch(0.71 0.18 53.63) */
  378. --c-f57d07: oklch(from #f57d07 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  379. /* color #f77a2c n=1 rgb(247, 122, 44) oklch(0.71 0.18 48.01) */
  380. --c-f77a2c: oklch(from #f77a2c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  381. /* color #f7b200 n=1 rgb(247, 178, 0) oklch(0.81 0.17 80.47) */
  382. --c-f7b200: oklch(from #f7b200 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  383. /* color #f7f7f7 n=1 rgb(247, 247, 247) oklch(0.98 0 172.41) */
  384. --c-f7f7f7: oklch(from #f7f7f7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  385. /* color #f7402b n=1 rgb(247, 64, 43) oklch(0.64 0.22 30.46) */
  386. --c-f7402b: oklch(from #f7402b calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  387. /* color #f9f7f7 n=1 rgb(249, 247, 247) oklch(0.98 0 17.19) */
  388. --c-f9f7f7: oklch(from #f9f7f7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  389. /* color #fb8332 n=1 rgb(251, 131, 50) oklch(0.73 0.17 50.24) */
  390. --c-fb8332: oklch(from #fb8332 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  391. /* color #fd9e47 n=1 rgb(253, 158, 71) oklch(0.78 0.15 59.83) */
  392. --c-fd9e47: oklch(from #fd9e47 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  393. /* color #fe9d02 n=1 rgb(254, 157, 2) oklch(0.78 0.17 66.82) */
  394. --c-fe9d02: oklch(from #fe9d02 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  395. /* color #fefcf8 n=1 rgb(254, 252, 248) oklch(0.99 0.01 84.57) */
  396. --c-fefcf8: oklch(from #fefcf8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  397. /* color #ffe49c n=1 rgb(255, 228, 156) oklch(0.92 0.09 89.79) */
  398. --c-ffe49c: oklch(from #ffe49c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  399. /* color #fffcf5 n=1 rgb(255, 252, 245) oklch(0.99 0.01 87.47) */
  400. --c-fffcf5: oklch(from #fffcf5 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  401. /* color #1a77f2 n=1 rgb(26, 119, 242) oklch(0.59 0.2 258.02) */
  402. --c-1a77f2: oklch(from #1a77f2 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  403. /* color #24c446 n=1 rgb(36, 196, 70) oklch(0.72 0.21 145.74) */
  404. --c-24c446: oklch(from #24c446 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  405. /* color #2cd9f1 n=1 rgb(44, 217, 241) oklch(0.81 0.13 209.63) */
  406. --c-2cd9f1: oklch(from #2cd9f1 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  407. /* color #2f201b n=1 rgb(47, 32, 27) oklch(0.26 0.03 39.22) */
  408. --c-2f201b: oklch(from #2f201b calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  409. /* color #3fb819 n=1 rgb(63, 184, 25) oklch(0.69 0.21 140.08) */
  410. --c-3fb819: oklch(from #3fb819 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  411. /* color #4050b5 n=1 rgb(64, 80, 181) oklch(0.48 0.16 272.1) */
  412. --c-4050b5: oklch(from #4050b5 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  413. /* color #4267b2 n=1 rgb(66, 103, 178) oklch(0.52 0.13 262.97) */
  414. --c-4267b2: oklch(from #4267b2 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  415. /* color #4994b4 n=1 rgb(73, 148, 180) oklch(0.63 0.09 228.44) */
  416. --c-4994b4: oklch(from #4994b4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  417. /* color #0862f6 n=1 rgb(8, 98, 246) oklch(0.55 0.23 261.2) */
  418. --c-0862f6: oklch(from #0862f6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  419. /* color #546ca8 n=1 rgb(84, 108, 168) oklch(0.54 0.1 266.59) */
  420. --c-546ca8: oklch(from #546ca8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  421. /* color #5998bf n=1 rgb(89, 152, 191) oklch(0.65 0.09 237.34) */
  422. --c-5998bf: oklch(from #5998bf calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  423. /* color #6138bc n=1 rgb(97, 56, 188) oklch(0.47 0.19 291.3) */
  424. --c-6138bc: oklch(from #6138bc calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  425. /* color #00000014 n=1 rgba(0, 0, 0, 0.08) oklch(0 0 0 / 0.08) */
  426. --c-00000014: oklch(from #00000014 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  427. /* color #0006 n=1 rgba(0, 0, 0, 0.4) oklch(0 0 0 / 0.4) */
  428. --c-0006: oklch(from #0006 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  429. /* color #000000c4 n=1 rgba(0, 0, 0, 0.77) oklch(0 0 0 / 0.77) */
  430. --c-000000c4: oklch(from #000000c4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  431. /* color #000c n=1 rgba(0, 0, 0, 0.8) oklch(0 0 0 / 0.8) */
  432. --c-000c: oklch(from #000c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  433. /* color #00b29433 n=1 rgba(0, 178, 148, 0.2) oklch(0.68 0.13 174.87 / 0.2) */
  434. --c-00b29433: oklch(from #00b29433 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  435. /* color #0b0b0b99 n=1 rgba(11, 11, 11, 0.6) oklch(0.15 0 180 / 0.6) */
  436. --c-0b0b0b99: oklch(from #0b0b0b99 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  437. /* color #772cf11a n=1 rgba(119, 44, 241, 0.1) oklch(0.53 0.26 291.72 / 0.1) */
  438. --c-772cf11a: oklch(from #772cf11a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  439. /* color #78c58233 n=1 rgba(120, 197, 130, 0.2) oklch(0.76 0.12 147.32 / 0.2) */
  440. --c-78c58233: oklch(from #78c58233 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  441. /* color #7c7c7c33 n=1 rgba(124, 124, 124, 0.2) oklch(0.59 0 180 / 0.2) */
  442. --c-7c7c7c33: oklch(from #7c7c7c33 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  443. /* color #8764b81a n=1 rgba(135, 100, 184, 0.1) oklch(0.57 0.13 301.69 / 0.1) */
  444. --c-8764b81a: oklch(from #8764b81a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  445. /* color #9364cd33 n=1 rgba(147, 100, 205, 0.2) oklch(0.6 0.16 302.54 / 0.2) */
  446. --c-9364cd33: oklch(from #9364cd33 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  447. /* color #12236214 n=1 rgba(18, 35, 98, 0.08) oklch(0.29 0.11 267.13 / 0.08) */
  448. --c-12236214: oklch(from #12236214 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  449. /* color hsla(240,3%,79%,.48) n=1 rgba(200, 200, 203, 0.48) oklch(0.83 0 286.3 / 0.48) */
  450. --c-hsla-240-3-79-0_48: oklch(from hsla(240, 3%, 79%, 0.48) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  451. /* color rgba(205,53,68,.1) n=1 rgba(205, 53, 68, 0.1) oklch(0.57 0.19 20.52 / 0.1) */
  452. --c-rgba-205-53-68-0_1: oklch(from rgba(205, 53, 68, 0.1) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  453. /* color #cd35444d n=1 rgba(205, 53, 68, 0.3) oklch(0.57 0.19 20.52 / 0.3) */
  454. --c-cd35444d: oklch(from #cd35444d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  455. /* color #cd354480 n=1 rgba(205, 53, 68, 0.5) oklch(0.57 0.19 20.52 / 0.5) */
  456. --c-cd354480: oklch(from #cd354480 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  457. /* color #d1648533 n=1 rgba(209, 100, 133, 0.2) oklch(0.64 0.14 2.75 / 0.2) */
  458. --c-d1648533: oklch(from #d1648533 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  459. /* color #e6e6e6ba n=1 rgba(230, 230, 230, 0.73) oklch(0.92 0 180 / 0.73) */
  460. --c-e6e6e6ba: oklch(from #e6e6e6ba calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  461. /* color #f1f1f159 n=1 rgba(241, 241, 241, 0.35) oklch(0.96 0 180 / 0.35) */
  462. --c-f1f1f159: oklch(from #f1f1f159 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  463. /* color #f1f1f180 n=1 rgba(241, 241, 241, 0.5) oklch(0.96 0 180 / 0.5) */
  464. --c-f1f1f180: oklch(from #f1f1f180 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  465. /* color rgba(241,95,44,.03) n=1 rgba(241, 95, 44, 0.03) oklch(0.67 0.19 38.38 / 0.03) */
  466. --c-rgba-241-95-44-0_03: oklch(from rgba(241, 95, 44, 0.03) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  467. /* color #f15f2c1a n=1 rgba(241, 95, 44, 0.1) oklch(0.67 0.19 38.38 / 0.1) */
  468. --c-f15f2c1a: oklch(from #f15f2c1a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  469. /* color rgba(241,95,44,.1) n=1 rgba(241, 95, 44, 0.1) oklch(0.67 0.19 38.38 / 0.1) */
  470. --c-rgba-241-95-44-0_1: oklch(from rgba(241, 95, 44, 0.1) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  471. /* color rgba(241,95,44,.25) n=1 rgba(241, 95, 44, 0.25) oklch(0.67 0.19 38.38 / 0.25) */
  472. --c-rgba-241-95-44-0_25: oklch(from rgba(241, 95, 44, 0.25) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  473. /* color rgba(241,95,44,.3) n=1 rgba(241, 95, 44, 0.3) oklch(0.67 0.19 38.38 / 0.3) */
  474. --c-rgba-241-95-44-0_3: oklch(from rgba(241, 95, 44, 0.3) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  475. /* color rgba(241,95,44,.4) n=1 rgba(241, 95, 44, 0.4) oklch(0.67 0.19 38.38 / 0.4) */
  476. --c-rgba-241-95-44-0_4: oklch(from rgba(241, 95, 44, 0.4) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  477. /* color rgba(241,95,44,.5) n=1 rgba(241, 95, 44, 0.5) oklch(0.67 0.19 38.38 / 0.5) */
  478. --c-rgba-241-95-44-0_5: oklch(from rgba(241, 95, 44, 0.5) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  479. /* color rgba(241,95,44,.7) n=1 rgba(241, 95, 44, 0.7) oklch(0.67 0.19 38.38 / 0.7) */
  480. --c-rgba-241-95-44-0_7: oklch(from rgba(241, 95, 44, 0.7) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  481. /* color rgba(241,95,44,.8) n=1 rgba(241, 95, 44, 0.8) oklch(0.67 0.19 38.38 / 0.8) */
  482. --c-rgba-241-95-44-0_8: oklch(from rgba(241, 95, 44, 0.8) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  483. /* color rgba(241,95,44,0) n=1 rgba(241, 95, 44, 0) oklch(0.67 0.19 38.38 / 0) */
  484. --c-rgba-241-95-44-0: oklch(from rgba(241, 95, 44, 0) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  485. /* color #f3774c33 n=1 rgba(243, 119, 76, 0.2) oklch(0.71 0.16 39.38 / 0.2) */
  486. --c-f3774c33: oklch(from #f3774c33 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  487. /* color #f3774c59 n=1 rgba(243, 119, 76, 0.35) oklch(0.71 0.16 39.38 / 0.35) */
  488. --c-f3774c59: oklch(from #f3774c59 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  489. /* color #191919b3 n=1 rgba(25, 25, 25, 0.7) oklch(0.21 0 180 / 0.7) */
  490. --c-191919b3: oklch(from #191919b3 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  491. /* color #ff0067d9 n=1 rgba(255, 0, 103, 0.85) oklch(0.64 0.26 10.21 / 0.85) */
  492. --c-ff0067d9: oklch(from #ff0067d9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  493. /* color #ffffff12 n=1 rgba(255, 255, 255, 0.07) oklch(1 0 180 / 0.07) */
  494. --c-ffffff12: oklch(from #ffffff12 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  495. /* color hsla(0,0%,100%,.3) n=1 rgba(255, 255, 255, 0.3) oklch(1 0 180 / 0.3) */
  496. --c-hsla-0-0-100-0_3: oklch(from hsla(0, 0%, 100%, 0.3) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  497. /* color hsla(0,0%,100%,.7) n=1 rgba(255, 255, 255, 0.7) oklch(1 0 180 / 0.7) */
  498. --c-hsla-0-0-100-0_7: oklch(from hsla(0, 0%, 100%, 0.7) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  499. /* color hsla(0,0%,100%,.9) n=1 rgba(255, 255, 255, 0.9) oklch(1 0 180 / 0.9) */
  500. --c-hsla-0-0-100-0_9: oklch(from hsla(0, 0%, 100%, 0.9) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  501. /* color #fffffff2 n=1 rgba(255, 255, 255, 0.95) oklch(1 0 180 / 0.95) */
  502. --c-fffffff2: oklch(from #fffffff2 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  503. /* color #242b2cbd n=1 rgba(36, 43, 44, 0.74) oklch(0.28 0.01 207.05 / 0.74) */
  504. --c-242b2cbd: oklch(from #242b2cbd calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  505. /* color #33aa441a n=1 rgba(51, 170, 68, 0.1) oklch(0.65 0.18 145.42 / 0.1) */
  506. --c-33aa441a: oklch(from #33aa441a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  507. /* color #3ea6f233 n=1 rgba(62, 166, 242, 0.2) oklch(0.7 0.15 244.51 / 0.2) */
  508. --c-3ea6f233: oklch(from #3ea6f233 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  509. /* color #4994b41a n=1 rgba(73, 148, 180, 0.1) oklch(0.63 0.09 228.44 / 0.1) */
  510. --c-4994b41a: oklch(from #4994b41a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  511. /* color rgba(77,77,77,.3) n=1 rgba(77, 77, 77, 0.3) oklch(0.42 0 213.69 / 0.3) */
  512. --c-rgba-77-77-77-0_3: oklch(from rgba(77, 77, 77, 0.3) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  513. /* color rgba(79,79,79,.4) n=1 rgba(79, 79, 79, 0.4) oklch(0.43 0 180 / 0.4) */
  514. --c-rgba-79-79-79-0_4: oklch(from rgba(79, 79, 79, 0.4) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  515. /* color #5249b414 n=1 rgba(82, 73, 180, 0.08) oklch(0.48 0.16 281.99 / 0.08) */
  516. --c-5249b414: oklch(from #5249b414 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  517. /* color #5998bf33 n=1 rgba(89, 152, 191, 0.2) oklch(0.65 0.09 237.34 / 0.2) */
  518. --c-5998bf33: oklch(from #5998bf33 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  519. }
  520. [class*="Card_imageWrapper_"] {
  521. background-color: var(--c-white);
  522. }
  523. [class*="CardsSet_description_"] {
  524. color: var(--c-7c7c7c);
  525. }
  526. [class*="OffersInfoItem_root_"] {
  527. background-color: var(--c-white);
  528. }
  529. [class*="OffersInfoItem_button_"] {
  530. background-color: var(--c-transparent);
  531. }
  532. [class*="OffersInfoItem_singleItem_"] {
  533. border-bottom-color: var(--c-transparent);
  534. }
  535. [class*="AccountVerificationLevels_iconPlus_"] {
  536. background-color: var(--c-3ea6f233);
  537. color: var(--c-3ea6f2);
  538. }
  539. [class*="AccountVerificationLevels_iconPro_"] {
  540. background-color: var(--c-9364cd33);
  541. color: var(--c-9364cd);
  542. }
  543. [class*="AccountVerificationLevels_iconStandart_"] {
  544. background-color: var(--c-78c58233);
  545. color: var(--c-78c582);
  546. }
  547. [class*="AccountVerificationLevels_iconBasic_"] {
  548. background-color: var(--c-eee);
  549. }
  550. .dark-theme [class*="AccountVerificationLevels_iconBasic_"] {
  551. background-color: var(--c-fff3);
  552. }
  553. [class*="BroadcastMessageStatsEmpty_title_"] {
  554. color: var(--c-black);
  555. }
  556. [class*="BroadcastMessageStatsEmpty_description_"] {
  557. color: var(--c-7c7c7c);
  558. }
  559. [class*="Accordion_title_"] {
  560. -webkit-tap-highlight-color: var(--c-transparent);
  561. background-color: var(--c-white);
  562. }
  563. .dark-theme [class*="TabItem_root_"] {
  564. fill: var(--c-f1f1f1);
  565. color: var(--c-f1f1f1);
  566. }
  567. .dark-theme [class*="TabItem_root_"][class*="TabItem_active_"] {
  568. background-color: var(--c-262626);
  569. }
  570. .dark-theme [class*="TabItem_root_"]:visited {
  571. color: var(--c-f1f1f1);
  572. }
  573. @media (hover: hover) {
  574. .dark-theme [class*="TabItem_root_"][class*="TabItem_active_"]:hover {
  575. color: var(--c-f1f1f1);
  576. }
  577. }
  578. .light-theme [class*="TabItem_root_"] {
  579. fill: var(--c-242b2c);
  580. }
  581. .light-theme [class*="TabItem_root_"][class*="TabItem_active_"] {
  582. background-color: var(--c-eee);
  583. }
  584. .light-x-theme [class*="TabItem_root_"] {
  585. fill: var(--c-242b2c);
  586. }
  587. .light-x-theme [class*="TabItem_root_"][class*="TabItem_active_"] {
  588. background-color: var(--c-eee);
  589. }
  590. [class*="Avatar_icon_"] {
  591. color: var(--c-cbcbcb);
  592. }
  593. [class*="Avatar_providerIconContainer_"] {
  594. border: 1px solid var(--c-white);
  595. }
  596. [class*="Avatar_vkIcon_"] {
  597. color: var(--c-white);
  598. }
  599. [class*="Avatar_vkContainer_"] {
  600. background-color: var(--c-07f);
  601. }
  602. [class*="Avatar_googleContainer_"] {
  603. background-color: var(--c-white);
  604. }
  605. [class*="Avatar_fbIcon_"] {
  606. color: var(--c-white);
  607. }
  608. [class*="Avatar_fbContainer_"] {
  609. background-color: var(--c-4267b2);
  610. }
  611. [class*="Avatar_okIcon_"] {
  612. color: var(--c-f70);
  613. }
  614. [class*="Avatar_okContainer_"] {
  615. background-color: var(--c-f70);
  616. }
  617. [class*="Avatar_mailIcon_"] {
  618. color: var(--c-white);
  619. }
  620. [class*="Avatar_mailContainer_"] {
  621. background-color: var(--c-005ff9);
  622. }
  623. [class*="Avatar_youtubeIcon_"] {
  624. color: var(--c-white);
  625. }
  626. [class*="Avatar_youtubeContainer_"] {
  627. background-color: var(--c-red);
  628. }
  629. [class*="Avatar_twitchIcon_"] {
  630. color: var(--c-white);
  631. }
  632. [class*="Avatar_twitchContainer_"] {
  633. background-color: var(--c-9146ff);
  634. }
  635. .light-theme [class*="ContainedButton_disabled_"] {
  636. background-color: var(--c-7c7c7c4d);
  637. }
  638. .light-theme [class*="ContainedButton_activated_"] {
  639. background: linear-gradient(0deg, var(--color-brand-opacity-30), var(--color-brand-opacity-30)), var(--c-white);
  640. }
  641. @media not all and (hover: none) {
  642. .light-theme [class*="ContainedButton_activated_"]:hover {
  643. background: linear-gradient(0deg, var(--color-brand-opacity-30), var(--color-brand-opacity-30)), var(--c-white);
  644. }
  645. }
  646. .light-x-theme [class*="ContainedButton_disabled_"] {
  647. background-color: var(--c-7c7c7c4d);
  648. }
  649. .light-x-theme [class*="ContainedButton_activated_"] {
  650. background: linear-gradient(0deg, var(--color-brand-opacity-10), var(--color-brand-opacity-10)), var(--c-white);
  651. }
  652. @media not all and (hover: none) {
  653. .light-x-theme [class*="ContainedButton_activated_"]:hover {
  654. background: linear-gradient(0deg, var(--color-brand-opacity-10), var(--color-brand-opacity-10)), var(--c-white);
  655. }
  656. }
  657. .dark-theme [class*="ContainedButton_disabled_"]:not([class*="ContainedButton_activated_"]) {
  658. background-color: var(--c-303030);
  659. }
  660. .minimal.dark-theme [class*="ContainedButton_disabled_"]:not([class*="ContainedButton_activated_"]) {
  661. background-color: var(--c-ffffff12);
  662. }
  663. [class*="ContainedButton_button_"] {
  664. border: 1px solid var(--c-transparent);
  665. color: var(--c-white);
  666. }
  667. [class*="ContainedButton_colorAzureRadiance_"] {
  668. background-color: var(--c-07f);
  669. }
  670. @media not all and (hover: none) {
  671. [class*="ContainedButton_colorAzureRadiance_"]:hover {
  672. background-color: var(--c-0169df);
  673. }
  674. }
  675. .light-theme [class*="OutlinedButton_button_"] {
  676. background-color: var(--c-white);
  677. border-color: var(--c-eaeaea);
  678. }
  679. @media not all and (hover: none) {
  680. .light-theme [class*="OutlinedButton_button_"]:hover {
  681. border-color: var(--c-ccc);
  682. }
  683. }
  684. .light-theme [class*="OutlinedButton_disabled_"] {
  685. color: var(--c-5a6a7a80);
  686. }
  687. @media not all and (hover: none) {
  688. .light-theme [class*="OutlinedButton_disabled_"]:hover {
  689. color: var(--c-5a6a7a80);
  690. }
  691. }
  692. .light-x-theme [class*="OutlinedButton_button_"] {
  693. background-color: var(--c-white);
  694. border-color: var(--c-eaeaea);
  695. }
  696. @media not all and (hover: none) {
  697. .light-x-theme [class*="OutlinedButton_button_"]:hover {
  698. border-color: var(--c-ccc);
  699. }
  700. }
  701. .light-x-theme [class*="OutlinedButton_disabled_"] {
  702. color: var(--c-5a6a7a80);
  703. }
  704. @media not all and (hover: none) {
  705. .light-x-theme [class*="OutlinedButton_disabled_"]:hover {
  706. color: var(--c-5a6a7a80);
  707. }
  708. }
  709. .dark-theme [class*="OutlinedButton_button_"] {
  710. background-color: var(--c-303030);
  711. border-color: var(--c-303030);
  712. }
  713. .dark-theme [class*="OutlinedButton_button_"]:hover:not([class*="OutlinedButton_disabled_"]) {
  714. background-color: var(--c-4a4a4a);
  715. }
  716. .dark-theme [class*="OutlinedButton_disabled_"] {
  717. color: var(--c-4a4a4a);
  718. }
  719. [class*="LinkButton_button_"] {
  720. border-bottom: 1px solid var(--c-transparent);
  721. }
  722. [class*="LinkButton_button_"] {
  723. background-color: var(--c-transparent);
  724. }
  725. [class*="InlineButton_inlineBtn_"] {
  726. background-color: var(--c-transparent);
  727. }
  728. .dark-theme [class*="IconButton_button_"] {
  729. background-color: var(--c-303030);
  730. color: var(--c-f1f1f1);
  731. }
  732. .dark-theme [class*="IconButton_disabled_"]:not([class*="IconButton_activated_"]) {
  733. background-color: var(--c-303030);
  734. color: var(--c-4a4a4a);
  735. }
  736. @media not all and (hover: none) {
  737. .dark-theme [class*="IconButton_disabled_"]:not([class*="IconButton_activated_"]):hover {
  738. background-color: var(--c-303030);
  739. }
  740. }
  741. .light-theme [class*="IconButton_activated_"] {
  742. background: linear-gradient(0deg, var(--color-brand-opacity-30), var(--color-brand-opacity-30)), var(--c-white);
  743. }
  744. @media not all and (hover: none) {
  745. .light-theme [class*="IconButton_activated_"]:hover {
  746. background: linear-gradient(0deg, var(--color-brand-opacity-30), var(--color-brand-opacity-30)), var(--c-white);
  747. }
  748. }
  749. .light-x-theme [class*="IconButton_activated_"] {
  750. background: linear-gradient(0deg, var(--color-brand-opacity-30), var(--color-brand-opacity-30)), var(--c-white);
  751. }
  752. @media not all and (hover: none) {
  753. .light-x-theme [class*="IconButton_activated_"]:hover {
  754. background: linear-gradient(0deg, var(--color-brand-opacity-30), var(--color-brand-opacity-30)), var(--c-white);
  755. }
  756. }
  757. [class*="IconButton_button_"] {
  758. border: 1px solid var(--c-transparent);
  759. }
  760. .light-theme [class*="Board_container_"] {
  761. border: 1px solid var(--c-eaeaea);
  762. }
  763. .light-theme [class*="Board_containerBordered_"] [class*="Board_footer_"] {
  764. border-top: 1px solid var(--c-eaeaea);
  765. }
  766. .light-x-theme [class*="Board_container_"] {
  767. border: 1px solid var(--c-eaeaea);
  768. }
  769. .light-x-theme [class*="Board_containerBordered_"] [class*="Board_footer_"] {
  770. border-top: 1px solid var(--c-eaeaea);
  771. }
  772. .dark-theme [class*="Board_container_"] {
  773. background-color: var(--c-303030);
  774. }
  775. .dark-theme [class*="Board_title_"] {
  776. color: var(--c-f1f1f1);
  777. }
  778. .dark-theme [class*="Board_containerBordered_"] [class*="Board_footer_"] {
  779. border-top: 1px solid var(--c-4a4a4a);
  780. }
  781. .dark-theme [class*="Card_block_"] {
  782. background-color: var(--c-262626);
  783. }
  784. .light-theme [class*="Card_block_"] {
  785. background-color: var(--c-white);
  786. border: 1px solid var(--c-eaeaea);
  787. }
  788. .light-theme [class*="Card_title_"] {
  789. border-bottom: 1px solid var(--c-eaeaea);
  790. }
  791. .light-x-theme [class*="Card_block_"] {
  792. background-color: var(--c-white);
  793. border: 1px solid var(--c-eaeaea);
  794. }
  795. .light-x-theme [class*="Card_title_"] {
  796. border-bottom: 1px solid var(--c-eaeaea);
  797. }
  798. [class*="CirclesAnimation_animatedRing_"] {
  799. background-color: var(--c-transparent);
  800. }
  801. [class*="DatePicker_root_"] :is([class*="react-calendar__navigation_"], [class*="react-calendar__navigation_"]):disabled [class*="DatePicker_arrowIcon_"] {
  802. color: var(--c-ccc);
  803. }
  804. [class*="DatePicker_root_"] [class*="react-calendar__month-view_"] {
  805. color: var(--c-9d9d9d);
  806. }
  807. [class*="DatePicker_root_"] [class*="react-calendar__month-view_"] {
  808. color: var(--c-9d9d9d);
  809. }
  810. [class*="DatePicker_root_"] .react-calendar__tile:enabled:is(:focus, :hover) {
  811. color: var(--c-white);
  812. }
  813. [class*="DatePicker_root_"] .react-calendar__tile--hasActive {
  814. color: var(--c-white);
  815. }
  816. [class*="DatePicker_root_"] .react-calendar__tile--active:enabled:is(:focus, :hover) {
  817. color: var(--c-white);
  818. }
  819. [class*="DatePicker_root_"] .react-calendar__month-view :is(.react-calendar__tile--rangeEnd, .react-calendar__tile--rangeStart) {
  820. color: var(--c-white);
  821. }
  822. [class*="DatePicker_root_"] .react-calendar__month-view :is(.react-calendar__tile--rangeEnd, .react-calendar__tile--rangeStart):focus {
  823. color: var(--c-white) !important;
  824. }
  825. .dark-theme [class*="FileButton_label_"] {
  826. background-color: var(--c-303030);
  827. border: 1px solid var(--c-303030);
  828. color: var(--c-f1f1f1);
  829. }
  830. .desktop .dark-theme [class*="FileButton_label_"]:hover {
  831. background-color: var(--c-4a4a4a);
  832. color: var(--c-f1f1f1);
  833. }
  834. .light-theme [class*="FileButton_label_"] {
  835. background-color: var(--c-white);
  836. border: 1px solid var(--c-eaeaea);
  837. }
  838. .light-x-theme [class*="FileButton_label_"] {
  839. background-color: var(--c-white);
  840. border: 1px solid var(--c-eaeaea);
  841. }
  842. [class*="FileButton_label_"][class*="FileButton_error_"] {
  843. border-color: var(--c-cb1a1a);
  844. }
  845. [class*="FileDescription_container_"] {
  846. color: var(--c-5a6a7a);
  847. }
  848. [class*="FormCard_container_"] {
  849. background-color: var(--c-white);
  850. }
  851. [class*="InputField_inputField_"][class*="InputField_transparentBg_"] {
  852. background-color: var(--c-transparent);
  853. }
  854. [class*="InputField_invalid_"] {
  855. color: var(--c-cb1a1a);
  856. }
  857. .dark-theme [class*="Label_label_"] {
  858. color: var(--c-f1f1f1);
  859. }
  860. .light-theme [class*="Input_error_"] {
  861. color: var(--c-cb1a1a);
  862. }
  863. .light-x-theme [class*="Input_error_"] {
  864. color: var(--c-cb1a1a);
  865. }
  866. .dark-theme [class*="Input_staticText_"] {
  867. color: var(--c-f1f1f1);
  868. }
  869. [class*="Input_descriptionTopCaption_"] {
  870. color: var(--c-7c7c7c);
  871. }
  872. [class*="Input_descriptionBottomCaption_"] {
  873. color: var(--c-7c7c7c);
  874. }
  875. [class*="Input_counter_"] {
  876. color: var(--c-7c7c7c);
  877. }
  878. [class*="Link_block_"] {
  879. border-bottom: 1px solid var(--c-transparent);
  880. }
  881. :is(.light-theme, .light-x-theme) [class*="Pagination_item_"] {
  882. background-color: var(--c-white);
  883. border-color: var(--c-eaeaea);
  884. }
  885. :is(.light-theme, .light-x-theme) [class*="Pagination_item_"]:hover {
  886. border-color: var(--c-ccc);
  887. }
  888. .dark-theme [class*="Pagination_item_"] {
  889. background-color: var(--c-303030);
  890. border-color: var(--c-303030);
  891. color: var(--c-f1f1f1);
  892. }
  893. .dark-theme [class*="Pagination_itemSelected_"] {
  894. background-color: var(--c-4a4a4a);
  895. border-color: var(--c-4a4a4a);
  896. color: var(--c-f1f1f1);
  897. }
  898. .dark-theme [class*="Pagination_itemSelected_"]:hover {
  899. background-color: var(--c-4a4a4a);
  900. }
  901. [class*="Pagination_arrow_"] {
  902. color: var(--c-5a6a7a);
  903. }
  904. [class*="Pagination_ellipsis_"] {
  905. color: var(--c-5a6a7a);
  906. }
  907. [class*="Pagination_arrowDisabled_"] {
  908. color: var(--c-eaeaea);
  909. }
  910. [class*="PopupContent_close_"] {
  911. color: var(--c-1f3042);
  912. }
  913. :is(.light-theme, .light-x-theme) [class*="Popup_wrapper_"] {
  914. background-color: var(--c-000000b3);
  915. }
  916. .dark-theme [class*="Popup_wrapper_"] {
  917. background-color: var(--c-000c);
  918. }
  919. .dark-theme [class*="Popup_blockColorful_"] {
  920. background-color: var(--c-transparent);
  921. }
  922. .dark-theme [class*="Popup_colorfulBg_"] {
  923. background-color: var(--c-191919);
  924. }
  925. .dark-theme [class*="Popup_colorfulBg_"]:before {
  926. background-color: var(--c-2cd9f1);
  927. }
  928. .dark-theme [class*="Popup_colorfulBg_"] .middleFlash:before {
  929. background-color: var(--c-772cf1);
  930. }
  931. @supports not selector(::-webkit-scrollbar-thumb) {
  932. :is(.light-theme, .light-x-theme) [class*="ScrollableComponent_root_"] {
  933. scrollbar-color: var(--c-ccc) var(--c-fff0);
  934. }
  935. .dark-theme [class*="ScrollableComponent_root_"] {
  936. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  937. }
  938. }
  939. [class*="ScrollableComponent_root_"]::-webkit-scrollbar {
  940. background-color: var(--c-fff0);
  941. }
  942. [class*="ScrollableComponent_root_"]::-webkit-scrollbar-track {
  943. background-color: var(--c-fff0);
  944. }
  945. :is(.light-theme, .light-x-theme) [class*="ScrollableComponent_root_"]::-webkit-scrollbar-thumb {
  946. background-color: var(--c-ccc);
  947. }
  948. .dark-theme [class*="ScrollableComponent_root_"]::-webkit-scrollbar-thumb {
  949. background-color: var(--c-4a4a4a);
  950. }
  951. [class*="SimpleCheckBox_root_"] {
  952. -webkit-tap-highlight-color: var(--c-transparent);
  953. }
  954. .dark-theme [class*="SimpleCheckBox_checkbox_"] {
  955. background-color: var(--c-transparent);
  956. }
  957. [class*="SimpleCheckBox_checkboxDisabled_"] {
  958. background-color: var(--c-eee);
  959. }
  960. [class*="SimpleCheckBox_checkboxDisabled_"]:hover {
  961. border-color: var(--c-eaeaea);
  962. }
  963. [class*="SimpleCheckBox_checkboxWrapper_"] {
  964. -webkit-tap-highlight-color: var(--c-transparent);
  965. }
  966. [class*="SimpleCheckBox_label_"] {
  967. color: var(--c-1f3042);
  968. }
  969. [class*="SelectOption_option_"] {
  970. -webkit-tap-highlight-color: var(--c-transparent);
  971. }
  972. .dark-theme [class*="SelectOption_option_"]:hover:not([class*="SelectOption_disabled_"]) {
  973. background-color: var(--c-3d3d3d);
  974. }
  975. [class*="Select_optionsContainer_"] {
  976. box-shadow: 0 2px 10px var(--c-0000001a);
  977. }
  978. .dark-theme [class*="Select_optionsContainer_"] {
  979. box-shadow: 0 2px 10px var(--c-00000080);
  980. }
  981. [class*="Select_mainBox_"] {
  982. -webkit-tap-highlight-color: var(--c-transparent);
  983. }
  984. [class*="Select_mainBox_"][class*="Select_invalid_"] {
  985. border-color: var(--c-cb1a1a);
  986. }
  987. [class*="Select_mainBox_"][class*="Select_invalid_"]:hover {
  988. border-color: var(--c-cb1a1a);
  989. }
  990. [class*="Select_mainBoxTransparentBg_"] {
  991. background-color: var(--c-transparent);
  992. }
  993. [class*="Select_mainBoxTransparentBg_"][class*="Select_disabled_"] {
  994. background-color: var(--c-transparent);
  995. }
  996. [class*="Select_error_"] {
  997. color: var(--c-cb1a1a);
  998. }
  999. [class*="Empty_description_"] {
  1000. color: var(--c-7c7c7c);
  1001. }
  1002. [class*="Empty_button_"] {
  1003. border-bottom: 1px solid var(--c-transparent);
  1004. }
  1005. [class*="TabItem_container_"] {
  1006. border-bottom: 3px solid var(--c-transparent);
  1007. }
  1008. [class*="TabItem_container_"]:hover {
  1009. border-bottom-color: var(--c-transparent);
  1010. }
  1011. .dark-theme [class*="ToggleSwitch_checkboxChecked_"][class*="ToggleSwitch_primary_"] [class*="ToggleSwitch_circle_"] {
  1012. background-color: var(--c-white);
  1013. }
  1014. [class*="ToggleSwitch_circle_"] {
  1015. background-color: var(--c-white);
  1016. box-shadow: 0 1px 2px var(--c-00000080);
  1017. }
  1018. .dark-theme [class*="ToggleSwitch_circle_"] {
  1019. background-color: var(--c-4a4a4a);
  1020. }
  1021. [class*="ToggleSwitch_checkboxDisabled_"] [class*="ToggleSwitch_circle_"] {
  1022. box-shadow: 0 2px 10px var(--c-0000001a);
  1023. }
  1024. :is(.light-theme, .light-x-theme) [class*="RadioBox_box_"] {
  1025. border: 1px solid var(--c-eaeaea);
  1026. }
  1027. .dark-theme [class*="RadioBox_box_"] {
  1028. background-color: var(--c-303030);
  1029. border: 1px solid var(--c-transparent);
  1030. color: var(--c-f1f1f1);
  1031. }
  1032. .dark-theme [class*="RadioBoxGroup_label_"] {
  1033. color: var(--c-f1f1f1);
  1034. }
  1035. [class*="TooltipContent_root_"] {
  1036. box-shadow: 0 2px 10px var(--c-0000001a);
  1037. }
  1038. :is(.light-theme, .light-x-theme) [class*="TooltipContent_root_"] {
  1039. background-color: var(--c-white);
  1040. border-color: var(--c-eaeaea);
  1041. }
  1042. .dark-theme [class*="TooltipContent_root_"] {
  1043. background-color: var(--c-262626);
  1044. border-color: var(--c-303030);
  1045. box-shadow: 0 2px 10px var(--c-00000080);
  1046. }
  1047. .minimal [class*="VerticalRadioTabItem_root_"] {
  1048. border: 1px solid var(--c-transparent);
  1049. }
  1050. [class*="RadioButton_rootDisabled_"]:hover [class*="RadioButton_radio_"] {
  1051. border-color: var(--c-eaeaea);
  1052. }
  1053. [class*="RadioButton_labelTextDisabled_"] {
  1054. color: var(--c-9d9d9d);
  1055. }
  1056. .dark-theme [class*="TurnBlock_arrowContainerDisabled_"] [class*="TurnBlock_arrow_"] {
  1057. color: var(--c-4a4a4a);
  1058. }
  1059. .dark-theme [class*="TurnBlock_arrowContainer_"] {
  1060. border-color: var(--c-4a4a4a);
  1061. }
  1062. [class*="CommonHint_icon_"] {
  1063. color: var(--c-7c7c7c);
  1064. }
  1065. [class*="PopoverList_popoverContent_"] {
  1066. background-color: var(--c-262626);
  1067. }
  1068. [class*="PopoverList_item_"][class*="PopoverList_active_"] {
  1069. background-color: var(--c-4a4a4a);
  1070. }
  1071. [class*="Note_text_"] {
  1072. color: var(--c-7c7c7c);
  1073. }
  1074. [class*="DatePicker_root_"] [class*="react-calendar__month-view_"] {
  1075. color: var(--c-9d9d9d);
  1076. }
  1077. [class*="DatePicker_root_"] .react-calendar__tile:enabled:hover {
  1078. color: var(--c-white);
  1079. }
  1080. .dark-theme [class*="DatePicker_root_"] .react-calendar__tile:enabled:hover {
  1081. background-color: var(--c-303030);
  1082. }
  1083. [class*="DatePicker_root_"] .react-calendar__tile:enabled:focus {
  1084. background-color: var(--c-white);
  1085. }
  1086. [class*="DatePicker_root_"] .react-calendar__tile--hasActive {
  1087. color: var(--c-white);
  1088. }
  1089. [class*="DatePicker_root_"] .react-calendar__month-view :is(.react-calendar__tile--rangeEnd, .react-calendar__tile--rangeStart) {
  1090. color: var(--c-white);
  1091. }
  1092. [class*="DatePicker_root_"] .react-calendar__month-view :is(.react-calendar__tile--rangeEnd, .react-calendar__tile--rangeStart):focus {
  1093. color: var(--c-white) !important;
  1094. }
  1095. [class*="DateField_inputButton_"] {
  1096. background-color: var(--c-transparent);
  1097. }
  1098. [class*="DateField_iconArrow_"] {
  1099. fill: var(--c-5a6a7a);
  1100. }
  1101. [class*="DateField_note_"] {
  1102. color: var(--c-7c7c7c);
  1103. }
  1104. :is(.light-theme, .light-x-theme) [class*="UiKit_root_"] {
  1105. background-color: var(--c-white);
  1106. }
  1107. .dark-theme [class*="UiKit_root_"] {
  1108. background-color: var(--c-191919);
  1109. }
  1110. .dark-theme :is([class*="UiKit_popupContent_"], [class*="UiKit_popupRow_"]) {
  1111. color: var(--c-f1f1f1);
  1112. }
  1113. .dark-theme [class*="UiKit_trashIcon_"] {
  1114. fill: var(--c-f1f1f1);
  1115. }
  1116. .dark-theme [class*="UiKit_title_"] {
  1117. color: var(--c-f1f1f1);
  1118. }
  1119. [class*="UiKit_penIcon_"] {
  1120. fill: var(--c-white);
  1121. }
  1122. [class*="LogoAndBrandFooter_link_"] {
  1123. border-bottom: 1px solid var(--c-transparent);
  1124. }
  1125. [class*="Brand_colorGray_"] {
  1126. background-color: var(--c-7c7c7c);
  1127. }
  1128. [class*="Brand_colorBackground_"] {
  1129. background-color: var(--c-eee);
  1130. border: 1px solid var(--c-ccc);
  1131. }
  1132. [class*="Brand_colorsFooterTitle_"] {
  1133. color: var(--c-black);
  1134. }
  1135. .dark-theme [class*="Settings_contentContainer_"] {
  1136. --var-color-input-bg: var(--c-262626);
  1137. --var-color-input-bg-disabled: var(--c-3d3d3d);
  1138. }
  1139. [class*="DefinitionItem_title_"] {
  1140. color: var(--c-7c7c7c);
  1141. }
  1142. [class*="DetailedErrorBadge_root_"] {
  1143. background-color: var(--c-cd35441a);
  1144. }
  1145. [class*="PersonalDataRequiredList_icon_"] {
  1146. color: var(--c-7c7c7c);
  1147. }
  1148. [class*="StatusBadge_root_"][class*="StatusBadge_error_"] {
  1149. background-color: var(--c-cd35441a);
  1150. }
  1151. [class*="StatusBadge_root_"][class*="StatusBadge_pending_"] {
  1152. background-color: var(--c-ff99001a);
  1153. color: var(--c-f90);
  1154. }
  1155. [class*="StatusBadge_root_"][class*="StatusBadge_success_"] {
  1156. background-color: var(--c-59a8401a);
  1157. color: var(--c-59a840);
  1158. }
  1159. [class*="VerificationLevelItem_actionButton_"] {
  1160. color: var(--c-white) !important;
  1161. }
  1162. [class*="styles_icon_"] {
  1163. color: var(--c-59a840);
  1164. }
  1165. [class*="WithdrawalInfo_label_"] {
  1166. color: var(--c-7c7c7c);
  1167. }
  1168. [class*="WithdrawalInfo_icon_"] {
  1169. color: var(--c-7c7c7c);
  1170. }
  1171. [class*="CardTypeGift_openIcon_"] {
  1172. color: var(--c-white);
  1173. }
  1174. [class*="DeviceSessionBlock_icon_"] {
  1175. background-color: var(--c-eee);
  1176. }
  1177. [class*="DeviceSessionBlock_date_"] {
  1178. color: var(--c-7c7c7c);
  1179. }
  1180. [class*="DeviceSessionBlock_lowerInfo_"] {
  1181. color: var(--c-7c7c7c);
  1182. }
  1183. .SettingsActiveSessions_description_6q8vK {
  1184. color: var(--c-7c7c7c);
  1185. }
  1186. [class*="SettingsActiveSessions_button_"] {
  1187. background-color: var(--c-cd35444d);
  1188. }
  1189. @media not all and (hover: none) {
  1190. [class*="SettingsActiveSessions_button_"]:hover {
  1191. background-color: var(--c-cd354480);
  1192. }
  1193. }
  1194. [class*="BlogSubscriptionLevelsChange_link_"] {
  1195. border-bottom: 1px solid var(--c-transparent);
  1196. }
  1197. [class*="BlogSubscriptionLevelsChange_link_"]:hover {
  1198. border-bottom-color: var(--c-transparent);
  1199. }
  1200. [class*="ErrorStep_greyText_"] {
  1201. color: var(--c-7c7c7c);
  1202. }
  1203. [class*="ErrorStep_link_"] {
  1204. border-bottom: 1px solid var(--c-transparent);
  1205. }
  1206. [class*="LoadingStep_footer_"] {
  1207. color: var(--c-7c7c7c);
  1208. }
  1209. [class*="StartStep_range_"] {
  1210. color: var(--c-7c7c7c);
  1211. }
  1212. [class*="BrowserUnsupported_description_"] {
  1213. color: var(--c-7c7c7c);
  1214. }
  1215. [class*="BlogBanDisclaimer_icon_"] {
  1216. color: var(--c-ccc);
  1217. }
  1218. [class*="BlogBanDisclaimer_title_"] {
  1219. color: var(--c-black);
  1220. }
  1221. [class*="BlogBanDisclaimer_description_"] {
  1222. color: var(--c-7c7c7c);
  1223. }
  1224. [class*="TargetEdit_targetAbout_"] {
  1225. color: var(--c-7c7c7c);
  1226. }
  1227. [class*="TargetEdit_targetAbout_"] {
  1228. color: var(--c-7c7c7c);
  1229. }
  1230. [class*="PrimaryButton_root_"] {
  1231. background-color: var(--c-transparent);
  1232. color: var(--c-white);
  1233. }
  1234. [class*="PrimaryButton_root_"]:disabled {
  1235. background-color: var(--c-d7d7d7);
  1236. }
  1237. [class*="PrimaryButton_icon_"] {
  1238. color: var(--c-white);
  1239. }
  1240. [class*="PromotionInfoBlock_root_"][class*="PromotionInfoBlock_discount_"] {
  1241. background-color: var(--c-59a8401a);
  1242. }
  1243. [class*="PromotionInfoBlock_root_"][class*="PromotionInfoBlock_trial_"] {
  1244. background-color: var(--c-8764b81a);
  1245. }
  1246. [class*="PromotionInfoBlock_iconPercent_"] {
  1247. color: var(--c-59a840);
  1248. }
  1249. :is([class*="PromotionInfoBlock_iconCalendarLink_"], [class*="PromotionInfoBlock_iconCalendar_"]) {
  1250. color: var(--c-8764b8);
  1251. }
  1252. [class*="UnknownSourcesDisclaimer_iconInfo_"] {
  1253. color: var(--c-f90);
  1254. }
  1255. [class*="UnknownSourcesDisclaimer_more_"] {
  1256. color: var(--c-7c7c7c);
  1257. }
  1258. .dark-theme [class*="Alerts_alert_"] {
  1259. background-color: var(--c-262626);
  1260. border-color: var(--c-303030);
  1261. box-shadow: 0 4px 24px var(--c-0000000d);
  1262. }
  1263. .light-theme [class*="Alerts_alert_"] {
  1264. background-color: var(--c-white);
  1265. border-color: var(--c-eaeaea);
  1266. }
  1267. .light-theme [class*="Alerts_close_"] {
  1268. color: var(--c-1f3042);
  1269. }
  1270. .light-x-theme [class*="Alerts_alert_"] {
  1271. background-color: var(--c-white);
  1272. border-color: var(--c-eaeaea);
  1273. }
  1274. .light-x-theme [class*="Alerts_close_"] {
  1275. color: var(--c-1f3042);
  1276. }
  1277. [class*="Alerts_alert_"] {
  1278. box-shadow: 0 2px 10px var(--c-0000001a);
  1279. }
  1280. [class*="Alerts_iconSuccess_"] {
  1281. fill: var(--c-028f68);
  1282. }
  1283. [class*="Alerts_iconInfo_"] {
  1284. color: var(--c-015ff9);
  1285. }
  1286. [class*="AddSecondCardBanner_root_"] {
  1287. background-color: var(--c-f15f2c1a);
  1288. }
  1289. [class*="SettingsPassword_form_"] [class*="SettingsPassword_submitDisabled_"] {
  1290. background-color: var(--c-7c7c7c4d);
  1291. }
  1292. [class*="Moderator_moderator_"] {
  1293. background-color: var(--c-eee);
  1294. }
  1295. [class*="Moderator_removeBtn_"] {
  1296. background-color: var(--c-transparent);
  1297. color: var(--c-7c7c7c);
  1298. }
  1299. [class*="More_text_"] {
  1300. color: var(--c-white);
  1301. }
  1302. [class*="StopWord_stopWord_"] {
  1303. background-color: var(--c-eee);
  1304. }
  1305. [class*="StopWord_text_"] {
  1306. color: var(--c-7c7c7c);
  1307. }
  1308. [class*="StopWord_removeBtn_"] {
  1309. background-color: var(--c-transparent);
  1310. color: var(--c-7c7c7c);
  1311. }
  1312. [class*="Suggests_content_"] {
  1313. border: var(--c-eaeaea);
  1314. box-shadow: 0 2px 10px var(--c-0000001a);
  1315. }
  1316. [class*="Suggests_notFound_"] {
  1317. color: var(--c-7c7c7c);
  1318. }
  1319. [class*="Suggests_item_"] {
  1320. background-color: var(--c-transparent);
  1321. }
  1322. [class*="SettingsStreamModeration_emptyText_"] {
  1323. color: var(--c-7c7c7c);
  1324. }
  1325. [class*="BlogUnsubscribesFilter_placeholderTest_"] {
  1326. color: var(--c-black);
  1327. }
  1328. [class*="QrDropdownButton_dropdown_"] {
  1329. box-shadow: 0 2px 10px var(--c-0000001a);
  1330. }
  1331. :is(.light-theme, .light-x-theme) [class*="QrDropdownButton_dropdown_"] {
  1332. background-color: var(--c-white);
  1333. border-color: var(--c-eaeaea);
  1334. }
  1335. .dark-theme [class*="QrDropdownButton_dropdown_"] {
  1336. background-color: var(--c-262626);
  1337. border-color: var(--c-303030);
  1338. box-shadow: 0 2px 10px var(--c-00000080);
  1339. }
  1340. [class*="PromotionPrivate_copyIcon_"] {
  1341. color: var(--c-white);
  1342. }
  1343. [class*="PromoNewCreated_checkWrapper_"] {
  1344. background-color: var(--c-59a84033);
  1345. }
  1346. [class*="PromoNewCreated_checkIcon_"] {
  1347. color: var(--c-59a840);
  1348. }
  1349. [class*="BlogPayoutHint_root_"] {
  1350. color: var(--c-7c7c7c);
  1351. }
  1352. [class*="BlogPayoutHistory_tr_"]:nth-child(odd) {
  1353. background-color: var(--c-f8f7f7);
  1354. }
  1355. [class*="BlogPayoutHistory_th_"] {
  1356. color: var(--c-7c7c7c);
  1357. }
  1358. [class*="BlogPayoutHistory_error_"] {
  1359. color: var(--c-cb1a1a);
  1360. }
  1361. [class*="BlogPayoutHistory_paginationText_"] {
  1362. color: var(--c-5a6a7a);
  1363. }
  1364. [class*="BlogPayoutHistory_emptyText_"] {
  1365. color: var(--c-7c7c7c);
  1366. }
  1367. [class*="BlogIncomeEmpty_content_"] {
  1368. color: var(--c-7c7c7c);
  1369. }
  1370. [class*="BlogUnsubscribes_failContentDescription_"] {
  1371. color: var(--c-7c7c7c);
  1372. }
  1373. [class*="BlogUnsubscribesRows_header_"] {
  1374. color: var(--c-7c7c7c);
  1375. }
  1376. [class*="BlogUnsubscribesRows_price_"] {
  1377. border-bottom: 1px dashed var(--c-transparent);
  1378. }
  1379. [class*="BlogUnsubscribesRows_nextPayPrice_"] {
  1380. border-bottom-color: var(--c-7c7c7c);
  1381. }
  1382. [class*="BlogUnsubscribesRows_nextPayPrice_"]:hover {
  1383. border-bottom-color: var(--c-transparent);
  1384. }
  1385. .dark-theme [class*="ConfirmPopup_description_"] {
  1386. color: var(--c-f1f1f1);
  1387. }
  1388. [class*="ConfirmPopup_error_"] {
  1389. color: var(--c-cb1a1a);
  1390. }
  1391. [class*="ConfirmPopup_loader_"] {
  1392. background-color: var(--c-fffc);
  1393. }
  1394. [class*="PageForm_link_"] {
  1395. border-bottom: 1px solid var(--c-transparent);
  1396. }
  1397. [class*="PageForm_link_"]:hover {
  1398. border-bottom-color: var(--c-transparent);
  1399. }
  1400. .mobile [class*="PageForm_header_"] {
  1401. background-color: var(--c-white);
  1402. }
  1403. [class*="styles_pinPopup_"] [class*="styles_pinPopupConfirmButton_"][disabled] {
  1404. background-color: var(--c-7c7c7c4d);
  1405. }
  1406. .pswp {
  1407. --pswp-bg: var(--c-black);
  1408. --pswp-placeholder-bg: var(--c-222);
  1409. --pswp-preloader-color: var(--c-rgba-79-79-79-0_4);
  1410. --pswp-preloader-color-secondary: var(--c-hsla-0-0-100-0_9);
  1411. --pswp-icon-color: var(--c-white);
  1412. --pswp-icon-color-secondary: var(--c-4f4f4f);
  1413. --pswp-icon-stroke-color: var(--c-4f4f4f);
  1414. -webkit-tap-highlight-color: var(--c-transparent);
  1415. }
  1416. [class*="SignIn_icon_"] {
  1417. fill: var(--c-white);
  1418. }
  1419. [class*="SignIn_item_"] :is([class*="SignIn_iconTwitch_"], [class*="SignIn_iconVk_"], [class*="SignIn_iconYoutube_"]) {
  1420. color: var(--c-white);
  1421. }
  1422. [class*="SignIn_itemSmall_"] [class*="SignIn_iconMore_"] {
  1423. fill: var(--c-19191959);
  1424. }
  1425. [class*="SignIn_itemMedium_"] [class*="SignIn_iconMore_"] {
  1426. fill: var(--c-19191959);
  1427. }
  1428. [class*="LandingBlog2125_block_"] {
  1429. background-color: var(--c-fefcf8);
  1430. }
  1431. [class*="LandingBlog2125_logo_"]:hover {
  1432. border-bottom-color: var(--c-transparent);
  1433. }
  1434. [class*="LandingBlog2125_point_"] {
  1435. background-color: var(--c-white);
  1436. box-shadow: 0 16px 20px var(--c-62381226);
  1437. }
  1438. [class*="SettingsEditMessageLevels_selectItemDescription_"] {
  1439. color: var(--c-7c7c7c);
  1440. }
  1441. [class*="styles_icon_"] {
  1442. color: var(--c-f90);
  1443. }
  1444. [class*="styles_root_"] {
  1445. background-color: var(--c-ff99001a);
  1446. }
  1447. [class*="styles_root_"][class*="styles_error_"] {
  1448. background-color: var(--c-cd35441a);
  1449. }
  1450. [class*="styles_extraBlock_"] {
  1451. color: var(--c-7c7c7c);
  1452. }
  1453. [class*="styles_text_"] {
  1454. color: var(--c-242b2c);
  1455. }
  1456. [class*="styles_icon_"] {
  1457. color: var(--c-59a840);
  1458. }
  1459. [class*="SettingsEditAgent_closeButton_"] {
  1460. color: var(--c-7c7c7c);
  1461. }
  1462. .dark-theme [class*="SettingsAgents_blockTitle_"] {
  1463. color: var(--c-f1f1f1);
  1464. }
  1465. [class*="SettingsAgents_isLoading_"]:after {
  1466. background-color: var(--c-ffffff4d);
  1467. }
  1468. [class*="SettingsAgents_statusTextRed_"] {
  1469. color: var(--c-cb1a1a);
  1470. }
  1471. [class*="SettingsAgents_description_"] {
  1472. color: var(--c-7c7c7c);
  1473. }
  1474. [class*="SettingsAgents_button_"] {
  1475. color: var(--c-white);
  1476. }
  1477. @media not all and (hover: none) {
  1478. [class*="SettingsAgents_button_"]:hover [class*="SettingsAgents_icon_"] {
  1479. color: var(--c-white);
  1480. }
  1481. }
  1482. [class*="SettingsAgents_icon_"] {
  1483. color: var(--c-white);
  1484. }
  1485. [class*="SettingsNotificationsForm_labelDescription_"] {
  1486. color: var(--c-7c7c7c);
  1487. }
  1488. [class*="SettingsNotificationsForm_title_"] {
  1489. color: var(--c-7c7c7c);
  1490. }
  1491. [class*="ExternalAppCard_root_"] {
  1492. background-color: var(--c-white);
  1493. border: 1px solid var(--c-eaeaea);
  1494. box-shadow: 0 2px 20px var(--c-0000001a);
  1495. }
  1496. [class*="ExternalAppCard_name_"] {
  1497. color: var(--c-7c7c7c);
  1498. }
  1499. [class*="SettingsExternalApps_link_"] {
  1500. border-bottom: 1px solid var(--c-transparent);
  1501. }
  1502. [class*="SettingsExternalApps_server_"] {
  1503. color: var(--c-7c7c7c);
  1504. }
  1505. [class*="SettingsExternalApps_disconnectServer_"] {
  1506. border-bottom: 1px solid var(--c-transparent);
  1507. }
  1508. [class*="SettingsExternalApps_footerDiscord_"] {
  1509. border-top: 1px solid var(--c-eaeaea);
  1510. }
  1511. [class*="SettingsBlacklist_blacklistTable_"] th {
  1512. color: var(--c-7c7c7c);
  1513. }
  1514. [class*="SettingsBlacklist_blacklistTable_"] tr[class*="SettingsBlacklist_even_"] {
  1515. background-color: var(--c-f8f7f7);
  1516. }
  1517. [class*="SettingsBlacklist_close_"] {
  1518. color: var(--c-1f3042);
  1519. }
  1520. [class*="SettingsBlacklist_noTableData_"] {
  1521. color: var(--c-7c7c7c);
  1522. }
  1523. [class*="InfoWrapper_description_"] {
  1524. color: var(--c-7c7c7c);
  1525. }
  1526. [class*="CommunicateWithSubscription_amount_"] {
  1527. color: var(--c-white);
  1528. }
  1529. [class*="SubscriptionLevelInfo_root_"] {
  1530. background-color: var(--c-white);
  1531. }
  1532. [class*="Discounts_illustration_"]:after {
  1533. background: linear-gradient(180deg, var(--c-fff0), var(--c-white) 57.81%);
  1534. }
  1535. [class*="Discounts_crossedOut_"] {
  1536. color: var(--c-a3a3a3);
  1537. }
  1538. [class*="Discounts_discount_"] {
  1539. background-color: var(--c-59a840);
  1540. color: var(--c-white);
  1541. }
  1542. [class*="RaisePrice_illustration_"]:after {
  1543. background: linear-gradient(180deg, var(--c-fff0), var(--c-white) 57.81%);
  1544. }
  1545. [class*="Title_iconCoins_"] {
  1546. color: var(--c-f90);
  1547. }
  1548. [class*="Trial_illustration_"]:after {
  1549. background: linear-gradient(0deg, var(--c-fff0), var(--c-white) 57.81%);
  1550. }
  1551. [class*="Trial_illustrationCard_"] {
  1552. background-color: var(--c-white);
  1553. }
  1554. [class*="Trial_illustrationCardDescription_"] {
  1555. color: var(--c-7c7c7c);
  1556. }
  1557. [class*="Trial_illustrationCardButton_"] {
  1558. background-color: var(--c-59a840);
  1559. color: var(--c-white);
  1560. }
  1561. [class*="Trial_gray_"] {
  1562. color: var(--c-7c7c7c);
  1563. }
  1564. [class*="HowToEarnMore_iconCoins_"] {
  1565. color: var(--c-f90);
  1566. }
  1567. [class*="StatDetailedInfoItem_description_"] {
  1568. color: var(--c-7c7c7c);
  1569. }
  1570. [class*="ChartLoader_amount_"] {
  1571. background-color: var(--c-eaeaea);
  1572. }
  1573. [class*="ChartLoader_amount_"]:before {
  1574. background: linear-gradient(90deg, var(--c-transparent) 0, var(--c-hsla-0-0-52-0_3) 50%, var(--c-transparent));
  1575. }
  1576. [class*="ChartLoader_label_"] {
  1577. background-color: var(--c-eaeaea);
  1578. }
  1579. [class*="ChartLoader_label_"]:before {
  1580. background: linear-gradient(90deg, var(--c-transparent) 0, var(--c-hsla-0-0-52-0_3) 50%, var(--c-transparent));
  1581. }
  1582. [class*="MainInfoLoader_description_"] > div {
  1583. background-color: var(--c-eaeaea);
  1584. }
  1585. [class*="MainInfoLoader_description_"] > div:before {
  1586. background: linear-gradient(90deg, var(--c-transparent) 0, var(--c-hsla-0-0-52-0_3) 50%, var(--c-transparent));
  1587. }
  1588. [class*="MainInfoLoader_info_"] > div {
  1589. background-color: var(--c-eaeaea);
  1590. }
  1591. [class*="MainInfoLoader_info_"] > div:before {
  1592. background: linear-gradient(90deg, var(--c-transparent) 0, var(--c-hsla-0-0-52-0_3) 50%, var(--c-transparent));
  1593. }
  1594. [class*="StatMainInfo_paidCounter_"] [class*="StatMainInfo_iconContainer_"] {
  1595. background-color: var(--c-3a43);
  1596. }
  1597. [class*="StatMainInfo_paidCounter_"] [class*="StatMainInfo_icon_"] {
  1598. color: var(--c-3a4);
  1599. }
  1600. [class*="StatMainInfo_followCounter_"] [class*="StatMainInfo_iconContainer_"] {
  1601. background-color: var(--c-5998bf33);
  1602. }
  1603. [class*="StatMainInfo_followCounter_"] [class*="StatMainInfo_icon_"] {
  1604. color: var(--c-5998bf);
  1605. }
  1606. [class*="StatMainInfo_caption_"] {
  1607. color: var(--c-7c7c7c);
  1608. }
  1609. [class*="StatMainInfo_informer_"] {
  1610. background-color: var(--c-59a8401a);
  1611. color: var(--c-59a840);
  1612. }
  1613. [class*="StatMainInfo_iconExchange_"] {
  1614. color: var(--c-59a840);
  1615. }
  1616. [class*="BlogPostSalesList_iconWrapper_"] {
  1617. background-color: var(--c-white);
  1618. }
  1619. [class*="BlogPostSalesList_item_"]:hover {
  1620. color: var(--c-ef7829);
  1621. }
  1622. [class*="BlogPostSalesList_publishTime_"] {
  1623. color: var(--c-7c7c7c);
  1624. }
  1625. [class*="BlogPostSalesSelector_arrow_"] {
  1626. fill: var(--c-5a6a7a);
  1627. }
  1628. [class*="BlogPostSalesSelector_disabled_"] [class*="BlogPostSalesSelector_arrow_"] {
  1629. color: var(--c-9d9d9d);
  1630. }
  1631. [class*="BlogPostSalesSelector_optionsContainer_"] {
  1632. box-shadow: 0 2px 20px var(--c-0000001a);
  1633. }
  1634. [class*="BlogTrafficTableBase_body_"] tr:first-child td {
  1635. background-color: var(--c-f6f6f6);
  1636. }
  1637. [class*="BlogTrafficTableBase_iconHint_"] {
  1638. stroke: var(--c-7c7c7c);
  1639. }
  1640. [class*="BlogTrafficTableBase_iconHint_"]:hover {
  1641. stroke: var(--c-242b2c);
  1642. }
  1643. [class*="BlogTrafficTable_emptyText_"] {
  1644. color: var(--c-7c7c7c);
  1645. }
  1646. [class*="BlogPaymentSourcesTable_emptyText_"] {
  1647. color: var(--c-7c7c7c);
  1648. }
  1649. [class*="BlogIncomeExportBySource_description_"] {
  1650. color: var(--c-7c7c7c);
  1651. }
  1652. [class*="EmptyWithFilter_loupeIcon_"] {
  1653. color: var(--c-ccc);
  1654. }
  1655. [class*="EmptyWithFilter_subTitle_"] {
  1656. color: var(--c-7c7c7c);
  1657. }
  1658. [class*="EmptyWithFilter_clickableText_"] {
  1659. border-bottom: 1px solid var(--c-transparent);
  1660. }
  1661. [class*="EmptyMediaAlbum_description_"] {
  1662. color: var(--c-7c7c7c);
  1663. }
  1664. [class*="MediaAlbumCounters_item_"] {
  1665. background-color: var(--c-white);
  1666. }
  1667. [class*="TutorialOffers_transparentText_"] {
  1668. color: var(--c-242b2cbd);
  1669. }
  1670. [class*="TargetAdd_targetAbout_"] {
  1671. color: var(--c-7c7c7c);
  1672. }
  1673. [class*="TargetAdd_targetAbout_"] {
  1674. color: var(--c-7c7c7c);
  1675. }
  1676. [class*="AssignAgentForm_buttonWhenAgentAssigned_"] {
  1677. color: var(--c-3a4);
  1678. }
  1679. [class*="AssignAgentForm_buttonIcon_"] {
  1680. fill: var(--c-3a4);
  1681. }
  1682. .light-theme [class*="Bank131PaymentForm_root_"] {
  1683. background-color: var(--c-white);
  1684. }
  1685. .dark-theme [class*="Bank131PaymentForm_root_"] {
  1686. background-color: var(--c-262626);
  1687. }
  1688. [class*="Bank131PaymentForm_root_"][class*="Bank131PaymentForm_formLeft_"] .bank131-MainContainer__container {
  1689. background-color: var(--c-transparent) !important;
  1690. color: var(--c-242b2c);
  1691. }
  1692. .light-theme [class*="Bank131PaymentForm_root_"] .bank131-MainContainer__container {
  1693. background-color: var(--c-white);
  1694. }
  1695. .dark-theme [class*="Bank131PaymentForm_root_"] .bank131-MainContainer__container {
  1696. background-color: var(--c-262626);
  1697. }
  1698. [class*="Bank131PaymentForm_root_"] .bank131-InputBase__background {
  1699. border-color: var(--c-ccc);
  1700. }
  1701. .dark-theme [class*="Bank131PaymentForm_root_"] .bank131-Field__label {
  1702. color: var(--c-a5a5a5);
  1703. }
  1704. .dark-theme [class*="Bank131PaymentForm_dataProtected_"] {
  1705. color: var(--c-a5a5a5);
  1706. }
  1707. [class*="Bank131PaymentForm_shieldIcon_"] {
  1708. color: var(--c-59a840);
  1709. }
  1710. [class*="Page_root_"]:after {
  1711. background-color: var(--c-white);
  1712. }
  1713. .dark-theme [class*="Page_root_"]:after {
  1714. background-color: var(--c-222);
  1715. }
  1716. [class*="BlogIncomeKYCNotice_root_"] {
  1717. background-color: var(--c-cd35441a);
  1718. }
  1719. [class*="BlogIncomeKYCNotice_icon_"] {
  1720. color: var(--c-cd3544);
  1721. }
  1722. [class*="BlogIncomeKYCNotice_description_"] {
  1723. color: var(--c-7c7c7c);
  1724. }
  1725. [class*="PageTabs_item_"] {
  1726. border-bottom: 3px solid var(--c-transparent);
  1727. }
  1728. [class*="PageTabs_item_"]:visited {
  1729. border-bottom-color: var(--c-transparent);
  1730. }
  1731. [class*="PageTabs_item_"]:hover {
  1732. border-bottom-color: var(--c-transparent);
  1733. }
  1734. [class*="PageTabs_counter_"] {
  1735. color: var(--c-7c7c7c);
  1736. }
  1737. [class*="BlogPostChange_link_"] {
  1738. border-bottom: 1px solid var(--c-transparent);
  1739. }
  1740. [class*="BlogPostChange_link_"]:hover {
  1741. border-bottom-color: var(--c-transparent);
  1742. }
  1743. [class*="SubscriptionLevelsPromoExample_root_"] {
  1744. background-color: var(--c-white);
  1745. box-shadow: 0 4px 23px var(--c-0000000d);
  1746. }
  1747. [class*="SubscriptionLevelsPromoExample_priceWithoutDiscount_"] {
  1748. color: var(--c-7c7c7c);
  1749. }
  1750. [class*="SubscriptionLevelsPromoExample_discount_"] {
  1751. background-color: var(--c-59a840);
  1752. color: var(--c-white);
  1753. }
  1754. [class*="SubscriptionLevelsPromoExample_trialButton_"] {
  1755. background-color: var(--c-59a840);
  1756. }
  1757. [class*="SubscriptionLevelsPromoExample_trialButton_"]:hover {
  1758. background-color: var(--c-59a840);
  1759. }
  1760. [class*="SubscriptionLevelsPromoExample_bold_"] {
  1761. color: var(--c-7c7c7c);
  1762. }
  1763. [class*="TrialActivationExample_root_"] {
  1764. background-color: var(--c-white);
  1765. box-shadow: 0 4px 23px var(--c-0000000d);
  1766. }
  1767. [class*="TrialActivationExample_userName_"] {
  1768. color: var(--c-7c7c7c);
  1769. }
  1770. [class*="TrialActivationExample_chat_"] {
  1771. color: var(--c-7c7c7c);
  1772. }
  1773. [class*="PromoBannerContent_description_"] {
  1774. color: var(--c-7c7c7c);
  1775. }
  1776. [class*="PromoBannerContent_example_"]:after {
  1777. background: linear-gradient(180deg, var(--c-transparent) 0, var(--var-color-block-bg) 57.81%);
  1778. }
  1779. .dark-theme [class*="PromoBannerContent_example_"]:after {
  1780. background: linear-gradient(180deg, var(--c-transparent), var(--c-222) 57.81%);
  1781. }
  1782. [class*="PromoBannerContent_trialButton_"]:is(:after, :before) {
  1783. background-color: var(--c-59a840);
  1784. }
  1785. [class*="PromoBannerContent_lockContainer_"] {
  1786. background-color: var(--c-59a84033);
  1787. }
  1788. [class*="PromoBannerContent_lockIcon_"] {
  1789. color: var(--c-59a840);
  1790. }
  1791. [class*="PromoBannerContent_trialLink_"] {
  1792. box-shadow: 0 3.7px 22px var(--c-00000014);
  1793. }
  1794. [class*="PromoBannerContent_activationArrowIcon_"] {
  1795. color: var(--c-59a840);
  1796. }
  1797. [class*="PromoBannerContent_messageArrowDown_"] {
  1798. color: var(--c-f5916e);
  1799. }
  1800. [class*="PromoBannerContent_messageList_"] {
  1801. box-shadow: 0 2px 10px var(--c-0000001a);
  1802. }
  1803. :is(.light-theme, .light-x-theme) [class*="PromoBannerContent_messageList_"] {
  1804. background-color: var(--c-white);
  1805. border-color: var(--c-eaeaea);
  1806. }
  1807. .dark-theme [class*="PromoBannerContent_messageList_"] {
  1808. background-color: var(--c-262626);
  1809. border-color: var(--c-303030);
  1810. box-shadow: 0 2px 10px var(--c-00000080);
  1811. }
  1812. [class*="PromoBanner_root_"] {
  1813. background-color: var(--c-eeeeee80);
  1814. }
  1815. .dark-theme [class*="PromoBanner_root_"] {
  1816. background-color: var(--c-222);
  1817. }
  1818. [class*="EmptyPromoList_text_"] {
  1819. color: var(--c-7c7c7c);
  1820. }
  1821. [class*="LastAccount_providerHeader_"] {
  1822. color: var(--c-7c7c7c);
  1823. }
  1824. [class*="IncorrectUser_title_"] {
  1825. color: var(--c-f1f1f1);
  1826. }
  1827. [class*="IncorrectUser_description_"] {
  1828. color: var(--c-7c7c7c);
  1829. }
  1830. [class*="MediaAttachmentsCount_attachments_"] {
  1831. color: var(--c-7c7c7c);
  1832. stroke: var(--c-7c7c7c);
  1833. }
  1834. [class*="getBroadcastMessageItemViewData_emptyLabel_"] {
  1835. color: var(--c-7c7c7c);
  1836. }
  1837. [class*="getBroadcastMessageItemViewData_icon_"] {
  1838. color: var(--c-7c7c7c);
  1839. }
  1840. [class*="getBroadcastMessageItemViewData_audioCount_"] [class*="getBroadcastMessageItemViewData_icon_"] {
  1841. stroke: var(--c-7c7c7c);
  1842. }
  1843. [class*="BlogBroadcastMessageStatsTable_header_"] {
  1844. color: var(--c-7c7c7c);
  1845. }
  1846. [class*="SupportLink_link_"] {
  1847. border-bottom: 1px solid var(--c-transparent);
  1848. }
  1849. [class*="BlogHolds_info_"] [class*="BlogHolds_title_"] [class*="BlogHolds_icon_"] {
  1850. color: var(--c-7b98a9);
  1851. }
  1852. [class*="BlogHolds_info_"] [class*="BlogHolds_description_"] {
  1853. color: var(--c-7c7c7c);
  1854. }
  1855. [class*="BlogHoldsRows_header_"] {
  1856. color: var(--c-7c7c7c);
  1857. }
  1858. [class*="BlogHoldsRows_row_"] [class*="BlogHoldsRows_canceled_"] {
  1859. color: var(--c-59a840);
  1860. }
  1861. [class*="BlogHoldsRows_price_"] {
  1862. border-bottom: 1px dashed var(--c-transparent);
  1863. }
  1864. [class*="BlogHoldsRows_nextPayPrice_"] {
  1865. border-bottom-color: var(--c-7c7c7c);
  1866. }
  1867. [class*="BlogHoldsRows_nextPayPrice_"]:hover {
  1868. border-bottom-color: var(--c-transparent);
  1869. }
  1870. [class*="PriceMessage_price_"] {
  1871. color: var(--c-white);
  1872. }
  1873. [class*="PriceMessage_notPaid_"] {
  1874. background-color: var(--c-7c7c7c);
  1875. }
  1876. [class*="PriceMessage_iconContainer_"] {
  1877. background-color: var(--c-white);
  1878. }
  1879. .dark-theme [class*="ImageUploader_root_"] {
  1880. border-color: var(--c-4a4a4a);
  1881. }
  1882. .dark-theme [class*="ImageUploader_root_"]:not([class*="ImageUploader_active_"])[class*="ImageUploader_empty_"] {
  1883. background-color: var(--c-303030);
  1884. }
  1885. .light-theme [class*="ImageUploader_root_"] {
  1886. border-color: var(--c-eaeaea);
  1887. }
  1888. .light-theme [class*="ImageUploader_root_"]:not([class*="ImageUploader_active_"])[class*="ImageUploader_empty_"] {
  1889. background-color: var(--c-eee);
  1890. }
  1891. [class*="ImageUploader_root_"]:is([class*="ImageUploader_active_"], [class*="ImageUploader_error_"])[class*="ImageUploader_error_"] {
  1892. background-color: var(--c-cd35441a);
  1893. }
  1894. [class*="ImageUploader_root_"]:is(:is([class*="ImageUploader_active_"], [class*="ImageUploader_error_"])[class*="ImageUploader_error_"]:hover, :is([class*="ImageUploader_active_"], [class*="ImageUploader_error_"]):hover) {
  1895. background-color: var(--c-cd354433);
  1896. }
  1897. [class*="StatusMessage_disable_"] {
  1898. color: var(--c-7c7c7c);
  1899. stroke: var(--c-7c7c7c);
  1900. fill: var(--c-7c7c7c);
  1901. }
  1902. .dark-theme [class*="TitleEditor_title_"] {
  1903. color: var(--c-f1f1f1);
  1904. }
  1905. [class*="ImageAutoSizeToggler_description_"] {
  1906. color: var(--c-7c7c7c);
  1907. }
  1908. [class*="Loading_veil_"] {
  1909. background-color: var(--c-000000b3);
  1910. }
  1911. .dark-theme [class*="FollowButton_icon_"] {
  1912. color: var(--c-f1f1f1);
  1913. }
  1914. .light-theme body {
  1915. background-color: var(--c-white);
  1916. }
  1917. [class*="YunoPaymentForm_formWebView_"] .Yuno-fieldset {
  1918. background-color: var(--c-transparent);
  1919. }
  1920. [class*="ReferralRecommendation_avatarWrapper_"]:hover {
  1921. border-bottom-color: var(--c-transparent);
  1922. }
  1923. [class*="ReferralRecommendation_recommendation_"] {
  1924. color: var(--c-242b2c);
  1925. }
  1926. [class*="ReferralRecommendation_name_"]:hover {
  1927. border-bottom-color: var(--c-transparent);
  1928. }
  1929. [class*="SellingPoint_root_"] {
  1930. background-color: var(--c-white);
  1931. }
  1932. [class*="SellingPoint_text_"] {
  1933. color: var(--c-242b2c);
  1934. }
  1935. [class*="CallToAction_motivation_"] {
  1936. color: var(--c-242b2c);
  1937. }
  1938. [class*="SellingPoint_root_"] {
  1939. background-color: var(--c-white);
  1940. box-shadow: inset 0 0 0 1px var(--c-eaeaea);
  1941. }
  1942. [class*="SellingPointList_tagIconTips_"] {
  1943. background-color: var(--c-ff99001a);
  1944. color: var(--c-f90);
  1945. }
  1946. [class*="SellingPointList_tagIconStats_"] {
  1947. background-color: var(--c-028f681a);
  1948. color: var(--c-028f68);
  1949. }
  1950. [class*="SellingPointList_tagIconPrivatePosts_"] {
  1951. fill: var(--c-4994b4);
  1952. background-color: var(--c-4994b41a);
  1953. }
  1954. [class*="SellingPointList_tagIconDirectMessagesPayed_"] {
  1955. background-color: var(--c-772cf11a);
  1956. color: var(--c-772cf1);
  1957. }
  1958. [class*="SellingPointList_tagIconMassMessages_"] {
  1959. background-color: var(--c-028f681a);
  1960. color: var(--c-028f68);
  1961. }
  1962. [class*="CallToActionX_motivation_"] {
  1963. color: var(--c-242b2c);
  1964. }
  1965. [class*="EmailUnsubscribe_root_"] {
  1966. background-color: var(--c-white);
  1967. }
  1968. [class*="EmailUnsubscribe_details_"] {
  1969. color: var(--c-7c7c7c);
  1970. }
  1971. [class*="BannedPage_message_"] {
  1972. color: var(--c-7c7c7c);
  1973. }
  1974. [class*="BlogFollowers_label_"] {
  1975. color: var(--c-7c7c7c);
  1976. }
  1977. [class*="SecretCodeInput_error_"] {
  1978. color: var(--c-cb1a1a);
  1979. }
  1980. [class*="SecretCodeInput_timer_"] {
  1981. color: var(--c-7c7c7c);
  1982. }
  1983. .dark-theme [class*="ByPhone_filledField_"] {
  1984. border: 1px solid var(--c-4a4a4a);
  1985. color: var(--c-f1f1f1);
  1986. }
  1987. :is(.light-theme, .light-x-theme) [class*="ByPhone_filledField_"] {
  1988. border: 1px solid var(--c-eaeaea);
  1989. }
  1990. [class*="ByPhone_subtitle_"] {
  1991. color: var(--c-7c7c7c);
  1992. }
  1993. .light-theme [class*="Offer_offer_"] {
  1994. color: var(--c-7c7c7c);
  1995. }
  1996. .light-theme [class*="Offer_link_"]:visited {
  1997. color: var(--c-3d3d3d);
  1998. }
  1999. .light-x-theme [class*="Offer_offer_"] {
  2000. color: var(--c-7c7c7c);
  2001. }
  2002. .light-x-theme [class*="Offer_link_"]:visited {
  2003. color: var(--c-3d3d3d);
  2004. }
  2005. .dark-theme [class*="Offer_offer_"] {
  2006. color: var(--c-7c7c7c);
  2007. }
  2008. .dark-theme [class*="Offer_link_"] {
  2009. color: var(--c-a5a5a5);
  2010. }
  2011. .dark-theme [class*="Offer_link_"]:visited {
  2012. color: var(--c-a5a5a5);
  2013. }
  2014. [class*="Offer_offer_"] {
  2015. color: var(--c-7c7c7c);
  2016. }
  2017. .light-theme [class*="Authorization_subtitle_"] {
  2018. color: var(--c-7c7c7c);
  2019. }
  2020. .light-x-theme [class*="Authorization_subtitle_"] {
  2021. color: var(--c-7c7c7c);
  2022. }
  2023. .dark-theme [class*="Authorization_subtitle_"] {
  2024. color: var(--c-7c7c7c);
  2025. }
  2026. [class*="Authorization_icon_"] {
  2027. color: var(--c-white);
  2028. }
  2029. [class*="Authorization_icon_"]:before {
  2030. background-color: var(--c-white);
  2031. }
  2032. [class*="Authorization_icon_"] {
  2033. background-color: var(--c-white);
  2034. }
  2035. [class*="Authorization_vkIcon_"] {
  2036. color: var(--c-white);
  2037. }
  2038. [class*="Authorization_vkIcon_"]:before {
  2039. background-color: var(--c-07f);
  2040. }
  2041. [class*="Authorization_fbIcon_"] {
  2042. color: var(--c-white);
  2043. }
  2044. [class*="Authorization_fbIcon_"]:before {
  2045. background-color: var(--c-1a77f2);
  2046. }
  2047. [class*="Authorization_fbIconBanned_"] {
  2048. color: var(--c-white);
  2049. }
  2050. [class*="Authorization_fbIconBanned_"]:before {
  2051. background-color: var(--c-ccc);
  2052. }
  2053. [class*="Authorization_okIcon_"] {
  2054. color: var(--c-f70);
  2055. }
  2056. [class*="Authorization_okIcon_"]:before {
  2057. background-color: var(--c-f70);
  2058. }
  2059. [class*="Authorization_mailIcon_"] {
  2060. color: var(--c-fe9d02);
  2061. }
  2062. [class*="Authorization_mailIcon_"]:before {
  2063. background-color: var(--c-015ff9);
  2064. }
  2065. [class*="Authorization_youtubeIcon_"] {
  2066. color: var(--c-white);
  2067. }
  2068. [class*="Authorization_youtubeIcon_"]:before {
  2069. background-color: var(--c-red);
  2070. }
  2071. [class*="Authorization_twitchIcon_"] {
  2072. color: var(--c-white);
  2073. }
  2074. [class*="Authorization_twitchIcon_"]:before {
  2075. background-color: var(--c-9146ff);
  2076. }
  2077. [class*="Authorization_support_"] {
  2078. color: var(--c-7c7c7c);
  2079. }
  2080. [class*="ScopesAccess_title_"] {
  2081. color: var(--c-black);
  2082. }
  2083. [class*="ScopesAccess_subTitle_"] {
  2084. color: var(--c-7c7c7c);
  2085. }
  2086. [class*="ScopesAccess_userInfo_"] {
  2087. background-color: var(--c-eee);
  2088. }
  2089. .dark-theme [class*="OauthAuthorize_title_"] {
  2090. color: var(--c-f1f1f1);
  2091. }
  2092. [class*="OauthAuthorize_title_"] {
  2093. color: var(--c-black);
  2094. }
  2095. [class*="SignUpForm_spinnerContainer_"] {
  2096. background-color: var(--c-ffffffb3);
  2097. }
  2098. [class*="SignUpForm_subtitle_"] {
  2099. color: var(--c-7c7c7c);
  2100. }
  2101. [class*="SignUpForm_form_"] [class*="SignUpForm_submitDisabled_"] {
  2102. background-color: var(--c-7c7c7c4d);
  2103. }
  2104. [class*="SignUpForm_offersText_"] {
  2105. color: var(--c-7c7c7c);
  2106. }
  2107. [class*="DateNowOrDeferredSelector_datePicker_"] {
  2108. box-shadow: 0 2px 20px var(--c-0000001a);
  2109. }
  2110. [class*="DateNowOrDeferredSelector_btn_"] {
  2111. background-color: var(--c-transparent);
  2112. }
  2113. [class*="DateNowOrDeferredSelector_calendar_"] {
  2114. fill: var(--c-black);
  2115. }
  2116. [class*="DateNowOrDeferredSelector_dateSelectButton_"] {
  2117. color: var(--c-9d9d9d);
  2118. }
  2119. [class*="DateNowOrDeferredSelector_iconArrow_"] {
  2120. fill: var(--c-5a6a7a);
  2121. }
  2122. [class*="DateNowOrDeferredSelector_error_"] {
  2123. color: var(--c-cb1a1a);
  2124. }
  2125. [class*="DateNowOrDeferredSelector_clearBtn_"] {
  2126. border: 1px solid var(--c-eaeaea);
  2127. }
  2128. [class*="DateNowOrDeferredSelector_clearBtn_"]:hover {
  2129. border-color: var(--c-ccc);
  2130. }
  2131. [class*="SubscriptionLevelsSelect_selectItemDescription_"] {
  2132. color: var(--c-7c7c7c);
  2133. }
  2134. .dark-theme [class*="ImagesEditor_title_"] {
  2135. color: var(--c-f1f1f1);
  2136. }
  2137. [class*="ImagesEditor_arrow_"] {
  2138. color: var(--c-ccc);
  2139. }
  2140. .dark-theme [class*="SmilesOrBadgesForm_buttonDelete_"]:hover:not(:disabled) {
  2141. color: var(--c-f1f1f1);
  2142. fill: var(--c-f1f1f1);
  2143. }
  2144. .light-theme [class*="SmilesOrBadgesForm_buttonDelete_"]:hover {
  2145. color: var(--c-white);
  2146. fill: var(--c-white);
  2147. }
  2148. .light-x-theme [class*="SmilesOrBadgesForm_buttonDelete_"]:hover {
  2149. color: var(--c-white);
  2150. fill: var(--c-white);
  2151. }
  2152. [class*="SmilesOrBadgesForm_description_"] {
  2153. color: var(--c-7c7c7c);
  2154. }
  2155. [class*="Bank131PaymentWidget_root_"][class*="Bank131PaymentWidget_withBg_"] {
  2156. background-color: var(--c-white);
  2157. }
  2158. [class*="Bank131PaymentWidget_root_"][class*="Bank131PaymentWidget_withBg_"] :is(#Bank131PaymentWidget_bank131-form_yGXUs, .bank131-MainContainer__container) {
  2159. background-color: var(--c-transparent) !important;
  2160. color: var(--c-242b2c) !important;
  2161. }
  2162. [class*="YunoPaymentWidget_root_"][class*="YunoPaymentWidget_withBg_"] {
  2163. background-color: var(--c-white);
  2164. }
  2165. .dark-theme [class*="PaymentPopupFinalStep_header_"] {
  2166. color: var(--c-f1f1f1);
  2167. }
  2168. [class*="BindCardStepTrial_root_"] {
  2169. background-color: var(--c-59a8401a);
  2170. }
  2171. [class*="BindCardStepTrial_icon_"] {
  2172. color: var(--c-59a840);
  2173. }
  2174. .dark-theme [class*="BindCardStep_iframe_"] {
  2175. background: radial-gradient(circle, var(--c-white), var(--c-ccc));
  2176. }
  2177. .dark-theme [class*="BindCardStep_options_"] [class*="BindCardStep_optionsRadioLabel_"] {
  2178. color: var(--c-f1f1f1);
  2179. }
  2180. .dark-theme [class*="BindCardStep_options_"] [class*="BindCardStep_optionsRadioLabelDisabled_"] {
  2181. color: var(--c-838383);
  2182. }
  2183. [class*="BindCardStep_dmrFrameWrapper3ds_"] {
  2184. background-color: var(--c-white);
  2185. }
  2186. [class*="BindCardStep_iframe_"][class*="BindCardStep__3ds_"] {
  2187. background-color: var(--c-white);
  2188. }
  2189. [class*="BindCardStep_iframeLoader_"] {
  2190. background-color: var(--c-white);
  2191. }
  2192. [class*="MessagePublisherWarningWrapper_warning_"] {
  2193. color: var(--c-white);
  2194. }
  2195. .mobile [class*="UnsubscribePopup_wrapper_"] {
  2196. background-color: var(--c-white);
  2197. }
  2198. @media (max-width: 600px) {
  2199. [class*="TopMenu_login_"] {
  2200. color: var(--c-white);
  2201. }
  2202. [class*="TopMenu_login_"][class*="TopMenu_loginMono_"] {
  2203. background-color: var(--c-white);
  2204. color: var(--c-black);
  2205. }
  2206. @media not all and (hover: none) {
  2207. [class*="TopMenu_login_"][class*="TopMenu_loginMono_"]:hover {
  2208. background-color: var(--c-eee);
  2209. }
  2210. }
  2211. }
  2212. @media (min-width: 601px) {
  2213. [class*="TopMenu_login_"] {
  2214. background-color: var(--c-e6e6e6ba);
  2215. color: var(--c-black);
  2216. }
  2217. [class*="TopMenu_login_"][class*="TopMenu_loginMono_"] {
  2218. background-color: var(--c-white);
  2219. color: var(--c-black);
  2220. }
  2221. @media not all and (hover: none) {
  2222. [class*="TopMenu_login_"]:hover {
  2223. background-color: var(--c-eee) !important;
  2224. }
  2225. }
  2226. }
  2227. [class*="TopMenu_getStarted_"] {
  2228. color: var(--c-white);
  2229. }
  2230. [class*="TopMenu_getStarted_"][class*="TopMenu_getStartedMono_"] {
  2231. background-color: var(--c-white);
  2232. color: var(--c-black);
  2233. }
  2234. @media not all and (hover: none) {
  2235. [class*="TopMenu_getStarted_"][class*="TopMenu_getStartedMono_"]:hover {
  2236. background-color: var(--c-eee);
  2237. }
  2238. }
  2239. [class*="AnimatedTextContent_dot_"] {
  2240. color: var(--c-f15f2c);
  2241. }
  2242. [class*="BlogTag_root_"] {
  2243. background-color: var(--c-white);
  2244. color: var(--c-black);
  2245. }
  2246. [class*="GalleryMarquee_item_"] [class*="GalleryMarquee_imageWrapper_"] {
  2247. background-color: var(--c-8c8c8c);
  2248. }
  2249. [class*="FancyOrangeBlockMasked_blockSecond_"] {
  2250. background-color: var(--c-0b0b0b);
  2251. }
  2252. [class*="FancyOrangeBlockMasked_bg_"] {
  2253. background-color: var(--c-ff5317);
  2254. }
  2255. [class*="FancyOrangeBlockSimple_secondBlockRoot_"] {
  2256. background-color: var(--c-0b0b0b);
  2257. }
  2258. [class*="FancyOrangeBlockSimple_bg_"] {
  2259. background-color: var(--c-ff5317);
  2260. }
  2261. [class*="FancyOrangeBlockSimple_dot_"] {
  2262. color: var(--c-f15f2c);
  2263. }
  2264. [class*="FeaturesBlockCompact_item_"] {
  2265. border-top: 1px solid var(--c-8c8c8c);
  2266. }
  2267. [class*="FeaturesBlockCompact_item_"]:last-child {
  2268. border-bottom: 1px solid var(--c-8c8c8c);
  2269. }
  2270. [class*="FeaturesBlockCompact_item_"]:before {
  2271. color: var(--c-f15f2c);
  2272. }
  2273. [class*="FeaturesBlockFull_item_"] {
  2274. border-top: 1px solid var(--c-8c8c8c);
  2275. }
  2276. [class*="FeaturesBlockFull_item_"]:last-child {
  2277. border-bottom: 1px solid var(--c-8c8c8c);
  2278. }
  2279. [class*="FeaturesBlockFull_item_"]:before {
  2280. color: var(--c-f15f2c);
  2281. }
  2282. [class*="HeroText_root_"] {
  2283. color: var(--c-white);
  2284. }
  2285. [class*="HeroText_colorful_"] {
  2286. background-color: var(--c-ffe49c);
  2287. color: var(--c-transparent);
  2288. }
  2289. [class*="Marquee_root_"] {
  2290. background-image: linear-gradient(90deg, var(--c-f77a2c), var(--c-f1974e) 30%, var(--c-f16d56) 75%, var(--c-f16865));
  2291. }
  2292. [class*="Marquee_item_"] {
  2293. color: var(--c-white);
  2294. }
  2295. [class*="ImageBannerParallax_window_"] canvas {
  2296. background-color: var(--c-black);
  2297. }
  2298. [class*="Hero_root_"] {
  2299. background-color: var(--c-0b0b0b);
  2300. }
  2301. [class*="Hero_smallText_"] {
  2302. border-bottom: 3px solid var(--c-white);
  2303. }
  2304. @media (max-width: 2000px) {
  2305. [class*="Hero_smallText_"] {
  2306. border-bottom: 2px solid var(--c-white);
  2307. }
  2308. }
  2309. @media (min-width: 2000px) {
  2310. [class*="Hero_smallText_"] {
  2311. border-bottom: 4px solid var(--c-white);
  2312. }
  2313. }
  2314. [class*="MediaAlbumFetchError_title_"] {
  2315. color: var(--c-7c7c7c);
  2316. }
  2317. [class*="AudioItem_overlay_"] {
  2318. background-color: var(--c-white);
  2319. }
  2320. [class*="AudioItem_closedIcon_"] {
  2321. fill: var(--c-white);
  2322. }
  2323. [class*="AudioItem_playIcon_"] {
  2324. color: var(--c-white);
  2325. }
  2326. [class*="AudioItem_playIconSmall_"] {
  2327. color: var(--c-7c7c7c);
  2328. stroke: var(--c-7c7c7c);
  2329. }
  2330. [class*="AudioItem_time_"] {
  2331. color: var(--c-7c7c7c);
  2332. }
  2333. [class*="AudioItem_rootClosed_"] [class*="AudioItem_overlay_"] {
  2334. background-color: var(--c-transparent);
  2335. color: var(--c-white);
  2336. }
  2337. [class*="AudioItem_rootClosed_"] [class*="AudioItem_overlay_"][class*="AudioItem_withTeaser_"] {
  2338. background-color: var(--c-00000059);
  2339. }
  2340. [class*="AudioItem_rootClosed_"] [class*="AudioItem_time_"] {
  2341. color: var(--c-white);
  2342. }
  2343. [class*="AudioItem_rootClosed_"] [class*="AudioItem_playIconSmall_"] {
  2344. color: var(--c-white);
  2345. stroke: var(--c-white);
  2346. }
  2347. [class*="ImageItem_root_"] {
  2348. background-color: var(--c-white);
  2349. }
  2350. [class*="ImageItem_closedIcon_"] {
  2351. fill: var(--c-white);
  2352. color: var(--c-white);
  2353. }
  2354. [class*="ImageItem_imageIconSmall_"] {
  2355. color: var(--c-white);
  2356. stroke: var(--c-white);
  2357. }
  2358. [class*="ImageItem_rootClosed_"] [class*="ImageItem_overlay_"] {
  2359. background-color: var(--c-00000059);
  2360. }
  2361. [class*="VideoItem_root_"] {
  2362. background-color: var(--c-white);
  2363. }
  2364. .dark-theme [class*="VideoItem_root_"] {
  2365. background-color: var(--c-262626);
  2366. }
  2367. [class*="VideoItem_playIcon_"] {
  2368. color: var(--c-white);
  2369. }
  2370. [class*="VideoItem_closedIcon_"] {
  2371. fill: var(--c-white);
  2372. }
  2373. [class*="VideoItem_playIconSmall_"] {
  2374. color: var(--c-white);
  2375. stroke: var(--c-white);
  2376. }
  2377. [class*="VideoItem_meta_"] {
  2378. background: linear-gradient(180deg, var(--c-transparent), var(--c-000000c4) 96.88%);
  2379. color: var(--c-white);
  2380. }
  2381. [class*="VideoItem_rootClosed_"] [class*="VideoItem_overlay_"] {
  2382. color: var(--c-white);
  2383. }
  2384. [class*="VideoItem_rootClosed_"] [class*="VideoItem_overlay_"][class*="VideoItem_withTeaser_"] {
  2385. background-color: var(--c-00000059);
  2386. }
  2387. [class*="VideoItem_rootClosed_"] [class*="VideoItem_playIconSmall_"] {
  2388. color: var(--c-white);
  2389. stroke: var(--c-white);
  2390. }
  2391. [class*="VideoItem_rootProcessing_"] [class*="VideoItem_overlay_"] {
  2392. color: var(--c-7c7c7c);
  2393. }
  2394. [class*="MediaAlbumGallery_root_"] {
  2395. background-color: var(--c-transparent);
  2396. }
  2397. .light-theme :is([class*="Footer_copyright_"], [class*="Footer_link_"]):is(:link, :not(a), :visited) {
  2398. color: var(--c-7c7c7c);
  2399. }
  2400. .light-x-theme [class*="Footer_blockTransparent_"] {
  2401. background-color: var(--c-transparent);
  2402. }
  2403. .light-x-theme [class*="Footer_copyright_"] {
  2404. color: var(--c-9391ab);
  2405. }
  2406. .light-x-theme [class*="Footer_link_"]:is(:link, :not(a), :visited) {
  2407. color: var(--c-9391ab);
  2408. }
  2409. [class*="Footer_block_"] {
  2410. background-color: var(--c-white);
  2411. }
  2412. .main-page [class*="Footer_block_"] {
  2413. background-color: var(--c-transparent);
  2414. }
  2415. [class*="Footer_blockTransparent_"] {
  2416. background-color: var(--c-transparent);
  2417. border-top-color: var(--c-transparent);
  2418. }
  2419. [class*="JoinNowSection_root_"] {
  2420. background-color: var(--c-0b0b0b);
  2421. }
  2422. [class*="JoinNowSection_joinButton_"] {
  2423. background-color: var(--c-f15f2c);
  2424. }
  2425. [class*="JoinNowSection_joinButton_"]:hover {
  2426. background-color: var(--c-d34d1e);
  2427. }
  2428. [class*="JoinNowSection_footerCopyright_"] {
  2429. color: var(--c-7c7c7c);
  2430. }
  2431. [class*="JoinNowSection_footerLink_"] {
  2432. border-bottom-color: var(--c-transparent) !important;
  2433. color: var(--c-white);
  2434. }
  2435. [class*="JoinNowSection_footerLink_"]:visited {
  2436. color: var(--c-white);
  2437. }
  2438. [class*="Range_rangeInput_"] {
  2439. background-color: var(--c-transparent);
  2440. }
  2441. [class*="Range_rangeInput_"]::-webkit-slider-runnable-track {
  2442. background-color: var(--c-39195266);
  2443. }
  2444. [class*="Range_rangeInput_"]::-webkit-slider-thumb {
  2445. background-color: var(--c-391952);
  2446. }
  2447. [class*="Range_rangeInput_"]:active::-webkit-slider-thumb {
  2448. background-color: var(--c-391952);
  2449. }
  2450. [class*="Range_rangeInput_"]::-moz-range-track {
  2451. background-color: var(--c-39195266);
  2452. }
  2453. [class*="Range_rangeInput_"]::-moz-range-progress {
  2454. background-color: var(--c-391952);
  2455. }
  2456. [class*="Range_rangeInput_"]::-moz-range-thumb {
  2457. background-color: var(--c-391952);
  2458. }
  2459. [class*="Range_rangeInput_"]::-ms-track {
  2460. background-color: var(--c-transparent);
  2461. border: solid var(--c-transparent);
  2462. color: var(--c-transparent);
  2463. }
  2464. [class*="Range_rangeInput_"]::-ms-fill-lower {
  2465. background-color: var(--c-391952);
  2466. }
  2467. [class*="Range_rangeInput_"]::-ms-fill-upper {
  2468. background-color: var(--c-391952);
  2469. }
  2470. [class*="Range_rangeInput_"]::-ms-thumb {
  2471. background-color: var(--c-391952);
  2472. }
  2473. [class*="Range_rangeInput_"]:active::-ms-thumb {
  2474. background-color: var(--c-391952);
  2475. }
  2476. [class*="Range_rangeInput_"]:before {
  2477. background-color: var(--c-391952);
  2478. }
  2479. [class*="Calculator_root_"] {
  2480. color: var(--c-391952);
  2481. }
  2482. [class*="Calculator_block_"] {
  2483. background-color: var(--c-white);
  2484. }
  2485. [class*="Calculator_blockSum_"] [class*="Calculator_shine_"] {
  2486. background-image: linear-gradient(120deg, var(--c-transparent) 20%, var(--c-fffc) 50%, var(--c-transparent) 70%);
  2487. }
  2488. [class*="Calculator_blockFootnote_"] {
  2489. color: var(--c-9d9d9d);
  2490. }
  2491. [class*="OffersHorizontal_root_"] {
  2492. background-color: var(--c-191919);
  2493. }
  2494. [class*="OffersHorizontal_item_"].offerItem-1 [class*="OffersHorizontal_itemBg_"] {
  2495. background-color: var(--c-ff4327);
  2496. }
  2497. [class*="OffersHorizontal_item_"].offerItem-2 [class*="OffersHorizontal_itemBg_"] {
  2498. background-color: var(--c-4b1092);
  2499. }
  2500. [class*="OffersHorizontal_item_"].offerItem-3 [class*="OffersHorizontal_itemBg_"] {
  2501. background-color: var(--c-308ffb);
  2502. }
  2503. [class*="OffersHorizontal_item_"].offerItem-4 [class*="OffersHorizontal_itemBg_"] {
  2504. background-color: var(--c-a63fff);
  2505. }
  2506. [class*="OffersHorizontal_item_"].offerItem-5 [class*="OffersHorizontal_itemBg_"] {
  2507. background-color: var(--c-1193ff);
  2508. }
  2509. [class*="OffersHorizontal_item_"].offerItem-6 [class*="OffersHorizontal_itemBg_"] {
  2510. background-color: var(--c-f6b185);
  2511. }
  2512. [class*="OffersHorizontal_text_"] {
  2513. color: var(--c-white);
  2514. }
  2515. [class*="SecondPartFull_root_"] {
  2516. background-color: var(--c-bb7fe6);
  2517. }
  2518. [class*="SecondPartFull_bg_"] {
  2519. background-color: var(--c-5badfc);
  2520. }
  2521. [class*="OffersVertical_root_"] {
  2522. background-color: var(--c-191919);
  2523. }
  2524. [class*="OffersVertical_item_"]:first-child {
  2525. background-color: var(--c-ff4327);
  2526. }
  2527. [class*="OffersVertical_item_"]:nth-child(2) {
  2528. background-color: var(--c-4b1092);
  2529. }
  2530. [class*="OffersVertical_item_"]:nth-child(3) {
  2531. background-color: var(--c-308ffb);
  2532. }
  2533. [class*="OffersVertical_item_"]:nth-child(4) {
  2534. background-color: var(--c-a63fff);
  2535. }
  2536. [class*="OffersVertical_item_"]:nth-child(5) {
  2537. background-color: var(--c-1193ff);
  2538. }
  2539. [class*="OffersVertical_item_"]:nth-child(6) {
  2540. background-color: var(--c-f6b185);
  2541. }
  2542. [class*="OffersVertical_text_"] {
  2543. color: var(--c-white);
  2544. }
  2545. [class*="SecondPartSmall_root_"] {
  2546. background-color: var(--c-bb7fe6);
  2547. }
  2548. [class*="SecondPartSmall_bg_"] {
  2549. background-color: var(--c-5badfc);
  2550. }
  2551. [class*="CreativeLanding_root_"] {
  2552. background-color: var(--c-0a0a0a);
  2553. color: var(--c-white);
  2554. }
  2555. [class*="CreativeLanding_fps_"] {
  2556. background-color: var(--c-ffffff80);
  2557. color: var(--c-black);
  2558. }
  2559. [class*="LoginForm_spinnerContainer_"] {
  2560. background-color: var(--c-ffffffb3);
  2561. }
  2562. [class*="LoginForm_subtitle_"] {
  2563. color: var(--c-7c7c7c);
  2564. }
  2565. [class*="LoginForm_form_"] [class*="LoginForm_submitDisabled_"] {
  2566. background-color: var(--c-7c7c7c4d);
  2567. }
  2568. [class*="LoginForm_invalidCredentials_"] {
  2569. background-color: var(--c-cd354433);
  2570. }
  2571. [class*="LoginForm_button_"] {
  2572. border-bottom: 1px solid var(--c-transparent);
  2573. }
  2574. [class*="LoginForm_offersText_"] {
  2575. color: var(--c-7c7c7c);
  2576. }
  2577. [class*="ForgotPasswordStart_spinnerContainer_"] {
  2578. background-color: var(--c-ffffffb3);
  2579. }
  2580. [class*="ForgotPasswordStart_information_"] {
  2581. color: var(--c-7c7c7c);
  2582. }
  2583. [class*="ForgotPasswordStart_form_"] [class*="ForgotPasswordStart_submitDisabled_"] {
  2584. background-color: var(--c-7c7c7c4d);
  2585. }
  2586. [class*="ForgotPasswordSuccess_information_"] {
  2587. color: var(--c-7c7c7c);
  2588. }
  2589. [class*="AdultContentPopup_wrapper_"] {
  2590. background-color: var(--c-000000e6);
  2591. }
  2592. .light-theme [class*="AfterFollowPopup_picture_"] {
  2593. background-color: var(--c-fdefea);
  2594. }
  2595. .light-x-theme [class*="AfterFollowPopup_picture_"] {
  2596. background-color: var(--c-eeedf7);
  2597. }
  2598. [class*="ConfirmUserBlockPopup_description_"] {
  2599. color: var(--c-7c7c7c);
  2600. }
  2601. [class*="ConfirmUserBlockPopup_blockButton_"]:hover {
  2602. background-color: var(--c-b4303d);
  2603. }
  2604. [class*="EmailChanged_iconWrapper_"] {
  2605. background-color: var(--c-24c446);
  2606. }
  2607. [class*="EmailChanged_iconSuccess_"] {
  2608. color: var(--c-white);
  2609. }
  2610. [class*="EmailChanged_verified_"] {
  2611. color: var(--c-7c7c7c);
  2612. }
  2613. [class*="StepDescription_steps_"] {
  2614. color: var(--c-7c7c7c);
  2615. }
  2616. [class*="InfoMessagePopup_link_"] {
  2617. color: var(--c-white);
  2618. }
  2619. [class*="InfoMessagePopup_link_"]:visited {
  2620. color: var(--c-white);
  2621. }
  2622. [class*="PauseSubscription_price_"] {
  2623. color: var(--c-7c7c7c);
  2624. }
  2625. [class*="PauseSubscription_conditions_"] [class*="PauseSubscription_description_"] {
  2626. color: var(--c-7c7c7c);
  2627. }
  2628. [class*="PauseSubscriptionError_iconContainer_"] {
  2629. background-color: var(--c-cd354433);
  2630. }
  2631. [class*="PauseSubscriptionSuccess_iconContainer_"] {
  2632. background-color: var(--c-59a84033);
  2633. }
  2634. .mobile [class*="PauseSubscriptionPopup_wrapper_"] {
  2635. background-color: var(--c-white);
  2636. }
  2637. [class*="CancelSubscription_price_"] {
  2638. color: var(--c-7c7c7c);
  2639. }
  2640. [class*="CancelSubscription_conditions_"] [class*="CancelSubscription_description_"] {
  2641. color: var(--c-7c7c7c);
  2642. }
  2643. .mobile [class*="CancelSubscriptionPopup_wrapper_"] {
  2644. background-color: var(--c-white);
  2645. }
  2646. .ExtraActionsMenu_iconContainer_7g7ne {
  2647. background-color: var(--c-transparent);
  2648. }
  2649. [class*="ExtraActionsMenuItem_root_"] {
  2650. background-color: var(--c-transparent);
  2651. }
  2652. [class*="PlayPauseButton_icon_"] {
  2653. color: var(--c-white);
  2654. }
  2655. [class*="PlayPauseButton_playButton_"] {
  2656. background-color: var(--c-transparent);
  2657. }
  2658. [class*="PlayPauseButton_playButton_"]:active [class*="PlayPauseButton_icon_"] {
  2659. color: var(--c-eee);
  2660. }
  2661. [class*="Progress_inputTrack_"]::-ms-track {
  2662. background-color: var(--c-transparent);
  2663. border: solid var(--c-transparent);
  2664. color: var(--c-transparent);
  2665. }
  2666. [class*="Progress_inputTrack_"] {
  2667. background-color: var(--c-transparent);
  2668. }
  2669. [class*="Progress_inputTrack_"][class*="Progress_loading_"]:after {
  2670. background: linear-gradient(90deg, var(--c-transparent), var(--c-hsla-0-0-100-0_7) 70%, var(--c-transparent));
  2671. }
  2672. [class*="Progress_timing_"] {
  2673. color: var(--c-7c7c7c);
  2674. }
  2675. [class*="SeekButton_root_"] {
  2676. background-color: var(--c-transparent);
  2677. }
  2678. :is(.light-theme, .light-x-theme) [class*="classes_transparentButton_"] {
  2679. border-color: var(--c-eaeaea);
  2680. }
  2681. .dark-theme [class*="classes_transparentButton_"] {
  2682. border-color: var(--c-transparent);
  2683. }
  2684. @media not all and (hover: none) {
  2685. .dark-theme [class*="classes_transparentButton_"]:hover {
  2686. border-color: var(--c-838383);
  2687. }
  2688. }
  2689. [class*="classes_transparentButton_"] {
  2690. background-color: var(--c-transparent);
  2691. }
  2692. .dark-theme [class*="classes_transparentButton_"] {
  2693. color: var(--c-f1f1f1);
  2694. }
  2695. :is(.light-theme, .light-x-theme) [class*="classes_transparentButtonActive_"] {
  2696. background-color: var(--c-f6f6f6);
  2697. }
  2698. .dark-theme [class*="classes_transparentButtonActive_"] {
  2699. background-color: var(--c-4a4a4a);
  2700. }
  2701. :is(.light-theme, .light-x-theme) [class*="classes_transparentButtonNoBorderActive_"] {
  2702. background-color: var(--c-eee);
  2703. }
  2704. .dark-theme [class*="classes_transparentButtonNoBorderActive_"] {
  2705. background-color: var(--c-4a4a4a);
  2706. }
  2707. [class*="SpeedButton_root_"] {
  2708. background-color: var(--c-transparent) !important;
  2709. }
  2710. [class*="SpeedButton_label_"] {
  2711. background-color: var(--c-white);
  2712. }
  2713. .dark-theme [class*="SpeedButton_label_"] {
  2714. background-color: var(--c-262626);
  2715. }
  2716. :is(.light-theme, .light-x-theme) [class*="SpeedButton_root_"]:hover [class*="SpeedButton_label_"] {
  2717. border-color: var(--c-ccc);
  2718. }
  2719. .dark-theme [class*="SpeedButton_root_"]:hover [class*="SpeedButton_label_"] {
  2720. border-color: var(--c-838383);
  2721. }
  2722. :is(.light-theme, .light-x-theme) [class*="SpeedButton_root_"][class*="SpeedButton_opened_"] [class*="SpeedButton_label_"] {
  2723. background-color: var(--c-f6f6f6);
  2724. }
  2725. .dark-theme [class*="SpeedButton_root_"][class*="SpeedButton_opened_"] [class*="SpeedButton_label_"] {
  2726. background-color: var(--c-4a4a4a);
  2727. }
  2728. [class*="SpeedButton_select_"] {
  2729. background-color: var(--c-transparent);
  2730. }
  2731. :is(.light-theme, .light-x-theme) [class*="SpeedButton_select_"]:focus-within + [class*="SpeedButton_label_"] {
  2732. background-color: var(--c-f6f6f6);
  2733. }
  2734. .dark-theme [class*="SpeedButton_select_"]:focus-within + [class*="SpeedButton_label_"] {
  2735. background-color: var(--c-4a4a4a);
  2736. }
  2737. @supports not selector(::-webkit-scrollbar-thumb) {
  2738. :is(.light-theme, .light-x-theme) [class*="SpeedButton_tooltip_"] {
  2739. scrollbar-color: var(--c-ccc) var(--c-fff0);
  2740. }
  2741. .dark-theme [class*="SpeedButton_tooltip_"] {
  2742. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  2743. }
  2744. }
  2745. [class*="SpeedButton_tooltip_"]::-webkit-scrollbar {
  2746. background-color: var(--c-fff0);
  2747. }
  2748. [class*="SpeedButton_tooltip_"]::-webkit-scrollbar-track {
  2749. background-color: var(--c-fff0);
  2750. }
  2751. :is(.light-theme, .light-x-theme) [class*="SpeedButton_tooltip_"]::-webkit-scrollbar-thumb {
  2752. background-color: var(--c-ccc);
  2753. }
  2754. .dark-theme [class*="SpeedButton_tooltip_"]::-webkit-scrollbar-thumb {
  2755. background-color: var(--c-4a4a4a);
  2756. }
  2757. @supports not selector(::-webkit-scrollbar-thumb) {
  2758. :is(.light-theme, .light-x-theme) [class*="SpeedButton_optionsContainer_"] {
  2759. scrollbar-color: var(--c-ccc) var(--c-fff0);
  2760. }
  2761. .dark-theme [class*="SpeedButton_optionsContainer_"] {
  2762. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  2763. }
  2764. }
  2765. [class*="SpeedButton_optionsContainer_"]::-webkit-scrollbar {
  2766. background-color: var(--c-fff0);
  2767. }
  2768. [class*="SpeedButton_optionsContainer_"]::-webkit-scrollbar-track {
  2769. background-color: var(--c-fff0);
  2770. }
  2771. :is(.light-theme, .light-x-theme) [class*="SpeedButton_optionsContainer_"]::-webkit-scrollbar-thumb {
  2772. background-color: var(--c-ccc);
  2773. }
  2774. .dark-theme [class*="SpeedButton_optionsContainer_"]::-webkit-scrollbar-thumb {
  2775. background-color: var(--c-4a4a4a);
  2776. }
  2777. [class*="VolumeControl_volumeRangeWrapper_"] {
  2778. background-color: var(--c-white);
  2779. box-shadow: 0 2px 10px var(--c-0000001a);
  2780. }
  2781. .dark-theme [class*="VolumeControl_volumeRangeWrapper_"] {
  2782. background-color: var(--c-303030);
  2783. color: var(--c-white);
  2784. }
  2785. [class*="VolumeControl_button_"] {
  2786. background-color: var(--c-transparent);
  2787. }
  2788. [class*="VolumeControl_root_"]:hover > [class*="VolumeControl_button_"] {
  2789. color: var(--c-black);
  2790. }
  2791. .dark-theme [class*="VolumeControl_root_"]:hover > [class*="VolumeControl_button_"] {
  2792. color: var(--c-white);
  2793. }
  2794. [class*="VolumeControl_rangeVolume_"]::-ms-track {
  2795. background-color: var(--c-transparent);
  2796. border: solid var(--c-transparent);
  2797. color: var(--c-transparent);
  2798. }
  2799. [class*="Playlist_counter_"] {
  2800. color: var(--c-7c7c7c);
  2801. }
  2802. .dark-theme .Playlist_playlistItemActive_1xmFA {
  2803. background-color: var(--c-3c3c3c);
  2804. }
  2805. [class*="Playlist_time_"] {
  2806. color: var(--c-7c7c7c);
  2807. }
  2808. [class*="AudioPlayer_subtitleBlock_"] {
  2809. color: var(--c-7c7c7c);
  2810. }
  2811. [class*="AccountScheduledForDeletionNotice_icon_"] {
  2812. color: var(--c-white);
  2813. }
  2814. [class*="BannedUserNotice_emphasise_"] {
  2815. color: var(--c-cb1a1a);
  2816. }
  2817. .dark-theme [class*="Error_title_"] {
  2818. color: var(--c-f1f1f1);
  2819. }
  2820. [class*="Error_text_"] {
  2821. color: var(--c-7c7c7c);
  2822. }
  2823. [class*="Error_buttonLink_"]:hover {
  2824. border-color: var(--c-transparent);
  2825. }
  2826. [class*="Footer_link_"]:hover:not(a) {
  2827. color: var(--c-7c7c7c);
  2828. }
  2829. [class*="GdprOffer_root_"] {
  2830. background-color: var(--c-000000e6);
  2831. }
  2832. [class*="GdprOffer_content_"] {
  2833. color: var(--c-white);
  2834. }
  2835. [class*="HelperItem_root_"] {
  2836. color: var(--c-white);
  2837. }
  2838. [class*="HelperItem_button_"] {
  2839. color: var(--c-white);
  2840. }
  2841. [class*="HelperItem_closeIcon_"] {
  2842. color: var(--c-ffffff80);
  2843. }
  2844. [class*="ToolbarButton_button_"] {
  2845. background-color: var(--c-transparent);
  2846. }
  2847. [class*="ToolbarButton_wrapper_"] {
  2848. background-color: var(--c-white);
  2849. }
  2850. .dark-theme [class*="ToolbarButton_wrapper_"] {
  2851. background-color: var(--c-303030);
  2852. }
  2853. [class*="ToolbarButton_iconSvg_"] {
  2854. fill: var(--c-242b2c);
  2855. stroke: var(--c-242b2c);
  2856. }
  2857. [class*="ToolbarTooltip_root_"] {
  2858. box-shadow: 0 2px 10px var(--c-0000001a);
  2859. }
  2860. [class*="ToolbarTooltip_buttonIconSvg_"] {
  2861. fill: var(--c-242b2c);
  2862. }
  2863. [class*="ToolbarTooltip_button_"] {
  2864. background-color: var(--c-transparent);
  2865. }
  2866. [class*="ToolbarTooltip_sizeLimit_"] {
  2867. color: var(--c-7c7c7c);
  2868. }
  2869. [class*="ToolbarTooltipURL_tooltip_"] {
  2870. background-color: var(--c-white);
  2871. box-shadow: 0 2px 10px var(--c-0000001a);
  2872. }
  2873. [class*="ToolbarTooltipURL_hintList_"] {
  2874. background-color: var(--c-white);
  2875. box-shadow: 0 2px 10px var(--c-0000001a);
  2876. }
  2877. [class*="ToolbarTooltipURL_error_"] {
  2878. color: var(--c-cb1a1a);
  2879. }
  2880. [class*="PostTag_iconDeletable_"] {
  2881. color: var(--c-7c7c7c);
  2882. }
  2883. [class*="PostTag_root_"] {
  2884. border: 1px solid var(--c-transparent);
  2885. color: var(--c-7c7c7c);
  2886. }
  2887. [class*="PostTags_item_"] {
  2888. background-color: var(--c-eee);
  2889. color: var(--c-7c7c7c);
  2890. }
  2891. [class*="Toolbar_toolbarShadowed_"] {
  2892. box-shadow: 0 2px 10px var(--c-0000001a);
  2893. }
  2894. [class*="AudioPlayerExample_wrapper_"]:after {
  2895. background-image: linear-gradient(180deg, var(--c-fff0), var(--c-white) 95%, var(--c-white));
  2896. }
  2897. [class*="AudioPlayerExample_root_"] {
  2898. border: 1px solid var(--c-eee);
  2899. }
  2900. [class*="HelperPopup_description_"] {
  2901. color: var(--c-7c7c7c);
  2902. }
  2903. [class*="FileBlock_errorText_"] {
  2904. color: var(--c-cb1a1a);
  2905. }
  2906. :is([class*="FileBlock_contentIconSvg_"], [class*="FileBlock_headerIconSvg_"]) {
  2907. fill: var(--c-242b2c);
  2908. stroke: var(--c-242b2c);
  2909. }
  2910. [class*="FileBlock_removeBtn_"] {
  2911. background-color: var(--c-transparent);
  2912. }
  2913. [class*="FileBlock_link_"] {
  2914. border-bottom: 1px solid var(--c-transparent);
  2915. }
  2916. :is([class*="IframeAudio_icon_"], [class*="IframeVideo_icon_"]) {
  2917. color: var(--c-e0e0e0);
  2918. }
  2919. [class*="SimpleVideoPlayer_player_"] {
  2920. background-color: var(--c-black);
  2921. }
  2922. @media not all and (hover: none) {
  2923. [class*="TimeCodeItemActionsMenu_root_"]:hover {
  2924. border-color: var(--c-ccc);
  2925. }
  2926. }
  2927. [class*="TimeCodeRedactor_buttons_"] {
  2928. fill: var(--c-white);
  2929. color: var(--c-white);
  2930. }
  2931. [class*="TimeCodeRedactor_buttonCopy_"]:disabled {
  2932. color: var(--c-ccc);
  2933. }
  2934. @supports not selector(::-webkit-scrollbar-thumb) {
  2935. :is(.light-theme, .light-x-theme) [class*="TimeCodeRedactor_list_"] {
  2936. scrollbar-color: var(--c-ccc) var(--c-fff0);
  2937. }
  2938. .dark-theme [class*="TimeCodeRedactor_list_"] {
  2939. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  2940. }
  2941. }
  2942. [class*="TimeCodeRedactor_list_"]::-webkit-scrollbar {
  2943. background-color: var(--c-fff0);
  2944. }
  2945. [class*="TimeCodeRedactor_list_"]::-webkit-scrollbar-track {
  2946. background-color: var(--c-fff0);
  2947. }
  2948. :is(.light-theme, .light-x-theme) [class*="TimeCodeRedactor_list_"]::-webkit-scrollbar-thumb {
  2949. background-color: var(--c-ccc);
  2950. }
  2951. .dark-theme [class*="TimeCodeRedactor_list_"]::-webkit-scrollbar-thumb {
  2952. background-color: var(--c-4a4a4a);
  2953. }
  2954. [class*="VideoPlayer_player_"] {
  2955. background-color: var(--c-black);
  2956. }
  2957. [class*="VideoPlayerContainer_player_"] {
  2958. background-color: var(--c-black);
  2959. }
  2960. [class*="VideoPlayerContainer_preview_"] {
  2961. background-color: var(--c-222);
  2962. }
  2963. .dark-theme [class*="VideoPlayerContainer_preview_"] {
  2964. background-color: var(--c-111);
  2965. }
  2966. [class*="VideoPlayerContainer_stub_"] {
  2967. color: var(--c-white);
  2968. }
  2969. [class*="VideoPlayerContainer_stub_"] [class*="VideoPlayerContainer_videoIcon_"] {
  2970. stroke: var(--c-white);
  2971. fill: var(--c-white);
  2972. }
  2973. [class*="VideoPlayerContainer_playButtonBackground_"] {
  2974. background-color: var(--c-0009);
  2975. }
  2976. [class*="VideoPlayerContainer_preview_"]:hover [class*="VideoPlayerContainer_playButtonBackground_"] {
  2977. background-color: var(--c-0009);
  2978. }
  2979. [class*="VideoPlayerContainer_playButtonIcon_"] {
  2980. color: var(--c-white);
  2981. }
  2982. [class*="VideoPreviewEditor_preview_"] {
  2983. background-color: var(--c-222);
  2984. }
  2985. [class*="VideoPreviewEditor_previewOverlay_"] {
  2986. background-color: var(--c-00000080);
  2987. }
  2988. [class*="VideoPreviewEditor_spinnerContainer_"] {
  2989. background-color: var(--c-0009);
  2990. }
  2991. [class*="VideoPreviewEditor_info_"] {
  2992. background-color: var(--c-0003);
  2993. color: var(--c-eee);
  2994. }
  2995. [class*="VideoPreviewEditor_icon_"] {
  2996. stroke: var(--c-242b2c);
  2997. }
  2998. [class*="VideoPreviewEditor_buttonAddPreview_"]:hover [class*="VideoPreviewEditor_iconAdd_"] {
  2999. stroke: var(--c-ef7829);
  3000. }
  3001. [class*="Video_video_"] {
  3002. background-color: var(--c-black);
  3003. }
  3004. [class*="Video_video_"] [class*="Video_proccessingText_"] {
  3005. color: var(--c-eee);
  3006. }
  3007. [class*="Video_video_"] [class*="Video_playContainer_"] {
  3008. background-color: var(--c-00000080);
  3009. }
  3010. [class*="BlogDonationsRows_header_"] {
  3011. color: var(--c-7c7c7c);
  3012. }
  3013. [class*="BlogPostSalesRows_header_"] {
  3014. color: var(--c-7c7c7c);
  3015. }
  3016. [class*="BlogPostSalesRows_row_"] [class*="BlogPostSalesRows_link_"]:hover {
  3017. color: var(--c-ef7829) !important;
  3018. }
  3019. [class*="BlogPostSelectorHelper_container_"] {
  3020. color: var(--c-white);
  3021. }
  3022. [class*="BlogPostSelectorHelper_block_"] {
  3023. box-shadow: 0 0 10px 2px var(--c-0000001a);
  3024. }
  3025. [class*="BlogPostSelectorHelper_icon_"] {
  3026. background-color: var(--c-white);
  3027. border: 1px solid var(--c-white);
  3028. fill: var(--c-028f68);
  3029. }
  3030. [class*="BlogPostSelectorHelper_ok_"] {
  3031. border: 1px solid var(--c-fff3);
  3032. color: var(--c-white);
  3033. }
  3034. [class*="BlogPostSelectorHelper_ok_"]:hover {
  3035. background-color: var(--c-fff3);
  3036. }
  3037. .dark-theme [class*="Layout_monochrome_"] {
  3038. background-color: var(--c-191919);
  3039. }
  3040. :is(.light-theme, .light-x-theme) [class*="Layout_monochrome_"] {
  3041. background-color: var(--c-white);
  3042. }
  3043. .dark-theme [class*="LegalInfo_root_"] {
  3044. background-color: var(--c-262626);
  3045. border: 1px solid var(--c-303030);
  3046. }
  3047. .dark-theme [class*="LegalInfo_closeIcon_"] {
  3048. color: var(--c-f1f1f1);
  3049. }
  3050. .light-theme [class*="LegalInfo_root_"] {
  3051. background-color: var(--c-white);
  3052. }
  3053. .light-theme [class*="LegalInfo_closeIcon_"] {
  3054. color: var(--c-7c7c7c);
  3055. }
  3056. .light-x-theme [class*="LegalInfo_root_"] {
  3057. background-color: var(--c-white);
  3058. }
  3059. .light-x-theme [class*="LegalInfo_closeIcon_"] {
  3060. color: var(--c-7c7c7c);
  3061. }
  3062. [class*="LegalInfo_root_"] {
  3063. box-shadow: 0 4px 24px var(--c-0000000d);
  3064. }
  3065. [class*="LegalInfo_close_"] {
  3066. background-color: var(--c-transparent);
  3067. border-bottom: 1px solid var(--c-transparent);
  3068. }
  3069. [class*="MainFeedAlert_root_"] {
  3070. background-color: var(--c-000000e6) !important;
  3071. }
  3072. [class*="MainFeedAlert_description_"] {
  3073. color: var(--c-7c7c7c);
  3074. }
  3075. [class*="MainFeedAlert_closeContainer_"] {
  3076. background-color: var(--c-white);
  3077. }
  3078. [class*="MainFeedAlert_logoBackground_"] {
  3079. background-color: var(--c-white);
  3080. }
  3081. [class*="MainFeedAlert_textBlock_"] {
  3082. color: var(--c-white);
  3083. }
  3084. .light-theme [class*="MarketingAlert_root_"] {
  3085. background-color: var(--c-white);
  3086. }
  3087. .light-theme [class*="MarketingAlert_linkText_"] {
  3088. color: var(--c-white);
  3089. }
  3090. .light-x-theme [class*="MarketingAlert_root_"] {
  3091. background-color: var(--c-white);
  3092. }
  3093. .light-x-theme [class*="MarketingAlert_linkText_"] {
  3094. color: var(--c-white);
  3095. }
  3096. .dark-theme [class*="MarketingAlert_root_"] {
  3097. background-color: var(--c-303030);
  3098. border: 1px solid var(--c-4a4a4a);
  3099. }
  3100. .dark-theme [class*="MarketingAlert_linkText_"] {
  3101. color: var(--c-303030);
  3102. }
  3103. [class*="MarketingAlert_root_"] {
  3104. box-shadow: 0 4px 24px var(--c-0000000d);
  3105. }
  3106. [class*="MarketingAlert_close_"] {
  3107. background-color: var(--c-transparent);
  3108. }
  3109. [class*="MarketingAlert_closeIcon_"] {
  3110. color: var(--c-7c7c7c);
  3111. }
  3112. @media not all and (hover: none) {
  3113. [class*="MarketingAlert_link_"]:hover {
  3114. background-color: var(--c-d45124);
  3115. }
  3116. }
  3117. [class*="Notice_root_"] {
  3118. background-color: var(--c-white);
  3119. }
  3120. [class*="PaymentProblemNotification_link_"] {
  3121. border-bottom: 1px solid var(--c-transparent);
  3122. }
  3123. [class*="InfoMessage_warningIcon_"] {
  3124. color: var(--c-white);
  3125. }
  3126. [class*="InfoMessage_link_"] {
  3127. background-color: var(--c-transparent);
  3128. border-bottom: 1px solid var(--c-transparent);
  3129. }
  3130. [class*="InfoMessage_closeIcon_"] {
  3131. color: var(--c-7c7c7c);
  3132. }
  3133. [class*="SubscriptionPriceConfirmNotification_link_"] {
  3134. border-bottom: 1px solid var(--c-transparent);
  3135. }
  3136. @supports not selector(::-webkit-scrollbar-thumb) {
  3137. :is(.light-theme, .light-x-theme) [class*="Publisher_editor_"] {
  3138. scrollbar-color: var(--c-ccc) var(--c-fff0);
  3139. }
  3140. .dark-theme [class*="Publisher_editor_"] {
  3141. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  3142. }
  3143. }
  3144. [class*="Publisher_editor_"]::-webkit-scrollbar {
  3145. background-color: var(--c-fff0);
  3146. }
  3147. [class*="Publisher_editor_"]::-webkit-scrollbar-track {
  3148. background-color: var(--c-fff0);
  3149. }
  3150. :is(.light-theme, .light-x-theme) [class*="Publisher_editor_"]::-webkit-scrollbar-thumb {
  3151. background-color: var(--c-ccc);
  3152. }
  3153. .dark-theme [class*="Publisher_editor_"]::-webkit-scrollbar-thumb {
  3154. background-color: var(--c-4a4a4a);
  3155. }
  3156. .dark-theme [class*="Publisher_editor_"] ::-moz-selection {
  3157. background-color: var(--c-f1f1f133) !important;
  3158. }
  3159. .dark-theme [class*="Publisher_editor_"] ::selection {
  3160. background-color: var(--c-f1f1f133) !important;
  3161. }
  3162. [class*="Publisher_editor_"] .ce-paragraph[data-placeholder]:empty:before {
  3163. color: var(--c-7c7c7c80);
  3164. }
  3165. @supports not selector(::-webkit-scrollbar-thumb) {
  3166. :is(.light-theme, .light-x-theme) [class*="Publisher_root_"] .codex-editor__redactor {
  3167. scrollbar-color: var(--c-ccc) var(--c-fff0);
  3168. }
  3169. .dark-theme [class*="Publisher_root_"] .codex-editor__redactor {
  3170. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  3171. }
  3172. }
  3173. [class*="Publisher_root_"] .codex-editor__redactor::-webkit-scrollbar {
  3174. background-color: var(--c-fff0);
  3175. }
  3176. [class*="Publisher_root_"] .codex-editor__redactor::-webkit-scrollbar-track {
  3177. background-color: var(--c-fff0);
  3178. }
  3179. :is(.light-theme, .light-x-theme) [class*="Publisher_root_"] .codex-editor__redactor::-webkit-scrollbar-thumb {
  3180. background-color: var(--c-ccc);
  3181. }
  3182. .dark-theme [class*="Publisher_root_"] .codex-editor__redactor::-webkit-scrollbar-thumb {
  3183. background-color: var(--c-4a4a4a);
  3184. }
  3185. [class*="Publisher_editorDisabled_"] {
  3186. color: var(--c-7c7c7c80);
  3187. }
  3188. [class*="Publisher_sendContainer_"] {
  3189. background-color: var(--c-transparent);
  3190. }
  3191. [class*="Publisher_smileSuggestWrapper_"] {
  3192. background-color: var(--c-262626);
  3193. }
  3194. [class*="PriceInput_icon_"] {
  3195. fill: var(--c-white);
  3196. color: var(--c-white);
  3197. }
  3198. [class*="AmountSelector_rootVisible_"] {
  3199. box-shadow: 0 2px 10px var(--c-0000001a);
  3200. }
  3201. [class*="AmountSelector_warning_"] {
  3202. color: var(--c-7c7c7c);
  3203. }
  3204. [class*="AmountSelector_button_"] {
  3205. background-color: var(--c-transparent);
  3206. }
  3207. .dark-theme [class*="AmountSelector_button_"][data-active="true"] [class*="AmountSelector_icon_"] {
  3208. color: var(--c-f90);
  3209. }
  3210. [class*="SmileButton_root_"] {
  3211. background-color: var(--c-transparent);
  3212. }
  3213. :is(.dark-theme, .desktop) :is([class*="SmileItem_smileContainerLoading_"], .dark-theme) [class*="SmileItem_smileContainer_"]:hover {
  3214. background-color: var(--c-303030);
  3215. }
  3216. :is(.desktop, .light-theme, .light-x-theme) :is(.light-theme, .light-x-theme, [class*="SmileItem_smileContainerLoading_"]) [class*="SmileItem_smileContainer_"]:hover {
  3217. background-color: var(--c-eee);
  3218. }
  3219. [class*="SmileItem_iconContainer_"] {
  3220. background-color: var(--c-00000080);
  3221. }
  3222. [class*="SmileItem_icon_"] {
  3223. color: var(--c-white);
  3224. }
  3225. .dark-theme [class*="SmilesList_tooltipContent_"] {
  3226. background-color: var(--c-4a4a4a);
  3227. }
  3228. [class*="SmilesList_selected_"] {
  3229. background-color: var(--c-4a4a4a);
  3230. }
  3231. @supports not selector(::-webkit-scrollbar-thumb) {
  3232. :is(.light-theme, .light-x-theme) [class*="List_root_"] {
  3233. scrollbar-color: var(--c-ccc) var(--c-fff0);
  3234. }
  3235. .dark-theme [class*="List_root_"] {
  3236. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  3237. }
  3238. }
  3239. [class*="List_root_"]::-webkit-scrollbar {
  3240. background-color: var(--c-fff0);
  3241. }
  3242. [class*="List_root_"]::-webkit-scrollbar-track {
  3243. background-color: var(--c-fff0);
  3244. }
  3245. :is(.light-theme, .light-x-theme) [class*="List_root_"]::-webkit-scrollbar-thumb {
  3246. background-color: var(--c-ccc);
  3247. }
  3248. .dark-theme [class*="List_root_"]::-webkit-scrollbar-thumb {
  3249. background-color: var(--c-4a4a4a);
  3250. }
  3251. .light-theme [class*="SmilesSelector_root_"] {
  3252. background-color: var(--c-white);
  3253. }
  3254. .light-theme [class*="SmilesSelector_navigation_"] {
  3255. border-left: 1px solid var(--c-f1f1f1);
  3256. }
  3257. .light-x-theme [class*="SmilesSelector_root_"] {
  3258. background-color: var(--c-white);
  3259. }
  3260. .light-x-theme [class*="SmilesSelector_navigation_"] {
  3261. border-left: 1px solid var(--c-f1f1f1);
  3262. }
  3263. .dark-theme [class*="SmilesSelector_root_"] {
  3264. background-color: var(--c-262626);
  3265. }
  3266. .dark-theme :is([class*="SmilesSelector_closeButton_"], [class*="SmilesSelector_navigation_"])[class*="SmilesSelector_highlighted_"] {
  3267. background-color: var(--c-303030);
  3268. }
  3269. @supports not selector(::-webkit-scrollbar-thumb) {
  3270. :is(.light-theme, .light-x-theme) [class*="SmilesSelector_mode_"] {
  3271. scrollbar-color: var(--c-ccc) var(--c-fff0);
  3272. }
  3273. .dark-theme [class*="SmilesSelector_mode_"] {
  3274. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  3275. }
  3276. }
  3277. [class*="SmilesSelector_mode_"]::-webkit-scrollbar {
  3278. background-color: var(--c-fff0);
  3279. }
  3280. [class*="SmilesSelector_mode_"]::-webkit-scrollbar-track {
  3281. background-color: var(--c-fff0);
  3282. }
  3283. :is(.light-theme, .light-x-theme) [class*="SmilesSelector_mode_"]::-webkit-scrollbar-thumb {
  3284. background-color: var(--c-ccc);
  3285. }
  3286. .dark-theme [class*="SmilesSelector_mode_"]::-webkit-scrollbar-thumb {
  3287. background-color: var(--c-4a4a4a);
  3288. }
  3289. [class*="MessageBasePublisher_root_"] {
  3290. background-color: var(--c-transparent);
  3291. }
  3292. [class*="FileBlock_fromEditor_"] [class*="FileBlock_size_"] {
  3293. color: var(--c-7c7c7c);
  3294. }
  3295. [class*="FileBlock_fromEditor_"] [class*="FileBlock_headerIcon_"] {
  3296. stroke: var(--c-242b2c);
  3297. fill: var(--c-242b2c);
  3298. }
  3299. [class*="FileBlock_errorText_"] {
  3300. color: var(--c-cb1a1a);
  3301. }
  3302. [class*="FileBlock_removeBtn_"] {
  3303. background-color: var(--c-transparent);
  3304. }
  3305. [class*="FileBlock_iconDownload_"] {
  3306. color: var(--c-white);
  3307. }
  3308. [class*="FileBlock_link_"] {
  3309. border-bottom: 1px solid var(--c-transparent);
  3310. }
  3311. .ce-block--focused [class*="VideoFileTool_block_"] {
  3312. border-color: var(--c-transparent);
  3313. }
  3314. @supports not selector(::-webkit-scrollbar-thumb) {
  3315. :is(.light-theme, .light-x-theme) [class*="Attachments_containerAttachments_"] {
  3316. scrollbar-color: var(--c-ccc) var(--c-fff0);
  3317. }
  3318. .dark-theme [class*="Attachments_containerAttachments_"] {
  3319. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  3320. }
  3321. }
  3322. [class*="Attachments_containerAttachments_"]::-webkit-scrollbar {
  3323. background-color: var(--c-fff0);
  3324. }
  3325. [class*="Attachments_containerAttachments_"]::-webkit-scrollbar-track {
  3326. background-color: var(--c-fff0);
  3327. }
  3328. :is(.light-theme, .light-x-theme) [class*="Attachments_containerAttachments_"]::-webkit-scrollbar-thumb {
  3329. background-color: var(--c-ccc);
  3330. }
  3331. .dark-theme [class*="Attachments_containerAttachments_"]::-webkit-scrollbar-thumb {
  3332. background-color: var(--c-4a4a4a);
  3333. }
  3334. [class*="Attachments_attachments_"] .codex-editor__redactor .ce-block--selected .ce-block__content {
  3335. background-color: var(--c-transparent) !important;
  3336. }
  3337. [class*="MessagePublisherTabs_tab_"] {
  3338. border-bottom: 3px solid var(--c-transparent);
  3339. }
  3340. [class*="MessageSendButton_container_"][class*="MessageSendButton_disabled_"] {
  3341. color: var(--c-7c7c7c);
  3342. }
  3343. [class*="MessageSendButton_container_"][class*="MessageSendButton_disabled_"] [class*="MessageSendButton_icon_"] {
  3344. stroke: var(--c-7c7c7c);
  3345. }
  3346. .dark-theme [class*="MessageSinglePublisher_warningDonation_"] {
  3347. background-color: var(--c-2f201b);
  3348. }
  3349. [class*="MessageTyping_animateRound_"] {
  3350. background-color: var(--c-ccc);
  3351. }
  3352. [class*="DialogueBroadcast_recipientAvatar_"] {
  3353. background-color: var(--c-white);
  3354. border: 2px solid var(--c-white);
  3355. }
  3356. [class*="DialogueBroadcast_recipientsInfo_"] {
  3357. background: linear-gradient(var(--color-brand-opacity-30), var(--color-brand-opacity-30)), var(--c-white);
  3358. border: 2px solid var(--c-white);
  3359. }
  3360. [class*="DialogueChatMate_description_"] {
  3361. color: var(--c-7c7c7c);
  3362. }
  3363. .desktop [class*="PopupHeaderWithAvatar_avatarContainer_"] {
  3364. background-color: var(--c-white);
  3365. }
  3366. [class*="PopupHeaderWithAvatar_description_"] {
  3367. color: var(--c-7c7c7c);
  3368. }
  3369. [class*="SubscriptionPriceConfirm_levelName_"] {
  3370. color: var(--c-7c7c7c);
  3371. }
  3372. [class*="SubscriptionPriceConfirm_card_"] {
  3373. background-color: var(--c-ececec);
  3374. color: var(--c-7c7c7c);
  3375. }
  3376. [class*="SubscriptionPriceConfirm_description_"] {
  3377. color: var(--c-7c7c7c);
  3378. }
  3379. [class*="AudioPlayer_iconPlay_"] {
  3380. color: var(--c-white);
  3381. }
  3382. [class*="AudioPlayer_iconPause_"] {
  3383. color: var(--c-white);
  3384. }
  3385. [class*="AudioPlayer_volumeRangeWrapper_"] {
  3386. box-shadow: 0 2px 10px var(--c-0000001a);
  3387. }
  3388. [class*="AudioPlayer_inputTrack_"]::-webkit-slider-runnable-track {
  3389. background-color: var(--c-ccc);
  3390. }
  3391. [class*="AudioPlayer_inputTrack_"]::-moz-range-track {
  3392. background-color: var(--c-ccc);
  3393. }
  3394. [class*="AudioPlayer_inputTrack_"]::-ms-track {
  3395. background-color: var(--c-transparent);
  3396. border: solid var(--c-transparent);
  3397. color: var(--c-transparent);
  3398. }
  3399. [class*="AudioPlayer_inputTrack_"] {
  3400. background-color: var(--c-transparent);
  3401. }
  3402. [class*="AudioPlayer_inputTrack_"]::-webkit-slider-runnable-track {
  3403. background-color: var(--c-ccc);
  3404. }
  3405. [class*="AudioPlayer_rangeVolume_"]::-webkit-slider-runnable-track {
  3406. background-color: var(--c-ccc);
  3407. }
  3408. [class*="AudioPlayer_rangeVolume_"]::-moz-range-track {
  3409. background-color: var(--c-ccc);
  3410. }
  3411. [class*="AudioPlayer_rangeVolume_"]::-ms-track {
  3412. background-color: var(--c-transparent);
  3413. border: solid var(--c-transparent);
  3414. color: var(--c-transparent);
  3415. }
  3416. [class*="AudioPlayer_rangeVolume_"]::-webkit-slider-runnable-track {
  3417. background-color: var(--c-eaeaea);
  3418. }
  3419. [class*="ClosedMediaTeaser_lockIcon_"] {
  3420. color: var(--c-white);
  3421. }
  3422. [class*="ClosedMediaTeaser_title_"] {
  3423. color: var(--c-white);
  3424. }
  3425. [class*="ClosedMediaTeaser_card_"][class*="ClosedMediaTeaser_uploadedTeaser_"] [class*="ClosedMediaTeaser_content_"] {
  3426. background-color: var(--c-00000080);
  3427. }
  3428. [class*="ClosedMediaTeaser_card_"][class*="ClosedMediaTeaser_autoTeaser_"] [class*="ClosedMediaTeaser_content_"] {
  3429. background-color: var(--c-00000026);
  3430. }
  3431. [class*="AudioViewer_audioWrapper_"] {
  3432. box-shadow: 0 0 15px var(--c-0000004d);
  3433. }
  3434. .pspw__copy-alert {
  3435. background-color: var(--c-white);
  3436. }
  3437. .pswp__button {
  3438. background-color: var(--c-white) !important;
  3439. box-shadow: 0 0 7px var(--c-7c7c7c80) !important;
  3440. }
  3441. @media not all and (hover: none) {
  3442. .pswp__button--post-link {
  3443. color: var(--c-white) !important;
  3444. }
  3445. .pswp__button--post-link:hover {
  3446. color: var(--c-white) !important;
  3447. }
  3448. }
  3449. .mobile .pswp__button {
  3450. background-color: var(--c-transparent) !important;
  3451. color: var(--c-white);
  3452. filter: drop-shadow(0 0 3px var(--c-242b2c));
  3453. }
  3454. @media (hover: hover) {
  3455. .pswp__button:hover {
  3456. background-color: var(--c-white) !important;
  3457. }
  3458. }
  3459. .mobile :is(.pswp__button--arrow, .pswp__button--close, .pswp__button--zoom) .pswp__icn {
  3460. color: var(--c-white) !important;
  3461. }
  3462. :is(.desktop, .mobile) .pswp__button.pswp__button--post-link {
  3463. background-color: var(--c-242b2cb3) !important;
  3464. color: var(--c-ffffffd9) !important;
  3465. }
  3466. [class*="NavigateToPostButton_link_"] {
  3467. background-color: var(--c-242b2cb3);
  3468. color: var(--c-ffffffd9) !important;
  3469. }
  3470. [class*="AudioBlock_root_"] {
  3471. border: 1px solid var(--c-transparent);
  3472. }
  3473. [class*="PayoutVerificationRequired_description_"] {
  3474. color: var(--c-7c7c7c);
  3475. }
  3476. [class*="PayoutExtraInfo_block_"] [class*="PayoutExtraInfo_text_"] {
  3477. color: var(--c-7c7c7c);
  3478. }
  3479. [class*="PayoutExtraInfo_link_"] {
  3480. border-bottom: 1px solid var(--c-transparent);
  3481. }
  3482. [class*="PayoutSystemsListItem_item_"][class*="PayoutSystemsListItem_selected_"][class*="PayoutSystemsListItem_disabled_"] {
  3483. border-color: var(--c-7c7c7c);
  3484. }
  3485. [class*="PayoutSystemsListItem_commission_"] {
  3486. color: var(--c-7c7c7c);
  3487. }
  3488. [class*="FileBlock_pictureBlock_"] [class*="FileBlock_extension_"] {
  3489. color: var(--c-white);
  3490. }
  3491. [class*="FileBlock_errorText_"] {
  3492. color: var(--c-cb1a1a);
  3493. }
  3494. [class*="BlockRenderer_markup_"] mark {
  3495. background-color: var(--c-fde2d9);
  3496. }
  3497. [class*="BlockRenderer_image_"] {
  3498. background-color: var(--c-eaeaea);
  3499. }
  3500. [class*="SkeletonLoader_root_"] {
  3501. background-color: var(--c-eaeaea);
  3502. }
  3503. [class*="SkeletonLoader_root_"]:before {
  3504. background: linear-gradient(90deg, var(--c-transparent) 0, var(--c-hsla-0-0-52-0_3) 50%, var(--c-transparent));
  3505. }
  3506. [class*="SkeletonLoader_icon_"] {
  3507. stroke: var(--c-858585);
  3508. color: var(--c-858585);
  3509. fill: var(--c-858585);
  3510. }
  3511. [class*="Image_container_"] {
  3512. color: var(--c-7c7c7c);
  3513. }
  3514. [class*="VideoFile_container_"] {
  3515. background-color: var(--c-black);
  3516. color: var(--c-white);
  3517. }
  3518. [class*="VideoFile_previewInner_"] {
  3519. background-color: var(--c-0006);
  3520. }
  3521. [class*="VideoFile_icon_"] {
  3522. color: var(--c-white);
  3523. }
  3524. [class*="Messages_header_"] {
  3525. color: var(--c-7c7c7c);
  3526. }
  3527. [class*="Messages_headerLink_"] {
  3528. border-bottom: 1px solid var(--c-transparent);
  3529. color: var(--c-7c7c7c);
  3530. }
  3531. [class*="Messages_headerLink_"]:visited {
  3532. color: var(--c-7c7c7c);
  3533. }
  3534. @media not all and (hover: none) {
  3535. [class*="Messages_headerLink_"]:hover {
  3536. border-bottom-color: var(--c-7c7c7c33);
  3537. }
  3538. }
  3539. [class*="Messages_headerDeferredLabel_"] {
  3540. color: var(--c-7c7c7c);
  3541. }
  3542. [class*="Messages_content_"] a {
  3543. border-bottom: 1px solid var(--c-transparent);
  3544. }
  3545. [class*="Messages_isPaidMessageContentFromCurrentUser_"] {
  3546. background-color: var(--c-7c7c7c26);
  3547. }
  3548. [class*="Messages_audioPlayer_"][class*="Messages_isPaidMessageContentFromCurrentUser_"] {
  3549. background-color: var(--c-7c7c7c26);
  3550. }
  3551. [class*="Messages_readMore_"] {
  3552. border-bottom: 1px solid var(--c-transparent);
  3553. }
  3554. [class*="Messages_fileLinkIconLight_"] {
  3555. color: var(--c-white);
  3556. }
  3557. .light-x-theme [class*="DialogueMessageInfo_statusMessage_"] {
  3558. fill: var(--c-948aff);
  3559. }
  3560. [class*="DeletedMessage_root_"] {
  3561. color: var(--c-7c7c7c);
  3562. }
  3563. [class*="DeletedMessage_deleteIcon_"] {
  3564. color: var(--c-7c7c7c);
  3565. }
  3566. .dark-theme [class*="DialogueMessageWrapper_root_"]:not([class*="DialogueMessageWrapper_selected_"]):hover:after {
  3567. background-color: var(--c-222);
  3568. }
  3569. .light-x-theme [class*="DialogueMessageWrapper_containerCurrentUser_"] [class*="DialogueMessageWrapper_message_"] a:is(:hover, :visited) {
  3570. color: var(--c-948aff);
  3571. }
  3572. [class*="DialogueMessageWrapper_containerDonation_"][class*="DialogueMessageWrapper_containerChatMate_"] [class*="DialogueMessageWrapper_message_"] {
  3573. background-color: var(--c-fdf1d4);
  3574. }
  3575. [class*="DialogueMessageWrapper_containerDonation_"][class*="DialogueMessageWrapper_containerChatMate_"] [class*="DialogueMessageWrapper_message_"] [class*="DialogueMessageWrapper_corner_"] {
  3576. color: var(--c-fdf1d4);
  3577. }
  3578. .dark-theme [class*="DialogueMessageWrapper_containerDonation_"][class*="DialogueMessageWrapper_containerChatMate_"] [class*="DialogueMessageWrapper_message_"] {
  3579. background-color: var(--c-ff95004d);
  3580. }
  3581. .dark-theme [class*="DialogueMessageWrapper_containerDonation_"][class*="DialogueMessageWrapper_containerChatMate_"] [class*="DialogueMessageWrapper_message_"] [class*="DialogueMessageWrapper_corner_"] {
  3582. color: var(--c-ff95004d);
  3583. }
  3584. [class*="DonationMessageInfo_iconDonation_"] {
  3585. color: var(--c-f90);
  3586. }
  3587. [class*="PaidMessageAttachmentPreview_root_"] {
  3588. stroke: var(--c-white);
  3589. }
  3590. [class*="PaidMessageAttachmentPreview_content_"] {
  3591. color: var(--c-white);
  3592. }
  3593. [class*="PaidMessageAttachmentPreview_overlay_"] {
  3594. background-color: var(--c-0003);
  3595. }
  3596. [class*="PaidMessageAttachmentPreview_icon_"] {
  3597. color: var(--c-white);
  3598. }
  3599. [class*="DialogueMessagePaidPreview_text_"] {
  3600. color: var(--c-7c7c7c);
  3601. }
  3602. [class*="PreviewMessagePopup_description_"] {
  3603. color: var(--c-7c7c7c);
  3604. }
  3605. @supports not selector(::-webkit-scrollbar-thumb) {
  3606. :is(.light-theme, .light-x-theme) [class*="PreviewMessagePopup_messageContainer_"] {
  3607. scrollbar-color: var(--c-ccc) var(--c-fff0);
  3608. }
  3609. .dark-theme [class*="PreviewMessagePopup_messageContainer_"] {
  3610. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  3611. }
  3612. }
  3613. [class*="PreviewMessagePopup_messageContainer_"]::-webkit-scrollbar {
  3614. background-color: var(--c-fff0);
  3615. }
  3616. [class*="PreviewMessagePopup_messageContainer_"]::-webkit-scrollbar-track {
  3617. background-color: var(--c-fff0);
  3618. }
  3619. :is(.light-theme, .light-x-theme) [class*="PreviewMessagePopup_messageContainer_"]::-webkit-scrollbar-thumb {
  3620. background-color: var(--c-ccc);
  3621. }
  3622. .dark-theme [class*="PreviewMessagePopup_messageContainer_"]::-webkit-scrollbar-thumb {
  3623. background-color: var(--c-4a4a4a);
  3624. }
  3625. [class*="PrivacyPolicyUpdatesPopup_link_"] {
  3626. border-bottom: 1px solid var(--c-transparent);
  3627. }
  3628. [class*="PrivacyPolicyUpdatesPopup_checkbox_"] {
  3629. border-color: var(--c-c9c9c9);
  3630. }
  3631. [class*="RssLinkPopup_copyButton_"] {
  3632. border-bottom-color: var(--c-transparent) !important;
  3633. }
  3634. [class*="RssLinkPopup_copyButton_"]:active {
  3635. color: var(--c-7c7c7c);
  3636. }
  3637. [class*="RssLinkPopup_inputWrapper_"]:after {
  3638. background: linear-gradient(to left, var(--var-color-popup-bg), var(--c-transparent));
  3639. }
  3640. [class*="RssLinkPopup_input_"]:disabled {
  3641. background-color: var(--c-transparent) !important;
  3642. }
  3643. [class*="RssLinkPopup_note_"] {
  3644. color: var(--c-7c7c7c);
  3645. }
  3646. [class*="DialogMessageSeparator_separatorMessages_"] {
  3647. color: var(--c-7c7c7c);
  3648. }
  3649. [class*="DialogMessageSeparator_line_"] {
  3650. border-bottom: 1px solid var(--c-ededed);
  3651. }
  3652. @supports not selector(::-webkit-scrollbar-thumb) {
  3653. :is(.light-theme, .light-x-theme) [class*="DialogueMessageList_list_"] {
  3654. scrollbar-color: var(--c-ccc) var(--c-fff0);
  3655. }
  3656. .dark-theme [class*="DialogueMessageList_list_"] {
  3657. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  3658. }
  3659. }
  3660. [class*="DialogueMessageList_list_"]::-webkit-scrollbar {
  3661. background-color: var(--c-fff0);
  3662. }
  3663. [class*="DialogueMessageList_list_"]::-webkit-scrollbar-track {
  3664. background-color: var(--c-fff0);
  3665. }
  3666. :is(.light-theme, .light-x-theme) [class*="DialogueMessageList_list_"]::-webkit-scrollbar-thumb {
  3667. background-color: var(--c-ccc);
  3668. }
  3669. .dark-theme [class*="DialogueMessageList_list_"]::-webkit-scrollbar-thumb {
  3670. background-color: var(--c-4a4a4a);
  3671. }
  3672. [class*="DialogueMessageList_date_"] {
  3673. color: var(--c-7c7c7c);
  3674. }
  3675. [class*="DialogueMessageSelector_container_"] {
  3676. background-color: var(--c-white);
  3677. }
  3678. .dark-theme [class*="DialogueMessageSelector_container_"] {
  3679. background-color: var(--c-222);
  3680. }
  3681. [class*="DialogueChat_dialogWrapper_"] {
  3682. background-color: var(--c-white);
  3683. }
  3684. .light-theme [class*="DialogueContactList_iconEmpty_"] {
  3685. color: var(--c-f5916e);
  3686. }
  3687. .light-x-theme [class*="DialogueContactList_iconEmpty_"] {
  3688. color: var(--c-ccc);
  3689. }
  3690. @supports not selector(::-webkit-scrollbar-thumb) {
  3691. :is(.light-theme, .light-x-theme) [class*="DialogueContactList_list_"] {
  3692. scrollbar-color: var(--c-ccc) var(--c-fff0);
  3693. }
  3694. .dark-theme [class*="DialogueContactList_list_"] {
  3695. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  3696. }
  3697. }
  3698. [class*="DialogueContactList_list_"]::-webkit-scrollbar {
  3699. background-color: var(--c-fff0);
  3700. }
  3701. [class*="DialogueContactList_list_"]::-webkit-scrollbar-track {
  3702. background-color: var(--c-fff0);
  3703. }
  3704. :is(.light-theme, .light-x-theme) [class*="DialogueContactList_list_"]::-webkit-scrollbar-thumb {
  3705. background-color: var(--c-ccc);
  3706. }
  3707. .dark-theme [class*="DialogueContactList_list_"]::-webkit-scrollbar-thumb {
  3708. background-color: var(--c-4a4a4a);
  3709. }
  3710. [class*="DialogueContactList_iconEmpty_"] {
  3711. color: var(--c-f5916e);
  3712. }
  3713. [class*="DialogueBroadcastFilterButton_statusFilter_"] {
  3714. border: 2px solid var(--c-white);
  3715. }
  3716. [class*="DialogueContactSelector_root_"] [class*="DialogueContactSelector_selectOptionItem_"] {
  3717. background-color: var(--c-transparent);
  3718. }
  3719. [class*="DialogueContactSelector_button_"] {
  3720. background-color: var(--c-white);
  3721. }
  3722. [class*="DialogueContactSelector_button_"]:hover {
  3723. border: 1px solid var(--c-ccc);
  3724. }
  3725. .dark-theme [class*="DialogueContactSelector_button_"] {
  3726. background-color: var(--c-303030);
  3727. }
  3728. [class*="DialogueContactSelector_statusFilter_"] {
  3729. border: 2px solid var(--c-white);
  3730. }
  3731. :is([class*="DialogueContactSelector_dropdown_"], [class*="DialogueContactSelector_selectorView_"]) {
  3732. box-shadow: 0 2px 10px var(--c-0000001a);
  3733. }
  3734. [class*="DialogueCreateButton_icon_"] {
  3735. color: var(--c-white);
  3736. }
  3737. [class*="DialogueCreateButton_iconDropdownItem_"] {
  3738. stroke: var(--c-242b2c);
  3739. fill: var(--c-242b2c);
  3740. }
  3741. [class*="DialogueBroadcastMessagesInfo_description_"] {
  3742. color: var(--c-7c7c7c);
  3743. }
  3744. [class*="PaymentLevelCard_priceGrayText_"] {
  3745. color: var(--c-7c7c7c);
  3746. }
  3747. [class*="PaymentLevelCard_bottomPanel_"] {
  3748. color: var(--c-7c7c7c);
  3749. }
  3750. [class*="PaymentLevelCard_paymentData_"] {
  3751. color: var(--c-7c7c7c);
  3752. }
  3753. .dark-theme [class*="CreateBlogForm_checkboxLabel_"] {
  3754. color: var(--c-f1f1f1);
  3755. }
  3756. .light-theme [class*="CreateBlogForm_checkboxLabel_"] {
  3757. color: var(--c-7c7c7c);
  3758. }
  3759. .dark-theme [class*="BecomeAuthorForm_block_"] {
  3760. background-color: var(--c-262626);
  3761. }
  3762. :is(.light-theme, .light-x-theme) [class*="BecomeAuthorForm_block_"] {
  3763. background-color: var(--c-white);
  3764. }
  3765. [class*="BecomeAuthorForm_text_"] {
  3766. color: var(--c-7c7c7c);
  3767. }
  3768. [class*="BecomeAuthorStandalone_text_"] {
  3769. color: var(--c-white);
  3770. }
  3771. [class*="AlreadyAuthor_title_"] {
  3772. color: var(--c-242b2c);
  3773. }
  3774. [class*="AlreadyAuthor_name_"] {
  3775. color: var(--c-242b2c);
  3776. }
  3777. .light-theme [class*="Form_content_"] {
  3778. box-shadow: 0 16px 60px var(--c-62381226);
  3779. }
  3780. .light-x-theme [class*="Form_content_"] {
  3781. box-shadow: 0 16px 60px var(--c-12236214);
  3782. }
  3783. [class*="Form_content_"] {
  3784. background-color: var(--c-white);
  3785. }
  3786. [class*="Form_spinner_"] {
  3787. background-color: var(--c-ffffffb3);
  3788. }
  3789. :is([class*="Form_authPromotionText_"], [class*="Form_authTitle_"], [class*="Form_title_"]) {
  3790. color: var(--c-242b2c);
  3791. }
  3792. .light-theme :is([class*="Disclaimer_feeReturn_"], [class*="Disclaimer_newUsers_"]) {
  3793. color: var(--c-ba9e8b);
  3794. }
  3795. .light-x-theme :is([class*="Disclaimer_feeReturn_"], [class*="Disclaimer_newUsers_"]) {
  3796. color: var(--c-5249b4);
  3797. }
  3798. [class*="Social_title_"] {
  3799. color: var(--c-ba9e8b);
  3800. }
  3801. [class*="Social_link_"] {
  3802. background-color: var(--c-dccdbf);
  3803. }
  3804. .light-theme [class*="LandingReferral_root_"] {
  3805. background-color: var(--c-fffcf5);
  3806. }
  3807. .light-x-theme [class*="LandingReferral_root_"] {
  3808. background-color: var(--c-5249b414);
  3809. }
  3810. [class*="PaymentDisclaimer_root_"] {
  3811. color: var(--c-7c7c7c);
  3812. }
  3813. [class*="StepStart_description_"] {
  3814. color: var(--c-7c7c7c);
  3815. }
  3816. .dark-theme [class*="PaymentBindListItem_boldString_"] {
  3817. color: var(--c-f1f1f1);
  3818. }
  3819. .dark-theme [class*="PaymentBindListItem_root_"][class*="PaymentBindListItem_hasError_"] {
  3820. background-color: var(--c-cd35441a);
  3821. }
  3822. .dark-theme [class*="SettingsEditPhoneField_label_"] {
  3823. color: var(--c-f1f1f1);
  3824. }
  3825. [class*="SettingsEditPhoneField_description_"] {
  3826. color: var(--c-7c7c7c);
  3827. }
  3828. :is(.dark-theme, .light-theme, .light-x-theme) [class*="SettingsEditToggler_hintContent_"] {
  3829. color: var(--c-7c7c7c);
  3830. }
  3831. [class*="SettingsEditToggler_tooltipContent_"] {
  3832. color: var(--c-7c7c7c);
  3833. }
  3834. [class*="SettingsEditHasAdultContentField_tooltipContent_"] {
  3835. color: var(--c-7c7c7c);
  3836. }
  3837. [class*="SettingsEditPhotoPreview_emptyPhoto_"] {
  3838. background-color: var(--c-f8f7f7);
  3839. }
  3840. [class*="SettingsEditPhotoPreview_emptyPhoto_"][class*="SettingsEditPhotoPreview_error_"] {
  3841. border: 1px solid var(--c-cb1a1a);
  3842. }
  3843. [class*="SettingsEditPhotoPreview_text_"] {
  3844. color: var(--c-5a6a7a);
  3845. }
  3846. [class*="SettingsEditPhotoPreview_loading_"] {
  3847. background-color: var(--c-f8f7f7);
  3848. }
  3849. [class*="SettingsEditPhotoField_fileDescription_"] {
  3850. color: var(--c-7c7c7c);
  3851. }
  3852. .dark-theme [class*="SettingsEdit_blockTitle_"] {
  3853. color: var(--c-f1f1f1);
  3854. }
  3855. [class*="SettingsEdit_isLoading_"]:after {
  3856. background-color: var(--c-ffffff4d);
  3857. }
  3858. [class*="SettingsEdit_statusTextRed_"] {
  3859. color: var(--c-cb1a1a);
  3860. }
  3861. [class*="PayoutForm_hintBlock_"] [class*="PayoutForm_hint_"] {
  3862. color: var(--c-7c7c7c);
  3863. }
  3864. [class*="PayoutForm_input_"] {
  3865. border: 1px solid var(--c-eaeaea);
  3866. }
  3867. [class*="PayoutForm_input_"]::-moz-placeholder {
  3868. color: var(--c-9d9d9d);
  3869. }
  3870. [class*="PayoutForm_input_"]::placeholder {
  3871. color: var(--c-9d9d9d);
  3872. }
  3873. [class*="PayoutForm_input_"][class*="PayoutForm_invalid_"],
  3874. [class*="PayoutForm_input_"]:invalid {
  3875. border-color: var(--c-cb1a1a);
  3876. }
  3877. [class*="PayoutForm_input_"]:not([class*="PayoutForm_invalid_"]) [class*="PayoutForm_input_"]:hover {
  3878. border-color: var(--c-ccc);
  3879. }
  3880. [class*="PayoutForm_input_"]:is([class*="PayoutForm_disabled_"], [disabled]) {
  3881. background-color: var(--c-f8f7f7);
  3882. border-color: var(--c-ccc);
  3883. }
  3884. [class*="PayoutForm_existingInput_"] {
  3885. border-color: var(--c-eaeaea) !important;
  3886. color: var(--c-9d9d9d);
  3887. }
  3888. [class*="PayoutForm_existingInputAsterisk_"] {
  3889. fill: var(--c-9d9d9d);
  3890. }
  3891. [class*="PayoutForm_errorContainer_"] {
  3892. color: var(--c-cb1a1a);
  3893. }
  3894. [class*="PayoutForm_icon_"] {
  3895. fill: var(--c-white);
  3896. }
  3897. [class*="PayoutForm_dmrIFrame_"] [class*="PayoutForm_iframeLoader_"] {
  3898. background-color: var(--c-white);
  3899. }
  3900. .dark-theme [class*="Bank131TokenizerWidget_root_"] .bank131-MainContainer__container {
  3901. color: var(--c-f1f1f1);
  3902. }
  3903. [class*="Bank131TokenizerWidget_root_"] .bank131-InputBase__background {
  3904. border-color: var(--c-ccc);
  3905. }
  3906. [class*="SuspendedSubscriptionBlock_description_"] {
  3907. color: var(--c-7c7c7c);
  3908. }
  3909. [class*="SettingsSubscriptions_emptyText_"] {
  3910. color: var(--c-7c7c7c);
  3911. }
  3912. [class*="TrialActivationView_subText_"] {
  3913. color: var(--c-7c7c7c);
  3914. }
  3915. [class*="TrialActivationView_promoDescription_"] {
  3916. background-color: var(--c-eeeeee80);
  3917. }
  3918. .mobile [class*="FilterReset_button_"] {
  3919. background-color: var(--c-eee);
  3920. }
  3921. [class*="FeedTabs_item_"] {
  3922. border-bottom: 3px solid var(--c-transparent);
  3923. }
  3924. [class*="FeedTabs_item_"]:hover {
  3925. border-bottom-color: var(--c-transparent);
  3926. }
  3927. [class*="FeedTabs_counter_"] {
  3928. color: var(--c-7c7c7c);
  3929. }
  3930. [class*="FilterSelect_root_"] {
  3931. --var-color-input-bg-disabled: var(--c-transparent);
  3932. }
  3933. [class*="ImageTool_imageBlock_"] {
  3934. border: 2px solid var(--c-transparent);
  3935. }
  3936. [class*="EmbedTool_iframe_"] {
  3937. border: 2px solid var(--c-transparent);
  3938. }
  3939. .ce-block--focused [class*="VideoFileTool_block_"] {
  3940. border-color: var(--c-transparent);
  3941. }
  3942. .dark-theme ::-moz-selection {
  3943. background-color: var(--c-f1f1f133) !important;
  3944. }
  3945. .dark-theme ::selection {
  3946. background-color: var(--c-f1f1f133) !important;
  3947. }
  3948. .dark-theme .codex-editor {
  3949. --selectionColor: var(--c-f1f1f133);
  3950. --inlineSelectionColor: var(--c-f1f1f159);
  3951. }
  3952. .dark-theme .ce-popover {
  3953. --color-background-item-focus: var(--c-f1f1f133);
  3954. }
  3955. .dark-theme .ce-inline-tool--focused {
  3956. background-color: var(--c-f1f1f133) !important;
  3957. }
  3958. .dark-theme .ce-inline-toolbar {
  3959. background-color: var(--c-303030);
  3960. border: 1px solid var(--c-303030) !important;
  3961. }
  3962. .dark-theme .ce-inline-tool-input {
  3963. background-color: var(--c-303030);
  3964. color: var(--c-f1f1f1);
  3965. }
  3966. .dark-theme .ce-toolbar__settings-btn {
  3967. color: var(--c-f1f1f1) !important;
  3968. }
  3969. .dark-theme .ce-inline-tool {
  3970. color: var(--c-f1f1f1);
  3971. }
  3972. .dark-theme .ce-inline-tool:hover {
  3973. color: var(--c-262626);
  3974. }
  3975. .dark-theme :is(.ce-block--selected, .ce-popover-item):is(.ce-block__content, :hover) {
  3976. background-color: var(--c-f1f1f133) !important;
  3977. }
  3978. .ce-inline-toolbar {
  3979. box-shadow: 0 3px 15px var(--c-0000001a) !important;
  3980. }
  3981. .mobile .ce-inline-tool-confirm-button {
  3982. background-color: var(--c-transparent);
  3983. border-color: var(--c-hsla-240-3-79-0_48);
  3984. }
  3985. [class*="RichEditor_titleInput_"] {
  3986. background-color: var(--c-transparent);
  3987. }
  3988. [class*="AccessDeferred_description_"] {
  3989. color: var(--c-7c7c7c);
  3990. }
  3991. [class*="Suggested_scrollContainer_"] {
  3992. box-shadow: 0 2px 10px var(--c-0000001a);
  3993. }
  3994. [class*="MiniRichEditor_totalSymbols_"] {
  3995. color: var(--c-7c7c7c);
  3996. }
  3997. [class*="CoverImage_button_"] {
  3998. background-color: var(--c-white);
  3999. }
  4000. [class*="CoverUpload_coverButtonSvg_"] {
  4001. stroke: var(--c-242b2c);
  4002. }
  4003. [class*="CoverField_description_"] {
  4004. color: var(--c-7c7c7c);
  4005. }
  4006. [class*="ExternalApps_root_"] {
  4007. background-color: var(--c-white);
  4008. }
  4009. [class*="SmilesBlock_root_"] {
  4010. background-color: var(--c-white);
  4011. }
  4012. [class*="SubscriptionLevelsExampleTemplate_root_"] {
  4013. background-color: var(--c-white);
  4014. box-shadow: 0 4px 23px var(--c-0000000d);
  4015. }
  4016. [class*="SubscriptionLevelsExampleTemplate_price_"] {
  4017. color: var(--c-7c7c7c);
  4018. }
  4019. [class*="SubscriptionLevelsExampleTemplate_button_"] {
  4020. color: var(--c-white);
  4021. }
  4022. [class*="SubscriptionLevelsExample_root_"] {
  4023. background-color: var(--c-white);
  4024. }
  4025. [class*="SubscriptionLevelsPromo_root_"] {
  4026. background-color: var(--c-white);
  4027. }
  4028. [class*="SubscriptionLevelsPromo_linkButton_"]:hover {
  4029. border-bottom-color: var(--c-transparent);
  4030. }
  4031. [class*="SubscriptionLevelsPromo_lines_"]:before {
  4032. background-color: var(--c-f1ba2c);
  4033. }
  4034. [class*="SubscriptionLevelsPromo_lines_"]:after {
  4035. background-color: var(--c-f1ba2c);
  4036. }
  4037. [class*="StreamFormDescription_publisher_"]:hover {
  4038. border-color: var(--c-ccc);
  4039. }
  4040. [class*="TeaserPhotoButton_photoButtonSvg_"] {
  4041. stroke: var(--c-242b2c);
  4042. }
  4043. [class*="TeaserPhotoItem_button_"] {
  4044. background-color: var(--c-white);
  4045. }
  4046. [class*="TeaserPhotoField_description_"] {
  4047. color: var(--c-7c7c7c);
  4048. }
  4049. [class*="Teaser_description_"] {
  4050. color: var(--c-7c7c7c);
  4051. }
  4052. [class*="StreamForm_publishTimeError_"] {
  4053. color: var(--c-cb1a1a);
  4054. }
  4055. [class*="PromoNewForm_formContainer_"] {
  4056. background-color: var(--c-white);
  4057. }
  4058. [class*="PromoNewForm_iconInOption_"] {
  4059. stroke: var(--c-242b2c);
  4060. }
  4061. [class*="AccessSubscribers_root_"] {
  4062. color: var(--c-242b2c);
  4063. }
  4064. [class*="DefinitionItem_title_"] {
  4065. color: var(--c-7c7c7c);
  4066. }
  4067. [class*="CopyLinkButton_button_"] {
  4068. background-color: var(--c-transparent);
  4069. background-color: var(--c-white);
  4070. }
  4071. [class*="FinishPromoButton_button_"] {
  4072. background-color: var(--c-transparent);
  4073. }
  4074. [class*="FinishPromoButton_title_"] {
  4075. color: var(--c-7c7c7c);
  4076. }
  4077. [class*="PromoType_name_"] {
  4078. color: var(--c-7c7c7c);
  4079. }
  4080. [class*="PromoType_iconWrapper_"] {
  4081. background-color: var(--c-8764b833);
  4082. }
  4083. [class*="PromoType_iconWrapper_"] [class*="PromoType_iconType_"] {
  4084. color: var(--c-8764b8);
  4085. }
  4086. [class*="PromoType_iconWrapper_"][class*="PromoType_discount_"] {
  4087. background-color: var(--c-59a84033);
  4088. }
  4089. [class*="PromoType_iconWrapper_"][class*="PromoType_discount_"] [class*="PromoType_iconType_"] {
  4090. color: var(--c-59a840);
  4091. }
  4092. [class*="Status_statusText_"]:before {
  4093. background-color: var(--c-59a840);
  4094. }
  4095. [class*="Status_statusText_"] [class*="Status_highlight_"] {
  4096. background-color: var(--c-transparent);
  4097. }
  4098. .dark-theme [class*="BlogPromo_container_"] {
  4099. background-color: var(--c-262626);
  4100. }
  4101. [class*="SubscriptionLevelField_description_"] {
  4102. color: var(--c-7c7c7c);
  4103. }
  4104. [class*="PromoNewQr_description_"] {
  4105. color: var(--c-7c7c7c);
  4106. }
  4107. [class*="PromoNewView_backButton_"] {
  4108. background-color: var(--c-transparent);
  4109. }
  4110. [class*="Offers_root_"]:is(:after, :before) {
  4111. background-color: var(--c-eee);
  4112. }
  4113. [class*="Offers_contentContainer_"] [class*="Offers_tabItem_"] {
  4114. border-left: 2px solid var(--c-transparent);
  4115. }
  4116. [class*="Offers_contentBase_"] {
  4117. background-color: var(--c-white);
  4118. }
  4119. [class*="UnreadItemsCount_container_"] {
  4120. color: var(--c-white);
  4121. }
  4122. [class*="DialoguePreviewAttachment_icon_"] {
  4123. stroke: var(--c-242b2c);
  4124. fill: var(--c-242b2c);
  4125. }
  4126. [class*="DialogueItem_root_"] {
  4127. border: 1px solid var(--c-transparent);
  4128. }
  4129. [class*="DialogueItem_datetime_"] {
  4130. color: var(--c-7c7c7c);
  4131. }
  4132. [class*="DialogueItem_content_"] {
  4133. color: var(--c-7c7c7c);
  4134. }
  4135. [class*="DialogueItem_statusDeleted_"] {
  4136. color: var(--c-7c7c7c);
  4137. }
  4138. [class*="DialogueItem_donation_"] {
  4139. color: var(--c-7c7c7c);
  4140. }
  4141. [class*="DialogueItem_donationAmount_"] {
  4142. background-color: var(--c-f90);
  4143. }
  4144. .light-theme [class*="DialogueList_iconEmpty_"] {
  4145. color: var(--c-f5916e);
  4146. }
  4147. .light-x-theme [class*="DialogueList_iconEmpty_"] {
  4148. color: var(--c-ccc);
  4149. }
  4150. @supports not selector(::-webkit-scrollbar-thumb) {
  4151. :is(.light-theme, .light-x-theme) [class*="DialogueList_list_"] {
  4152. scrollbar-color: var(--c-ccc) var(--c-fff0);
  4153. }
  4154. .dark-theme [class*="DialogueList_list_"] {
  4155. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  4156. }
  4157. }
  4158. [class*="DialogueList_list_"]::-webkit-scrollbar {
  4159. background-color: var(--c-fff0);
  4160. }
  4161. [class*="DialogueList_list_"]::-webkit-scrollbar-track {
  4162. background-color: var(--c-fff0);
  4163. }
  4164. :is(.light-theme, .light-x-theme) [class*="DialogueList_list_"]::-webkit-scrollbar-thumb {
  4165. background-color: var(--c-ccc);
  4166. }
  4167. .dark-theme [class*="DialogueList_list_"]::-webkit-scrollbar-thumb {
  4168. background-color: var(--c-4a4a4a);
  4169. }
  4170. .light-theme [class*="DialogueMailingList_emptyIcon_"] {
  4171. color: var(--c-f5916e);
  4172. }
  4173. @supports not selector(::-webkit-scrollbar-thumb) {
  4174. :is(.light-theme, .light-x-theme) [class*="DialogueMailingList_list_"] {
  4175. scrollbar-color: var(--c-ccc) var(--c-fff0);
  4176. }
  4177. .dark-theme [class*="DialogueMailingList_list_"] {
  4178. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  4179. }
  4180. }
  4181. [class*="DialogueMailingList_list_"]::-webkit-scrollbar {
  4182. background-color: var(--c-fff0);
  4183. }
  4184. [class*="DialogueMailingList_list_"]::-webkit-scrollbar-track {
  4185. background-color: var(--c-fff0);
  4186. }
  4187. :is(.light-theme, .light-x-theme) [class*="DialogueMailingList_list_"]::-webkit-scrollbar-thumb {
  4188. background-color: var(--c-ccc);
  4189. }
  4190. .dark-theme [class*="DialogueMailingList_list_"]::-webkit-scrollbar-thumb {
  4191. background-color: var(--c-4a4a4a);
  4192. }
  4193. [class*="DialogueMailingList_iconEmpty_"] {
  4194. color: var(--c-f5916e);
  4195. }
  4196. @supports not selector(::-webkit-scrollbar-thumb) {
  4197. :is(.light-theme, .light-x-theme) [class*="SendMessageConfirmPopup_content_"] {
  4198. scrollbar-color: var(--c-ccc) var(--c-fff0);
  4199. }
  4200. .dark-theme [class*="SendMessageConfirmPopup_content_"] {
  4201. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  4202. }
  4203. }
  4204. [class*="SendMessageConfirmPopup_content_"]::-webkit-scrollbar {
  4205. background-color: var(--c-fff0);
  4206. }
  4207. [class*="SendMessageConfirmPopup_content_"]::-webkit-scrollbar-track {
  4208. background-color: var(--c-fff0);
  4209. }
  4210. :is(.light-theme, .light-x-theme) [class*="SendMessageConfirmPopup_content_"]::-webkit-scrollbar-thumb {
  4211. background-color: var(--c-ccc);
  4212. }
  4213. .dark-theme [class*="SendMessageConfirmPopup_content_"]::-webkit-scrollbar-thumb {
  4214. background-color: var(--c-4a4a4a);
  4215. }
  4216. [class*="SendMessageConfirmPopup_priceCaption_"] {
  4217. color: var(--c-7c7c7c);
  4218. }
  4219. .light-theme [class*="DialogsSettingsPromoPopup_description_"] {
  4220. color: var(--c-7c7c7c);
  4221. }
  4222. .light-x-theme [class*="DialogsSettingsPromoPopup_description_"] {
  4223. color: var(--c-7c7c7c);
  4224. }
  4225. .mobile [class*="RenewSubscriptionPopup_wrapper_"] {
  4226. background-color: var(--c-white);
  4227. }
  4228. [class*="RenewSubscriptionPopup_subText_"] {
  4229. color: var(--c-7c7c7c);
  4230. }
  4231. [class*="RenewSubscriptionPopup_subscriptionDescription_"] {
  4232. background-color: var(--c-eeeeee80);
  4233. }
  4234. [class*="RenewSubscriptionPopup_warning_"] {
  4235. background-color: var(--c-eee);
  4236. }
  4237. [class*="PostStatisticsPopup_postTitle_"] {
  4238. color: var(--c-7c7c7c);
  4239. }
  4240. [class*="SubscriptionPriceUpPopup_promoWarning_"] {
  4241. background-color: var(--c-cd35441a);
  4242. }
  4243. [class*="SuccessSubscriptionPriceUpPopup_iconWrapper_"] {
  4244. background-color: var(--c-59a84033);
  4245. }
  4246. [class*="SuccessSubscriptionPriceUpPopup_icon_"] {
  4247. color: var(--c-59a840);
  4248. }
  4249. [class*="AfterFollowPopup_wrapper_"] {
  4250. background-color: var(--c-000000b3);
  4251. }
  4252. [class*="AuthSignInPopup_popupFooter_"] {
  4253. color: var(--c-7c7c7c);
  4254. }
  4255. [class*="AuthSignUpPopup_popupFooter_"] {
  4256. color: var(--c-7c7c7c);
  4257. }
  4258. [class*="BecomeAuthorPopup_block_"] {
  4259. background-color: var(--c-white);
  4260. }
  4261. [class*="BecomeAuthorPopup_title_"] {
  4262. color: var(--c-white);
  4263. }
  4264. [class*="ApplePayButton_button_"] {
  4265. background-color: var(--c-black);
  4266. color: var(--c-white);
  4267. }
  4268. [class*="ApplePayButton_logo_"] {
  4269. background-color: var(--c-black);
  4270. }
  4271. [class*="PayFeeBlock_checkbox_"] {
  4272. background-color: var(--c-white);
  4273. }
  4274. [class*="PayFeeBlock_checkIcon_"] {
  4275. color: var(--c-white);
  4276. }
  4277. [class*="PayFeeBlock_heartShape_"] {
  4278. background-image: linear-gradient(205deg, var(--color-brand) 0, var(--color-brand) 25%, var(--c-transparent) 86%);
  4279. }
  4280. [class*="Bank131BindPaymentProgress_frameWrapper_"] {
  4281. background-color: var(--c-white);
  4282. }
  4283. [class*="PaymentByQiwi_phoneDescription_"] {
  4284. color: var(--c-7c7c7c);
  4285. }
  4286. [class*="PaymentByQiwi_phoneDescriptionLink_"] {
  4287. border-bottom: 1px solid var(--c-transparent);
  4288. }
  4289. [class*="YunoBindPaymentProgress_frameWrapper_"] {
  4290. background-color: var(--c-white);
  4291. }
  4292. .dark-theme [class*="StepPayment_title_"] {
  4293. color: var(--c-f1f1f1);
  4294. }
  4295. [class*="StepPayment_attention_"] {
  4296. color: var(--c-7c7c7c);
  4297. }
  4298. [class*="StepPayment_link_"] {
  4299. border-bottom: 1px solid var(--c-transparent);
  4300. }
  4301. [class*="StepShare_text_"] {
  4302. color: var(--c-7c7c7c);
  4303. }
  4304. [class*="PriceFormNew_priceWithoutDiscount_"] {
  4305. color: var(--c-7c7c7c);
  4306. }
  4307. [class*="PriceFormNew_description_"] {
  4308. color: var(--c-7c7c7c);
  4309. }
  4310. [class*="Periods_description_"] {
  4311. color: var(--c-7c7c7c);
  4312. }
  4313. [class*="Summary_description_"] {
  4314. color: var(--c-7c7c7c);
  4315. }
  4316. [class*="StepStartDonationPayment_note_"] {
  4317. color: var(--c-7c7c7c);
  4318. }
  4319. [class*="StepStartDonationPayment_priceFormLabel_"][class*="StepStartDonationPayment_disabled_"] {
  4320. color: var(--c-7c7c7c);
  4321. }
  4322. [class*="StepStartDonationPayment_lengthCounter_"] {
  4323. color: var(--c-7c7c7c);
  4324. }
  4325. [class*="StepStartDonationPayment_textarea_"]::-webkit-scrollbar {
  4326. background-color: var(--c-fff0);
  4327. }
  4328. [class*="StepStartDonationPayment_textarea_"]::-webkit-scrollbar-track {
  4329. background-color: var(--c-fff0);
  4330. }
  4331. .dark-theme .mobile [class*="StepStartGiftSubscription_levelCardContainer_"] [aria-hidden="false"] [aria-hidden="true"] {
  4332. border: 1px solid var(--c-4a4a4a);
  4333. }
  4334. [class*="StepStartGiftSubscription_priceBlockHint_"] {
  4335. color: var(--c-7c7c7c);
  4336. }
  4337. .mobile [class*="StepStartGiftSubscription_levelCardContainer_"] [aria-hidden="false"] + [aria-hidden="true"] div {
  4338. border-color: var(--c-transparent);
  4339. }
  4340. [class*="TargetProgress_block_"] {
  4341. border-bottom: 1px solid var(--c-4a4a4a);
  4342. }
  4343. [class*="TargetProgress_collectedUnit_"] {
  4344. color: var(--c-7c7c7c);
  4345. }
  4346. [class*="InputCopy_rightElement_"] {
  4347. background-color: var(--c-transparent);
  4348. }
  4349. [class*="GiftInfo_small_"] {
  4350. color: var(--c-7c7c7c);
  4351. }
  4352. [class*="UpdateEmailField_emailSendedMessage_"] {
  4353. color: var(--c-7c7c7c);
  4354. }
  4355. [class*="UpdateEmailField_link_"] {
  4356. border-bottom: 1px solid var(--c-transparent);
  4357. }
  4358. [class*="NativeAppQr_root_"] {
  4359. background-color: var(--c-white);
  4360. }
  4361. [class*="NativeAppQr_title_"] {
  4362. color: var(--c-7c7c7c);
  4363. }
  4364. [class*="DownloadAppBlock_root_"] {
  4365. background-color: var(--c-f6f6f6);
  4366. }
  4367. .light-theme [class*="StepSuccess_imageSide_"] {
  4368. background-color: var(--c-fde2d9);
  4369. }
  4370. .dark-theme [class*="StepSuccess_description_"] {
  4371. color: var(--c-f1f1f1);
  4372. }
  4373. .dark-theme [class*="StepSuccess_imageSide_"] {
  4374. background-color: var(--c-fde2d9);
  4375. }
  4376. .dark-theme [class*="StepFailure_header_"] {
  4377. color: var(--c-f1f1f1);
  4378. }
  4379. [class*="StepFailure_dim_"] {
  4380. color: var(--c-7c7c7c);
  4381. }
  4382. [class*="StepFailure_link_"] {
  4383. border-bottom: 1px solid var(--c-transparent);
  4384. }
  4385. [class*="StepFailure_failText_"] {
  4386. color: var(--c-7c7c7c);
  4387. }
  4388. [class*="StepDonationSuccess_iconWrapper_"] {
  4389. background-color: var(--c-59a8404d);
  4390. }
  4391. [class*="StepDonationSuccess_icon_"] {
  4392. color: var(--c-59a840);
  4393. }
  4394. [class*="Success_icon_"] {
  4395. fill: var(--c-028f68);
  4396. }
  4397. [class*="ChangePhonePopup_block_"] {
  4398. background-color: var(--c-white);
  4399. }
  4400. [class*="ConfirmPopup_confirmButton_"]:hover {
  4401. background-color: var(--c-eb3f50);
  4402. }
  4403. .dark-theme [class*="TelegramConnectionContent_qrCodeContainer_"] {
  4404. border-color: var(--c-transparent);
  4405. }
  4406. :is(.light-theme, .light-x-theme) [class*="TelegramConnectionContent_qrCodeContainer_"] {
  4407. border-color: var(--c-eaeaea);
  4408. }
  4409. [class*="TelegramConnectionContent_copyLinkText_"] {
  4410. border-bottom: 1px solid var(--c-transparent);
  4411. }
  4412. [class*="TelegramConnectionContent_qrCodeContainer_"] {
  4413. background-color: var(--c-white);
  4414. }
  4415. [class*="PaymentViewWrapper_avatar_"] {
  4416. border: 2px solid var(--c-white);
  4417. }
  4418. [class*="PaymentViewWrapper_username_"] {
  4419. color: var(--c-7c7c7c);
  4420. }
  4421. [class*="InputCopy_rightElement_"] {
  4422. background-color: var(--c-transparent);
  4423. }
  4424. [class*="InputEmail_rightElement_"] {
  4425. background-color: var(--c-transparent);
  4426. }
  4427. [class*="InputEmail_rightElementSuccess_"] {
  4428. color: var(--c-3a4);
  4429. }
  4430. [class*="InputEmail_rightElementSuccess_"] [class*="InputEmail_rightElementIcon_"] {
  4431. fill: var(--c-3a4);
  4432. }
  4433. [class*="StepStart_infoText_"] {
  4434. color: var(--c-7c7c7c);
  4435. }
  4436. [class*="UnsubscribePollPopup_confirmButton_"]:hover {
  4437. background-color: var(--c-d45124);
  4438. }
  4439. [class*="SubscriptionLevelSample_root_"] {
  4440. background-color: var(--c-white);
  4441. }
  4442. [class*="SubscriptionLevelSample_value_"] {
  4443. color: var(--c-7c7c7c);
  4444. }
  4445. [class*="SubscriptionLevelsExample_root_"] {
  4446. background-color: var(--c-transparent);
  4447. }
  4448. [class*="SubscriptionLevelsExample_header_"] {
  4449. background-color: var(--c-white);
  4450. }
  4451. [class*="BlogSubscriptionLevelsRemove_warning_"] {
  4452. color: var(--c-7c7c7c);
  4453. }
  4454. [class*="Messages_root_"] {
  4455. background-color: var(--c-white);
  4456. }
  4457. [class*="ThankMessage_description_"] {
  4458. color: var(--c-7c7c7c);
  4459. }
  4460. [class*="EditForm_visibilityDescription_"] {
  4461. color: var(--c-7c7c7c);
  4462. }
  4463. :is([class*="BlogSubscriptionLevelsAdd_buttons_"], [class*="BlogSubscriptionLevelsAdd_form_"]) {
  4464. background-color: var(--c-white);
  4465. }
  4466. [class*="BlogSubscriptionLevelsEdit_rightBlock_"] > div {
  4467. background-color: var(--c-white);
  4468. }
  4469. [class*="PollVotersPreview_root_"] {
  4470. background-color: var(--c-white);
  4471. }
  4472. [class*="PollOption_option_"] {
  4473. background-color: var(--c-f6f6f6);
  4474. }
  4475. .dark-theme [class*="PollOption_option_"] {
  4476. background-color: var(--c-303030);
  4477. }
  4478. [class*="PollOption_option_"]:hover:not([class*="PollOption_disabled_"]) {
  4479. background-color: var(--c-ececec);
  4480. }
  4481. .dark-theme [class*="PollOption_option_"]:hover:not([class*="PollOption_disabled_"]) {
  4482. background-color: var(--c-3d3d3d);
  4483. }
  4484. [class*="PollOption_fraction_"] {
  4485. background-color: var(--c-eee);
  4486. }
  4487. [class*="PollDetailsShowMoreButton_root_"] {
  4488. background-color: var(--c-transparent);
  4489. }
  4490. [class*="PollDetailsVoter_username_"] {
  4491. color: var(--c-black);
  4492. }
  4493. [class*="PostAccessSelector_price_"] {
  4494. color: var(--c-7c7c7c);
  4495. }
  4496. [class*="PostAccessSelector_trialButton_"] {
  4497. background-color: var(--c-59a840);
  4498. }
  4499. [class*="PostAccessSelector_trialButton_"]:hover {
  4500. background-color: var(--c-498e34);
  4501. }
  4502. [class*="PostAccessSelector_promoText_"] {
  4503. color: var(--c-7c7c7c);
  4504. }
  4505. [class*="PostAccessSelector_discount_"] {
  4506. background-color: var(--c-59a840);
  4507. color: var(--c-white);
  4508. }
  4509. [class*="PostAccessSelector_priceWithoutDiscount_"] {
  4510. color: var(--c-7c7c7c80);
  4511. }
  4512. [class*="PostAccessSelector_lackOfSlotsWarning_"] {
  4513. color: var(--c-7c7c7c);
  4514. }
  4515. [class*="PriceCard_root_"] {
  4516. background-color: var(--c-eee);
  4517. color: var(--c-7c7c7c);
  4518. }
  4519. [class*="Example_priceUpWrapper_"] {
  4520. background-color: var(--c-white);
  4521. }
  4522. [class*="SubscriptionPriceUpInfoPopup_text_"] {
  4523. color: var(--c-7c7c7c);
  4524. }
  4525. [class*="SubscriptionPriceUpInfoPopup_itemText_"] {
  4526. color: var(--c-7c7c7c);
  4527. }
  4528. [class*="ComplaintSent_iconWrapper_"] {
  4529. background-color: var(--c-59a8404d);
  4530. }
  4531. [class*="ComplaintSent_icon_"] {
  4532. color: var(--c-59a840);
  4533. }
  4534. [class*="BlogIncomePeriodSelector_periodText_"] {
  4535. color: var(--c-7c7c7c);
  4536. }
  4537. [class*="FinishTime_root_"] {
  4538. color: var(--c-7c7c7c);
  4539. }
  4540. [class*="PollLoading_root_"] {
  4541. background-color: var(--c-ffffffb3);
  4542. }
  4543. [class*="VoteCounter_root_"] {
  4544. color: var(--c-7c7c7c);
  4545. }
  4546. [class*="AddAnswerButton_root_"] {
  4547. background-color: var(--c-transparent);
  4548. background-color: var(--c-white);
  4549. }
  4550. [class*="PollForm_closeButton_"] {
  4551. background-color: var(--c-transparent);
  4552. }
  4553. [class*="PollForm_optionInputRemoveButton_"] {
  4554. background-color: var(--c-transparent);
  4555. }
  4556. [class*="PollForm_readOnlyWarning_"] {
  4557. color: var(--c-7c7c7c);
  4558. }
  4559. [class*="PollForm_error_"] {
  4560. color: var(--c-cb1a1a);
  4561. }
  4562. [class*="BlogPostForm_editorError_"] {
  4563. background-color: var(--c-cb1a1a);
  4564. }
  4565. [class*="BlogPostForm_dateError_"] {
  4566. color: var(--c-cb1a1a);
  4567. }
  4568. [class*="MessagePreviewPopup_contentBlock_"]::-webkit-scrollbar-track {
  4569. background-color: var(--c-fff0);
  4570. }
  4571. [class*="MessagePreviewPopup_contentBlock_"] {
  4572. border: 1px solid var(--c-eee);
  4573. }
  4574. [class*="ScrollUpButton_button_"] {
  4575. background-color: var(--c-ffffffb3);
  4576. box-shadow: 0 4px 24px var(--c-0000000d);
  4577. }
  4578. .dark-theme [class*="ScrollUpButton_button_"] {
  4579. background-color: var(--c-191919b3);
  4580. }
  4581. [class*="TutorialCompleted_text_"] {
  4582. color: var(--c-7c7c7c);
  4583. }
  4584. [class*="TutorialCompleted_circle_"] {
  4585. stroke: var(--c-e0e0e0);
  4586. }
  4587. [class*="TutorialCompleted_copy_"] {
  4588. border-bottom: 1px solid var(--c-transparent);
  4589. }
  4590. [class*="TutorialCompleted_finishContainer_"]:before {
  4591. background-color: var(--c-eaeaea);
  4592. }
  4593. [class*="TutorialItem_arrow_"] {
  4594. color: var(--c-7c7c7c);
  4595. fill: var(--c-7c7c7c);
  4596. }
  4597. [class*="TutorialItem_rootDisabled_"]:hover [class*="TutorialItem_arrow_"] {
  4598. fill: var(--c-7c7c7c);
  4599. }
  4600. [class*="TutorialItem_containerDisabled_"] [class*="TutorialItem_rightBlock_"] {
  4601. color: var(--c-7c7c7c);
  4602. }
  4603. .light-x-theme [class*="TutorialGroupItem_checkIcon_"] {
  4604. color: var(--c-59a840);
  4605. }
  4606. [class*="TutorialGroupItem_numberCircle_"]:before {
  4607. border: 1px solid var(--c-white);
  4608. }
  4609. [class*="TutorialGroupItem_successCircle_"] {
  4610. border: 2px solid var(--c-59a840);
  4611. }
  4612. [class*="TutorialGroupItem_successCircle_"] [class*="TutorialGroupItem_checkIcon_"] {
  4613. fill: var(--c-59a840);
  4614. }
  4615. [class*="TutorialGroupList_descriptionText_"] {
  4616. color: var(--c-7c7c7c);
  4617. }
  4618. [class*="TutorialStepsList_arrow_"] {
  4619. fill: var(--c-242b2c);
  4620. }
  4621. [class*="TutorialStepsList_video_"] {
  4622. background-color: var(--c-ccc);
  4623. }
  4624. [class*="TutorialStepsList_videoDuration_"] {
  4625. background-color: var(--c-00000080);
  4626. color: var(--c-white);
  4627. }
  4628. [class*="TutorialStepsList_playIcon_"] {
  4629. color: var(--c-white);
  4630. }
  4631. [class*="SubscriptionsMenu_title_"] {
  4632. color: var(--c-7c7c7c);
  4633. }
  4634. [class*="SubscriptionsMenu_discount_"] {
  4635. background-color: var(--c-59a840);
  4636. color: var(--c-white);
  4637. }
  4638. [class*="SubscriptionsMenu_trial_"] {
  4639. color: var(--c-59a840);
  4640. }
  4641. [class*="SubscriptionsMenu_trialIcon_"] {
  4642. color: var(--c-59a840);
  4643. }
  4644. [class*="SubscriptionsMenu_loadMore_"] {
  4645. border-bottom: 1px solid var(--c-transparent);
  4646. }
  4647. [class*="SubscriptionsMenu_link_"] {
  4648. border-bottom: 1px solid var(--c-transparent);
  4649. }
  4650. [class*="SubscriptionsMenu_closeButton_"] {
  4651. background-color: var(--c-transparent);
  4652. }
  4653. :is(.light-theme, .light-x-theme) [class*="Subscriptions_root_"] {
  4654. background-color: var(--c-white);
  4655. border-color: var(--c-eaeaea);
  4656. }
  4657. .dark-theme [class*="Subscriptions_root_"] {
  4658. background-color: var(--c-262626);
  4659. border-color: var(--c-262626);
  4660. }
  4661. [class*="NotificationsEmpty_description_"] {
  4662. color: var(--c-7c7c7c);
  4663. }
  4664. [class*="Avatar_iconWrapper_"] {
  4665. color: var(--c-white);
  4666. fill: var(--c-white);
  4667. }
  4668. .dark-theme [class*="ContextMenu_button_"]:hover [class*="ContextMenu_menuIcon_"] {
  4669. color: var(--c-white);
  4670. }
  4671. [class*="ContextMenu_menuIcon_"] {
  4672. color: var(--c-7c7c7c);
  4673. }
  4674. [class*="ContextMenu_dropdown_"] {
  4675. box-shadow: 0 2px 10px var(--c-0000001a);
  4676. }
  4677. :is(.light-theme, .light-x-theme) [class*="ContextMenu_dropdown_"] {
  4678. background-color: var(--c-white);
  4679. border-color: var(--c-eaeaea);
  4680. }
  4681. .dark-theme [class*="ContextMenu_dropdown_"] {
  4682. background-color: var(--c-262626);
  4683. border-color: var(--c-303030);
  4684. box-shadow: 0 2px 10px var(--c-00000080);
  4685. }
  4686. [class*="Main_eventTime_"] {
  4687. color: var(--c-7c7c7c);
  4688. }
  4689. .dark-theme [class*="Preview_wrapper_"] {
  4690. color: var(--c-f5916e);
  4691. stroke: var(--c-f5916e);
  4692. }
  4693. .dark-theme [class*="Preview_wrapper_"][class*="Preview_colorBackground_"] {
  4694. background-color: var(--c-fdefea);
  4695. }
  4696. .light-theme [class*="Preview_wrapper_"] {
  4697. color: var(--c-f5916e);
  4698. stroke: var(--c-f5916e);
  4699. }
  4700. .light-theme [class*="Preview_wrapper_"][class*="Preview_colorBackground_"] {
  4701. background-color: var(--c-fdefea);
  4702. }
  4703. .dark-theme [class*="NotificationView_wrapper_"] {
  4704. border-bottom-color: var(--c-4a4a4a);
  4705. color: var(--c-f1f1f1);
  4706. }
  4707. .dark-theme [class*="NotificationView_wrapper_"]:is(:hover, :not([class*="NotificationView_read_"])) {
  4708. background-color: var(--c-303030);
  4709. }
  4710. .dark-theme [class*="NotificationView_wrapper_"]:not([class*="NotificationView_read_"]):hover {
  4711. background-color: var(--c-4a4a4a);
  4712. }
  4713. .light-theme [class*="NotificationView_wrapper_"] {
  4714. background-color: var(--c-eee);
  4715. border-bottom-color: var(--c-eaeaea);
  4716. }
  4717. .light-theme [class*="NotificationView_wrapper_"]:hover {
  4718. background-color: var(--c-eaeaea);
  4719. }
  4720. .light-theme [class*="NotificationView_wrapper_"][class*="NotificationView_read_"] {
  4721. background-color: var(--c-white);
  4722. }
  4723. .light-theme [class*="NotificationView_wrapper_"][class*="NotificationView_read_"]:hover {
  4724. background-color: var(--c-eee);
  4725. }
  4726. .light-x-theme [class*="NotificationView_wrapper_"] {
  4727. background-color: var(--c-eee);
  4728. border-bottom-color: var(--c-eaeaea);
  4729. }
  4730. .light-x-theme [class*="NotificationView_wrapper_"]:hover {
  4731. background-color: var(--c-eaeaea);
  4732. }
  4733. .light-x-theme [class*="NotificationView_wrapper_"][class*="NotificationView_read_"] {
  4734. background-color: var(--c-white);
  4735. }
  4736. .light-x-theme [class*="NotificationView_wrapper_"][class*="NotificationView_read_"]:hover {
  4737. background-color: var(--c-eee);
  4738. }
  4739. [class*="CommentNotification_commentIconWrapper_"] {
  4740. background-color: var(--c-6ca7fc);
  4741. }
  4742. [class*="CommentNotification_replyIconWrapper_"] {
  4743. background-color: var(--c-c36ef7);
  4744. }
  4745. [class*="DiscountSubscriptionNotification_iconWrapper_"] {
  4746. background-color: var(--c-f2943e);
  4747. }
  4748. [class*="DonationNotification_iconWrapper_"] {
  4749. background-color: var(--c-f2943e);
  4750. }
  4751. [class*="FreeTrialNotification_icon_"] {
  4752. color: var(--c-white);
  4753. }
  4754. [class*="FreeTrialNotification_iconWrapper_"] {
  4755. background-color: var(--c-f2943e);
  4756. }
  4757. [class*="LevelSubscribersLimitReachedNotification_iconWrapper_"] {
  4758. color: var(--c-white);
  4759. }
  4760. [class*="MessageBuyNotification_iconWrapper_"] {
  4761. background-color: var(--c-c36ef7);
  4762. }
  4763. [class*="NewSubscriberNotification_iconWrapper_"] {
  4764. background-color: var(--c-3ea6f2);
  4765. }
  4766. [class*="PostNotification_iconWrapper_"][class*="PostNotification_newPost_"] {
  4767. background-color: var(--c-f98056);
  4768. }
  4769. [class*="PostNotification_iconWrapper_"][class*="PostNotification_boughtPost_"] {
  4770. background-color: var(--c-f2943e);
  4771. }
  4772. [class*="ReferralBloggerNotification_iconWrapper_"] {
  4773. background-color: var(--c-f98056);
  4774. }
  4775. [class*="ReferralUserNotification_iconWrapper_"] {
  4776. background-color: var(--c-f2943e);
  4777. }
  4778. [class*="StatReportFailedNotification_link_"] {
  4779. border-bottom: 1px solid var(--c-transparent);
  4780. }
  4781. [class*="StatReportSuccessNotification_link_"] {
  4782. border-bottom: 1px solid var(--c-transparent);
  4783. }
  4784. [class*="StatReportSuccessNotification_icon_"] {
  4785. color: var(--c-f15f2c);
  4786. }
  4787. [class*="StreamNotification_iconWrapper_"] {
  4788. background-color: var(--c-f23e3e);
  4789. }
  4790. [class*="SupportMessageNotification_icon_"] {
  4791. color: var(--c-f15f2c);
  4792. }
  4793. [class*="TargetNotification_iconWrapper_"] {
  4794. background-color: var(--c-f23e3e);
  4795. }
  4796. :is(.dark-theme, .light-theme, .light-x-theme) [class*="NewNotification_wrapper_"] {
  4797. background-color: var(--c-fdefea);
  4798. }
  4799. [class*="NewNotification_button_"] {
  4800. background-color: var(--c-transparent);
  4801. }
  4802. .dark-theme [class*="Header_wrapper_"] {
  4803. border-bottom-color: var(--c-303030);
  4804. }
  4805. :is(.light-theme, .light-x-theme) [class*="Header_wrapper_"] {
  4806. border-bottom-color: var(--c-eaeaea);
  4807. }
  4808. [class*="Header_extraMenuItemRed_"] {
  4809. color: var(--c-cd3544);
  4810. }
  4811. .dark-theme [class*="NotificationsTab_wrapper_"] {
  4812. background-color: var(--c-262626);
  4813. box-shadow: 0 5px 20px var(--c-0003);
  4814. color: var(--c-f1f1f1);
  4815. }
  4816. :is(.light-theme, .light-x-theme) [class*="NotificationsTab_wrapper_"] {
  4817. background-color: var(--c-white);
  4818. box-shadow: 0 5px 20px var(--c-0003);
  4819. }
  4820. [class*="AudioPlayerButton_audioPlayerButton_"] {
  4821. background-color: var(--c-white);
  4822. }
  4823. .dark-theme [class*="AudioPlayerButton_audioPlayerButton_"] {
  4824. background-color: var(--c-303030);
  4825. }
  4826. [class*="AppAudioPlayer_root_"] {
  4827. border-top: 1px solid var(--c-eee);
  4828. }
  4829. .dark-theme [class*="AppAudioPlayer_root_"] {
  4830. border-top-color: var(--c-303030);
  4831. }
  4832. [class*="AppAudioPlayer_player_"] {
  4833. background-color: var(--c-white);
  4834. box-shadow: 0 2px 10px var(--c-0000001a);
  4835. }
  4836. .dark-theme .AppAudioPlayer_iconDotsContainer_0B6qZ {
  4837. fill: var(--c-f1f1f1);
  4838. }
  4839. [class*="AppAudioPlayer_playlist_"][class*="AppAudioPlayer_noBorderTop_"] {
  4840. border-top-color: var(--c-transparent);
  4841. }
  4842. [class*="AppAudioPlayer_playlistTitle_"] {
  4843. color: var(--c-7c7c7c);
  4844. }
  4845. [class*="AppAudioPlayer_overlay_"] {
  4846. background-color: var(--c-0000004d);
  4847. }
  4848. [class*="PeriodSelector_activePeriodText_"] {
  4849. border-bottom: 1px dashed var(--c-transparent);
  4850. }
  4851. [class*="PeriodSelector_activePeriodTextWhite_"] {
  4852. border-bottom-color: var(--c-ffffff4d);
  4853. color: var(--c-white);
  4854. }
  4855. [class*="PeriodSelector_dropdown_"] {
  4856. background-color: var(--c-white);
  4857. box-shadow: 0 2px 20px var(--c-0000001a);
  4858. }
  4859. [class*="PeriodSelector_iconArrowWhite_"] {
  4860. fill: var(--c-white);
  4861. }
  4862. [class*="PeriodSelector_resetButton_"] {
  4863. color: var(--c-white);
  4864. }
  4865. :is([class*="DatePicker_themeButton_"], [class*="DatePicker_themeSelect_"]) [class*="DatePicker_input_"] [class*="DatePicker_inputRight_"] {
  4866. background-color: var(--c-white);
  4867. }
  4868. :is([class*="DatePicker_themeButton_"], [class*="DatePicker_themeSelectCompact_"], [class*="DatePicker_themeSelect_"]) [class*="DatePicker_input_"] [class*="DatePicker_inputLeft_"] {
  4869. background-color: var(--c-white);
  4870. }
  4871. [class*="DatePicker_themeSelect_"] [class*="DatePicker_input_"] [class*="DatePicker_inputRight_"] {
  4872. background-color: var(--c-white);
  4873. }
  4874. [class*="PeriodSelector_root_"] [class*="PeriodSelector_resetButton_"] {
  4875. color: var(--c-white);
  4876. }
  4877. [class*="PromoStatInfo_discount_"] {
  4878. background-color: var(--c-59a84033);
  4879. color: var(--c-59a840);
  4880. }
  4881. [class*="PromoStatInfo_trial_"] {
  4882. background-color: var(--c-8764b833);
  4883. color: var(--c-8764b8);
  4884. }
  4885. [class*="PostAccessInfo_level_"]:before {
  4886. color: var(--c-9d9d9d);
  4887. }
  4888. [class*="PostAccessInfo_divider_"]:after {
  4889. background-color: var(--c-eaeaea);
  4890. }
  4891. [class*="PostAccessInfo_or_"] {
  4892. background-color: var(--c-white);
  4893. color: var(--c-7c7c7c);
  4894. }
  4895. [class*="PostAccessInfo_price_"] {
  4896. color: var(--c-7c7c7c);
  4897. }
  4898. [class*="PostActionsMenu_content_"] [class*="PostActionsMenu_markup_"] a {
  4899. border-bottom: 1px solid var(--c-transparent);
  4900. }
  4901. [class*="PostActionsMenu_shading_"] {
  4902. background-image: linear-gradient(to bottom, var(--c-fff0), var(--var-color-post-bg) 75%, var(--var-color-post-bg));
  4903. }
  4904. [class*="PostActionsMenu_readMore_"] {
  4905. border-bottom: 1px solid var(--c-transparent);
  4906. }
  4907. .dark-theme [class*="PostActionsMenu_readMore_"] {
  4908. border-bottom: 1px solid var(--c-transparent);
  4909. }
  4910. [class*="PostActionsMenu_showPost_"] {
  4911. border-bottom: 1px solid var(--c-transparent);
  4912. }
  4913. [class*="PostActionsMenu_trackingPixel_"] {
  4914. background-color: var(--c-transparent);
  4915. }
  4916. [class*="CreatedAt_headerLink_"] {
  4917. border-bottom: 1px solid var(--c-transparent);
  4918. }
  4919. @media not all and (hover: none) {
  4920. [class*="CreatedAt_headerLink_"]:hover {
  4921. border-bottom-color: var(--c-transparent);
  4922. }
  4923. }
  4924. [class*="PostPublishTime_headerDeferredLabel_"] {
  4925. border-bottom: 1px solid var(--c-transparent);
  4926. }
  4927. [class*="BasePostHeader_rootLink_"] {
  4928. border-bottom: 1px solid var(--c-transparent);
  4929. color: var(--c-7c7c7c);
  4930. }
  4931. [class*="BasePostHeader_rootLink_"]:visited {
  4932. color: var(--c-7c7c7c);
  4933. }
  4934. @media not all and (hover: none) {
  4935. [class*="BasePostHeader_rootLink_"]:hover {
  4936. border-bottom-color: var(--c-7c7c7c);
  4937. }
  4938. }
  4939. [class*="BasePostHeader_rootDeleted_"] {
  4940. background-color: var(--c-cd35441a);
  4941. }
  4942. [class*="AttachmentButton_attachContainer_"] {
  4943. background-color: var(--c-transparent);
  4944. }
  4945. [class*="CommentPublisherWarningWrapper_warning_"] {
  4946. color: var(--c-white);
  4947. }
  4948. [class*="EditingLabel_closeIcon_"] {
  4949. color: var(--c-7c7c7c);
  4950. }
  4951. [class*="EditingLabel_closeButton_"] {
  4952. background-color: var(--c-transparent);
  4953. }
  4954. [class*="EditingLabel_closeButton_"]:active [class*="EditingLabel_closeIcon_"] {
  4955. color: var(--c-black);
  4956. }
  4957. [class*="PhotoPreviewItem_spinnerWrapper_"] {
  4958. background-color: var(--c-4d4d4d80);
  4959. }
  4960. [class*="PhotoPreviewItem_button_"] {
  4961. background-color: var(--c-white);
  4962. }
  4963. .desktop [class*="ReplyTo_closeIcon_"] {
  4964. color: var(--c-ccc);
  4965. }
  4966. .mobile [class*="ReplyTo_closeIcon_"] {
  4967. color: var(--c-7c7c7c);
  4968. }
  4969. [class*="ReplyTo_closeButton_"] {
  4970. background-color: var(--c-transparent);
  4971. }
  4972. [class*="ReplyTo_closeButton_"]:active [class*="ReplyTo_closeIcon_"] {
  4973. color: var(--c-black);
  4974. }
  4975. [class*="ReplyTo_closeButton_"]:hover [class*="ReplyTo_closeIcon_"] {
  4976. color: var(--c-7c7c7c);
  4977. }
  4978. [class*="CommentPublisher_root_"] {
  4979. background-color: var(--c-white);
  4980. }
  4981. [class*="CommentPublisher_root_"][class*="CommentPublisher_sticky_"] {
  4982. border-top: 1px solid var(--c-transparent);
  4983. }
  4984. .dark-theme .minimal [class*="CommentPublisher_root_"] {
  4985. background-color: var(--c-262626);
  4986. }
  4987. [class*="ShowMore_showMore_"] {
  4988. border-bottom: 1px solid var(--c-transparent);
  4989. }
  4990. [class*="CommentMenu_inlineButton_"] {
  4991. background-color: var(--c-transparent);
  4992. }
  4993. [class*="CommentMenu_dropdown_"] {
  4994. box-shadow: 0 2px 10px var(--c-0000001a);
  4995. }
  4996. :is(.light-theme, .light-x-theme) [class*="CommentMenu_dropdown_"] {
  4997. background-color: var(--c-white);
  4998. border-color: var(--c-eaeaea);
  4999. }
  5000. .dark-theme [class*="CommentMenu_dropdown_"] {
  5001. background-color: var(--c-262626);
  5002. border-color: var(--c-303030);
  5003. box-shadow: 0 2px 10px var(--c-00000080);
  5004. }
  5005. [class*="ReplyTo_text_"] {
  5006. color: var(--c-7c7c7c) !important;
  5007. }
  5008. [class*="PublishingComment_content_"] a {
  5009. border-bottom: 1px solid var(--c-transparent);
  5010. }
  5011. [class*="PublishingComment_bottomBlock_"] {
  5012. color: var(--c-5a6a7a);
  5013. }
  5014. [class*="PublishingComment_bottomLabel_"] {
  5015. color: var(--c-7c7c7c);
  5016. }
  5017. [class*="RemovedComment_link_"] {
  5018. border-bottom: 1px solid var(--c-transparent);
  5019. }
  5020. [class*="ReactionsApplied_icon_"] {
  5021. color: var(--c-white);
  5022. }
  5023. .dark-theme [class*="ReactionsApplied_icon_"] {
  5024. color: var(--c-262626);
  5025. }
  5026. [class*="ReactionItem_container_"] {
  5027. border: 1px solid var(--c-transparent);
  5028. }
  5029. .dark-theme [class*="ReactionItem_selected_"] {
  5030. color: var(--c-262626);
  5031. }
  5032. [class*="ReactionItem_counter_"] {
  5033. background-color: var(--c-white);
  5034. color: var(--c-7c7c7c);
  5035. filter: drop-shadow(0 2px 10px var(--c-rgba-0-0-0-0_1));
  5036. }
  5037. [class*="ReactionItem_counter_"][class*="ReactionItem_selectedReaction_"] {
  5038. border: 1px solid var(--c-white);
  5039. color: var(--c-white);
  5040. }
  5041. [class*="ReactionItem_avatar_"] {
  5042. background-color: var(--c-eaeaea);
  5043. }
  5044. [class*="ReactionItem_icon_"] {
  5045. color: var(--c-white);
  5046. }
  5047. .dark-theme [class*="ReactionItem_icon_"] {
  5048. color: var(--c-262626);
  5049. }
  5050. [class*="ReactionsComment_amount_"] {
  5051. color: var(--c-7c7c7c);
  5052. }
  5053. [class*="ReactionsComment_iconReaction_"] {
  5054. color: var(--c-7c7c7c);
  5055. }
  5056. [class*="BlockedIcon_icon_"] {
  5057. color: var(--c-7c7c7c);
  5058. }
  5059. [class*="CommentView_contentWrapper_"] [class*="CommentView_showMore_"] {
  5060. background-image: linear-gradient(to bottom, var(--c-fff0), var(--var-color-post-bg) 50%, var(--var-color-post-bg));
  5061. }
  5062. [class*="CommentView_content_"] a {
  5063. border-bottom: 1px solid var(--c-transparent);
  5064. }
  5065. :is([class*="CommentView_isDeleted_"], [class*="CommentView_removing_"]) {
  5066. color: var(--c-7c7c7c);
  5067. }
  5068. [class*="CommentView_commentBlocked_"] {
  5069. background-color: var(--c-cd35441a);
  5070. }
  5071. [class*="PhotoPreviewItem_spinnerWrapper_"] {
  5072. background-color: var(--c-4d4d4d80);
  5073. }
  5074. [class*="PhotoPreviewItem_button_"] {
  5075. background-color: var(--c-white);
  5076. }
  5077. [class*="EditedComment_editingLabel_"] {
  5078. color: var(--c-7c7c7c);
  5079. }
  5080. [class*="NotAuthorizedNote_link_"] {
  5081. border-bottom: 1px solid var(--c-transparent);
  5082. }
  5083. [class*="Post_content_"] [class*="Post_markup_"] a {
  5084. border-bottom: 1px solid var(--c-transparent);
  5085. }
  5086. [class*="Post_shading_"] {
  5087. background-image: linear-gradient(to bottom, var(--c-fff0), var(--var-color-post-bg) 75%, var(--var-color-post-bg));
  5088. }
  5089. [class*="Post_readMore_"] {
  5090. border-bottom: 1px solid var(--c-transparent);
  5091. }
  5092. .dark-theme [class*="Post_readMore_"] {
  5093. border-bottom: 1px solid var(--c-transparent);
  5094. }
  5095. [class*="Post_showPost_"] {
  5096. border-bottom: 1px solid var(--c-transparent);
  5097. }
  5098. [class*="Post_trackingPixel_"] {
  5099. background-color: var(--c-transparent);
  5100. }
  5101. [class*="PostDonationsItem_date_"] {
  5102. color: var(--c-7c7c7c);
  5103. }
  5104. [class*="PostDonationsItem_sumLabel_"] {
  5105. background-color: var(--c-33aa441a);
  5106. color: var(--c-3a4);
  5107. }
  5108. [class*="PostDonationsItem_dialogButton_"] {
  5109. border: 1px solid var(--c-eaeaea) !important;
  5110. }
  5111. :is(.dark-theme, .light-theme) [class*="Donations_donationsIconRoot_"] {
  5112. color: var(--c-f90);
  5113. }
  5114. .light-x-theme [class*="Donations_donationsIconRoot_"] {
  5115. color: var(--c-f18f01);
  5116. }
  5117. [class*="Donations_root_"] [class*="Donations_donationsIconBg_"]:after {
  5118. background-image: linear-gradient(65deg, var(--c-transparent) 25%, var(--c-fffc) 50%, var(--c-transparent) 75%);
  5119. }
  5120. [class*="Donations_donationsButton_"] {
  5121. background-color: var(--c-transparent);
  5122. }
  5123. [class*="PostSubscriptionBlockFooter_button_"][class*="PostSubscriptionBlockFooter_disabled_"] {
  5124. background-color: var(--c-7c7c7c);
  5125. }
  5126. [class*="PostSubscriptionBlockFooter_lockIcon_"] {
  5127. fill: var(--c-white);
  5128. }
  5129. [class*="PostSubscriptionBlockFooter_subText_"] {
  5130. color: var(--c-fff9);
  5131. }
  5132. [class*="PostSubscriptionBlock_defaultImage_"] {
  5133. background-color: var(--c-f5aa91);
  5134. }
  5135. .dark-theme [class*="PostSubscriptionBlock_defaultImage_"] [class*="PostSubscriptionBlock_spot1_"] {
  5136. background-color: var(--c-ff0067d9);
  5137. }
  5138. .dark-theme [class*="PostSubscriptionBlock_defaultImage_"] [class*="PostSubscriptionBlock_spot3_"] {
  5139. background-color: var(--c-0095ff);
  5140. }
  5141. [class*="PostSubscriptionBlock_content_"] {
  5142. color: var(--c-white);
  5143. }
  5144. [class*="PostSubscriptionBlock_content_"][class*="PostSubscriptionBlock_uploadedTeaser_"] {
  5145. background-color: var(--c-00000080);
  5146. }
  5147. [class*="PostSubscriptionBlock_content_"][class*="PostSubscriptionBlock_autoTeaser_"] {
  5148. background-color: var(--c-00000026);
  5149. }
  5150. [class*="PostSubscriptionBlock_lockIcon_"] {
  5151. fill: var(--c-white);
  5152. }
  5153. [class*="Post_content_"] [class*="Post_markup_"] a {
  5154. border-bottom: 1px solid var(--c-transparent);
  5155. }
  5156. [class*="Post_shading_"] {
  5157. background-image: linear-gradient(to bottom, var(--c-fff0), var(--var-color-post-bg) 75%, var(--var-color-post-bg));
  5158. }
  5159. [class*="Post_readMore_"] {
  5160. border-bottom: 1px solid var(--c-transparent);
  5161. }
  5162. .dark-theme [class*="Post_readMore_"] {
  5163. border-bottom: 1px solid var(--c-transparent);
  5164. }
  5165. [class*="Post_showPost_"] {
  5166. border-bottom: 1px solid var(--c-transparent);
  5167. }
  5168. [class*="Post_trackingPixel_"] {
  5169. background-color: var(--c-transparent);
  5170. }
  5171. :is(.light-theme, .light-x-theme) [class*="CopyInput_root_"] {
  5172. background-color: var(--c-white);
  5173. }
  5174. .dark-theme [class*="CopyInput_root_"] {
  5175. background-color: var(--c-262626);
  5176. border: 1px solid var(--c-262626);
  5177. }
  5178. :is(.light-theme, .light-x-theme) [class*="CopyInput_input_"] {
  5179. background-color: var(--c-white);
  5180. }
  5181. .dark-theme [class*="CopyInput_input_"] {
  5182. background-color: var(--c-303030);
  5183. color: var(--c-f1f1f1);
  5184. }
  5185. :is(.light-theme, .light-x-theme) [class*="CopyInput_copy_"] {
  5186. background-color: var(--c-white);
  5187. }
  5188. .dark-theme [class*="CopyInput_copy_"] {
  5189. background-color: var(--c-303030);
  5190. border-left: 1px solid var(--c-262626);
  5191. }
  5192. .light-theme [class*="ShareButton_qr_"] {
  5193. background-color: var(--c-eee);
  5194. }
  5195. [class*="ShareButton_vk_"] {
  5196. background-color: var(--c-07f);
  5197. }
  5198. [class*="ShareButton_vkIcon_"] {
  5199. color: var(--c-white);
  5200. }
  5201. [class*="ShareButton_fb_"] {
  5202. background-color: var(--c-0862f6);
  5203. }
  5204. [class*="ShareButton_fbIcon_"] {
  5205. color: var(--c-white);
  5206. }
  5207. [class*="ShareButton_ok_"] {
  5208. background-color: var(--c-f70);
  5209. color: var(--c-f70);
  5210. }
  5211. [class*="ShareButton_twitter_"] {
  5212. background-color: var(--c-black);
  5213. }
  5214. [class*="ShareButton_twitterIcon_"] {
  5215. color: var(--c-white);
  5216. }
  5217. [class*="ShareButton_telegram_"] {
  5218. background-color: var(--c-0084c6);
  5219. }
  5220. [class*="ShareButton_telegramIcon_"] {
  5221. color: var(--c-white);
  5222. }
  5223. [class*="ShareButton_qr_"] {
  5224. background-color: var(--c-eee);
  5225. }
  5226. [class*="ShareButton_link_"] {
  5227. background-color: var(--c-eee);
  5228. }
  5229. [class*="ShareDropdown_button_"] {
  5230. background-color: var(--c-transparent);
  5231. }
  5232. [class*="ShareDropdown_button_"] [class*="ShareDropdown_buttonIcon_"] {
  5233. fill: var(--c-transparent);
  5234. }
  5235. [class*="ShareDropdown_qrBlockBack_"] {
  5236. border: 1px solid var(--c-dbdbdb);
  5237. }
  5238. [class*="PostFooter_dropdown_"] {
  5239. box-shadow: 0 2px 10px var(--c-0000001a);
  5240. }
  5241. :is(.light-theme, .light-x-theme) [class*="PostFooter_dropdown_"] {
  5242. background-color: var(--c-white);
  5243. border-color: var(--c-eaeaea);
  5244. }
  5245. .dark-theme [class*="PostFooter_dropdown_"] {
  5246. background-color: var(--c-262626);
  5247. border-color: var(--c-303030);
  5248. box-shadow: 0 2px 10px var(--c-00000080);
  5249. }
  5250. [class*="PostHeaderWithAuthor_rootLink_"] {
  5251. border-bottom: 1px solid var(--c-transparent);
  5252. color: var(--c-7c7c7c);
  5253. }
  5254. [class*="PostHeaderWithAuthor_rootLink_"]:visited {
  5255. color: var(--c-7c7c7c);
  5256. }
  5257. @media not all and (hover: none) {
  5258. [class*="PostHeaderWithAuthor_rootLink_"]:hover {
  5259. border-bottom-color: var(--c-7c7c7c);
  5260. }
  5261. }
  5262. [class*="PostHeaderWithAuthor_rootDeleted_"] {
  5263. background-color: var(--c-cd35441a);
  5264. }
  5265. [class*="PostPublishedOverlay_root_"] {
  5266. background-color: var(--c-fffffff2);
  5267. }
  5268. [class*="PostPublishedOverlay_close_"] {
  5269. color: var(--c-1f3042);
  5270. }
  5271. [class*="PostPublishedOverlay_dropdownContent_"] {
  5272. box-shadow: 0 2px 10px var(--c-0000001a);
  5273. }
  5274. [class*="Empty_title_"] {
  5275. color: var(--c-7c7c7c);
  5276. }
  5277. [class*="EmptyWithFilter_loupeIcon_"] {
  5278. color: var(--c-ccc);
  5279. }
  5280. [class*="EmptyWithFilter_subTitle_"] {
  5281. color: var(--c-7c7c7c);
  5282. }
  5283. [class*="EmptyWithFilter_clickableText_"] {
  5284. border-bottom: 1px solid var(--c-transparent);
  5285. }
  5286. [class*="AuthorItem_authorName_"] {
  5287. color: var(--c-242b2c);
  5288. }
  5289. a[class*="AuthorItem_animatedInner_"]:visited {
  5290. color: var(--c-242b2c);
  5291. }
  5292. [class*="AuthorItem_subtext_"] {
  5293. color: var(--c-7c7c7c);
  5294. }
  5295. [class*="EmptyMainFeed_root_"] {
  5296. background-color: var(--c-white);
  5297. }
  5298. [class*="EmptyMainFeed_description_"] {
  5299. color: var(--c-7c7c7c);
  5300. }
  5301. [class*="BlogRefsStat_text_"] {
  5302. color: var(--c-7c7c7c);
  5303. }
  5304. [class*="BlogRefsSteps_explanationStepText_"] {
  5305. color: var(--c-7c7c7c);
  5306. }
  5307. [class*="BlogRefsTable_header_"] {
  5308. color: var(--c-7c7c7c);
  5309. }
  5310. [class*="BlogRefs_proposalText_"] {
  5311. color: var(--c-7c7c7c);
  5312. }
  5313. a[class*="LinkToAllPosts_allPostsButton_"]:visited {
  5314. background-color: var(--c-white);
  5315. }
  5316. :is(.light-theme, .light-x-theme) [class*="ModerationPopupControls_button_"]:hover:not([class*="ModerationPopupControls_disabled_"]) {
  5317. border-color: var(--c-ccc);
  5318. }
  5319. .dark-theme [class*="ModerationPopupControls_button_"]:hover:not([class*="ModerationPopupControls_disabled_"]) {
  5320. background-color: var(--c-4a4a4a);
  5321. border-color: var(--c-303030);
  5322. }
  5323. [class*="ModerationPopupControls_timeoutSelect_"] {
  5324. box-shadow: (0 2px 10px var(--c-rgba-0-0-0-0_1));
  5325. }
  5326. :is(.light-theme, .light-x-theme) [class*="ModerationPopupControls_timeoutSelect_"] {
  5327. background-color: var(--c-white);
  5328. }
  5329. .dark-theme [class*="ModerationPopupControls_timeoutSelect_"] {
  5330. background-color: var(--c-262626);
  5331. }
  5332. .dark-theme [class*="ModerationPopupControls_timeoutOption_"] {
  5333. color: var(--c-f1f1f1);
  5334. }
  5335. .dark-theme [class*="ModerationPopupInfo_count_"] {
  5336. color: var(--c-f1f1f1);
  5337. }
  5338. [class*="ModerationPopupInfo_label_"] {
  5339. color: var(--c-7c7c7c);
  5340. }
  5341. :is(.light-theme, .light-x-theme) [class*="ModerationPopupInfo_delimiter_"] {
  5342. background-color: var(--c-eaeaea);
  5343. }
  5344. .dark-theme [class*="ModerationPopupInfo_delimiter_"] {
  5345. background-color: var(--c-303030);
  5346. }
  5347. .dark-theme [class*="ModerationPopupInfo_banStatus_"] {
  5348. color: var(--c-f1f1f1);
  5349. }
  5350. .dark-theme [class*="ModerationPopupSubscriptionLevel_icon_"] {
  5351. color: var(--c-f1f1f1);
  5352. }
  5353. .dark-theme [class*="ModerationPopupSubscriptionLevel_level_"] {
  5354. color: var(--c-f1f1f1);
  5355. }
  5356. [class*="ModerationPopupSubscriptionLevel_subscribedAt_"] {
  5357. color: var(--c-7c7c7c);
  5358. }
  5359. .dark-theme [class*="ModerationPopupUser_username_"] {
  5360. color: var(--c-f1f1f1);
  5361. }
  5362. [class*="ModerationPopupUser_registrationDate_"] {
  5363. color: var(--c-7c7c7c);
  5364. }
  5365. .light-theme [class*="ModerationPopup_root_"] {
  5366. background-color: var(--c-white);
  5367. border-color: var(--c-eaeaea);
  5368. }
  5369. .light-theme [class*="ModerationPopup_closeIcon_"] {
  5370. color: var(--c-7c7c7c);
  5371. }
  5372. .light-x-theme [class*="ModerationPopup_root_"] {
  5373. background-color: var(--c-white);
  5374. border-color: var(--c-eaeaea);
  5375. }
  5376. .light-x-theme [class*="ModerationPopup_closeIcon_"] {
  5377. color: var(--c-7c7c7c);
  5378. }
  5379. .dark-theme [class*="ModerationPopup_root_"] {
  5380. background-color: var(--c-262626);
  5381. border-color: var(--c-262626);
  5382. }
  5383. .dark-theme [class*="ModerationPopup_closeIcon_"] {
  5384. color: var(--c-f1f1f1);
  5385. }
  5386. [class*="ModerationPopup_root_"] {
  5387. box-shadow: 0 2px 10px var(--c-0000001a);
  5388. }
  5389. [class*="ModerationPopup_close_"] {
  5390. background-color: var(--c-transparent);
  5391. }
  5392. [class*="SettingsEditSocialLinksField_iconWrapper_"] {
  5393. background-color: var(--c-white);
  5394. }
  5395. .dark-theme [class*="SettingsSocial_blockTitle_"] {
  5396. color: var(--c-f1f1f1);
  5397. }
  5398. [class*="SettingsSocial_isLoading_"]:after {
  5399. background-color: var(--c-ffffff4d);
  5400. }
  5401. [class*="SettingsSocial_statusTextRed_"] {
  5402. color: var(--c-cb1a1a);
  5403. }
  5404. .dark-theme [class*="Controls_item_"]:visited {
  5405. color: var(--c-f1f1f1);
  5406. }
  5407. [class*="Controls_backLink_"] {
  5408. color: var(--c-16a7ff);
  5409. }
  5410. [class*="Controls_timeoutHelp_"] {
  5411. color: var(--c-838383);
  5412. }
  5413. [class*="Controls_option_"]:hover {
  5414. color: var(--c-16a7ff);
  5415. }
  5416. [class*="UserCard_editAvatar_"] {
  5417. background-color: var(--c-0000001a);
  5418. color: var(--c-white);
  5419. }
  5420. [class*="UserCard_emptyAvatar_"] {
  5421. background-color: var(--c-d8d8d8);
  5422. }
  5423. [class*="UserCard_camera_"] {
  5424. color: var(--c-white);
  5425. }
  5426. :is(.dark-theme, .light-theme, .light-x-theme) [class*="ExtraActionsMenu_flagIcon_"] {
  5427. color: var(--c-white);
  5428. }
  5429. :is(.light-theme, .light-x-theme) [class*="Title_input_"] {
  5430. border-bottom: 1px solid var(--c-hsla-0-0-100-0_3);
  5431. color: var(--c-white);
  5432. }
  5433. [class*="Title_text_"] {
  5434. text-shadow: 0 1px 2px var(--c-rgba-0-0-0-0_5);
  5435. }
  5436. :is([class*="Title_input_"], [class*="Title_text_"]) {
  5437. color: var(--c-white);
  5438. }
  5439. [class*="Title_icon_"] {
  5440. fill: var(--c-white);
  5441. }
  5442. [class*="Title_input_"] {
  5443. background-color: var(--c-transparent);
  5444. text-shadow: 0 1px 2px var(--c-rgba-0-0-0-0_5);
  5445. }
  5446. [class*="Title_textContainerEditable_"] {
  5447. border-bottom: 1px solid var(--c-transparent);
  5448. }
  5449. [class*="Title_textContainerEditable_"]:hover {
  5450. border-bottom-color: var(--c-ffffff4d);
  5451. }
  5452. [class*="Cover_coverContainer_"]:before {
  5453. background-color: var(--c-0003);
  5454. }
  5455. [class*="Cover_name_"] {
  5456. color: var(--c-white);
  5457. text-shadow: 0 1px 2px var(--c-rgba-0-0-0-0_5);
  5458. }
  5459. [class*="ExternalApps_root_"] {
  5460. color: var(--c-7c7c7c);
  5461. }
  5462. [class*="isSubscribedBlock_labelWrapperPaused_"] {
  5463. color: var(--c-f90);
  5464. }
  5465. [class*="isSubscribedBlock_labelWrapperActive_"] {
  5466. color: var(--c-59a840);
  5467. }
  5468. [class*="isSubscribedBlock_icon_"][class*="isSubscribedBlock_iconCheck_"] {
  5469. background-color: var(--c-59a840);
  5470. color: var(--c-white);
  5471. }
  5472. [class*="PromoCountersInfo_root_"] {
  5473. color: var(--c-7c7c7c);
  5474. }
  5475. [class*="OwnerPromoInfo_root_"] {
  5476. background-color: var(--c-eeeeee80);
  5477. }
  5478. .dark-theme [class*="OwnerPromoInfo_statsButton_"] {
  5479. background-color: var(--c-303030);
  5480. }
  5481. [class*="PausedSubscriptionBlock_label_"] {
  5482. color: var(--c-7c7c7c);
  5483. }
  5484. [class*="PausedSubscriptionBlock_icon_"] {
  5485. color: var(--c-7c7c7c);
  5486. }
  5487. [class*="Price_priceWithoutDiscount_"] {
  5488. color: var(--c-7c7c7c);
  5489. }
  5490. [class*="Price_discount_"] {
  5491. background-color: var(--c-59a840);
  5492. color: var(--c-white);
  5493. }
  5494. [class*="SubscriptionLevelsItem_promoDescription_"] {
  5495. background-color: var(--c-eeeeee80);
  5496. }
  5497. [class*="SubscriptionLevelsItem_trialButton_"] {
  5498. background-color: var(--c-59a840);
  5499. }
  5500. [class*="SubscriptionLevelsItem_trialButton_"]:hover {
  5501. background-color: var(--c-498e34);
  5502. }
  5503. [class*="SubscriptionLevelsItem_archivedText_"] {
  5504. color: var(--c-7c7c7c);
  5505. }
  5506. [class*="SubscriptionLevelsItem_remove_"] {
  5507. border-bottom: 1px solid var(--c-transparent);
  5508. }
  5509. [class*="SubscriptionLevelsItem_showMore_"]:before {
  5510. background: linear-gradient(180deg, var(--c-transparent) 0, var(--var-color-panel-bg) 100%);
  5511. }
  5512. [class*="SubscribersLimitInfo_root_"] {
  5513. color: var(--c-7c7c7c);
  5514. }
  5515. [class*="SubscriptionHiddenMark_root_"] {
  5516. background-color: var(--c-eaeaea);
  5517. color: var(--c-7c7c7c);
  5518. }
  5519. [class*="SuspendedSubscriptionBlock_description_"] {
  5520. color: var(--c-7c7c7c);
  5521. }
  5522. [class*="SubscriptionLevels_tabsHead_"]:before {
  5523. background-color: var(--c-eaeaea);
  5524. }
  5525. [class*="SubscriptionLevels_counter_"] {
  5526. background-color: var(--c-eee);
  5527. color: var(--c-7c7c7c);
  5528. }
  5529. [class*="SubscriptionLevelsNew_tabsHead_"]:before {
  5530. background-color: var(--c-eaeaea);
  5531. }
  5532. [class*="SubscriptionLevelsNew_counter_"] {
  5533. background-color: var(--c-eee);
  5534. color: var(--c-7c7c7c);
  5535. }
  5536. [class*="SubscriptionLevelsNew_levelsCount_"] {
  5537. color: var(--c-7c7c7c);
  5538. }
  5539. .dark-theme [class*="SubscriptionLevelsNew_levelsCount_"] {
  5540. color: var(--c-262626);
  5541. }
  5542. [class*="TargetItemCommon_collectedText_"] {
  5543. color: var(--c-7c7c7c);
  5544. }
  5545. [class*="TargetItemMoney_link_"] {
  5546. border-bottom: 1px solid var(--c-transparent);
  5547. }
  5548. [class*="TargetItemSubscribers_link_"] {
  5549. border-bottom: 1px solid var(--c-transparent);
  5550. }
  5551. [class*="TargetItemSubscribers_pagination_"] {
  5552. color: var(--c-7c7c7c);
  5553. }
  5554. [class*="Targets_card_"] {
  5555. background-color: var(--c-white);
  5556. }
  5557. [class*="UserCard_editAvatar_"] {
  5558. background-color: var(--c-0000001a);
  5559. color: var(--c-white);
  5560. }
  5561. [class*="UserCard_emptyAvatar_"] {
  5562. background-color: var(--c-d8d8d8);
  5563. }
  5564. [class*="UserCard_camera_"] {
  5565. color: var(--c-white);
  5566. }
  5567. .dark-theme [class*="BlogLayoutWrapper_userCardReadOnly_"] {
  5568. background-color: var(--c-yellow);
  5569. }
  5570. .dark-theme [class*="BlogLayoutWrapper_userCardBanned_"] {
  5571. background-color: var(--c-red);
  5572. }
  5573. .light-theme [class*="BlogLayoutWrapper_userCardReadOnly_"] {
  5574. background-color: var(--c-yellow);
  5575. }
  5576. .light-theme [class*="BlogLayoutWrapper_userCardBanned_"] {
  5577. background-color: var(--c-red);
  5578. }
  5579. .light-x-theme [class*="BlogLayoutWrapper_userCardReadOnly_"] {
  5580. background-color: var(--c-yellow);
  5581. }
  5582. .light-x-theme [class*="BlogLayoutWrapper_userCardBanned_"] {
  5583. background-color: var(--c-red);
  5584. }
  5585. .minimal [class*="BlogLayoutWrapper_userCard_"] {
  5586. background-color: var(--c-transparent);
  5587. }
  5588. [class*="BlogLayoutWrapper_shareDonationLinkBlock_"] {
  5589. background-color: var(--c-white);
  5590. }
  5591. [class*="BlogLayoutWrapper_iconPen_"] {
  5592. fill: var(--c-white);
  5593. }
  5594. [class*="ChatBadge_achievementDuration_"] {
  5595. color: var(--c-7c7c7c);
  5596. }
  5597. [class*="Subscription_root_"] {
  5598. background-color: var(--c-262626);
  5599. }
  5600. [class*="Subscription_label_"] {
  5601. color: var(--c-7c7c7c);
  5602. }
  5603. .dark-theme [class*="PopupInfo_count_"] {
  5604. color: var(--c-f1f1f1);
  5605. }
  5606. [class*="PopupInfo_label_"] {
  5607. color: var(--c-7c7c7c);
  5608. }
  5609. :is(.light-theme, .light-x-theme) [class*="PopupInfo_delimiter_"] {
  5610. background-color: var(--c-eaeaea);
  5611. }
  5612. .dark-theme [class*="PopupInfo_delimiter_"] {
  5613. background-color: var(--c-303030);
  5614. }
  5615. .dark-theme [class*="PopupInfo_banStatus_"] {
  5616. color: var(--c-f1f1f1);
  5617. }
  5618. .dark-theme [class*="PopupUser_username_"] {
  5619. color: var(--c-f1f1f1);
  5620. }
  5621. [class*="PopupUser_registrationDate_"] {
  5622. color: var(--c-7c7c7c);
  5623. }
  5624. [class*="UserStat_root_"] {
  5625. background-color: var(--c-191919);
  5626. border: 1px solid var(--c-4a4a4a);
  5627. }
  5628. [class*="UserStat_header_"] {
  5629. background-color: var(--c-262626);
  5630. }
  5631. [class*="UserStat_close_"] {
  5632. background-color: var(--c-transparent);
  5633. }
  5634. [class*="UserStat_block_"]:not(:first-child) {
  5635. border-top: 1px solid var(--c-303030);
  5636. }
  5637. [class*="ChatMessage_root_"] {
  5638. border: 1px solid var(--c-transparent);
  5639. }
  5640. :is(.light-theme, .light-x-theme):is(
  5641. [class*="ChatMessage_root_"][class*="ChatMessage_active_"]:not([class*="ChatMessage_userBanned_"]):not([class*="ChatMessage_hasRootMention_"]),
  5642. [class*="ChatMessage_root_"]:hover:not([class*="ChatMessage_userBanned_"]):not([class*="ChatMessage_hasRootMention_"])
  5643. ) {
  5644. background-color: var(--c-eee);
  5645. border-color: var(--c-eaeaea);
  5646. }
  5647. .dark-theme:is([class*="ChatMessage_root_"][class*="ChatMessage_active_"]:not([class*="ChatMessage_userBanned_"]):not([class*="ChatMessage_hasRootMention_"]), [class*="ChatMessage_root_"]:hover:not([class*="ChatMessage_userBanned_"]):not([class*="ChatMessage_hasRootMention_"])) {
  5648. background-color: var(--c-262626);
  5649. border-color: var(--c-262626);
  5650. }
  5651. [class*="ChatMessage_root_"][class*="ChatMessage_private_"] {
  5652. background-color: var(--c-303030);
  5653. }
  5654. .publishTimeVisible [class*="ChatMessage_publishTime_"] {
  5655. color: var(--c-838383);
  5656. }
  5657. [class*="ChatMessage_button_"] {
  5658. background-color: var(--c-transparent);
  5659. }
  5660. [class*="ChatMessage_button_"]:is(:after, :before) {
  5661. background-color: var(--c-transparent);
  5662. }
  5663. :is(.light-theme, .light-x-theme) [class*="ChatMessage_button_"] {
  5664. background-color: var(--c-eee);
  5665. border-color: var(--c-eaeaea);
  5666. }
  5667. .dark-theme [class*="ChatMessage_button_"] {
  5668. background-color: var(--c-262626);
  5669. border-color: var(--c-262626);
  5670. }
  5671. :is(.light-theme, .light-x-theme) [class*="ChatMessage_button_"] {
  5672. border-bottom-color: var(--c-eee);
  5673. }
  5674. [class*="ChatMessage_buttonsUnderMessage_"] :is(.light-theme, .light-x-theme) [class*="ChatMessage_button_"] {
  5675. border-top-color: var(--c-eee);
  5676. }
  5677. :is(.light-theme, .light-x-theme) [class*="ChatMessage_button_"]:hover {
  5678. background: linear-gradient(to top, var(--c-eee) 0, var(--c-eee) 50%, var(--color-brand-opacity-20)), var(--c-eee);
  5679. }
  5680. [class*="ChatMessage_buttonsUnderMessage_"] :is(.light-theme, .light-x-theme) [class*="ChatMessage_button_"]:hover {
  5681. background: linear-gradient(to bottom, var(--c-eee) 0, var(--c-eee) 50%, var(--color-brand-opacity-20)), var(--c-eee);
  5682. }
  5683. :is(.light-theme, .light-x-theme) [class*="ChatMessage_button_"]:before {
  5684. box-shadow:
  5685. 1px 1px var(--c-eaeaea),
  5686. 2px 8px var(--c-eee);
  5687. }
  5688. :is(.light-theme, .light-x-theme) [class*="ChatMessage_button_"]:after {
  5689. box-shadow:
  5690. -1px 1px var(--c-eaeaea),
  5691. -2px 8px var(--c-eee);
  5692. }
  5693. .dark-theme [class*="ChatMessage_button_"] {
  5694. border-bottom-color: var(--c-262626);
  5695. }
  5696. [class*="ChatMessage_buttonsUnderMessage_"] .dark-theme [class*="ChatMessage_button_"] {
  5697. border-top-color: var(--c-262626);
  5698. }
  5699. .dark-theme [class*="ChatMessage_button_"]:hover {
  5700. background: linear-gradient(to top, var(--c-262626) 0, var(--c-262626) 50%, var(--color-brand-opacity-20)), var(--c-262626);
  5701. }
  5702. [class*="ChatMessage_buttonsUnderMessage_"] .dark-theme [class*="ChatMessage_button_"]:hover {
  5703. background: linear-gradient(to bottom, var(--c-262626) 0, var(--c-262626) 50%, var(--color-brand-opacity-20)), var(--c-262626);
  5704. }
  5705. .dark-theme [class*="ChatMessage_button_"]:before {
  5706. box-shadow: 2px 8px var(--c-262626);
  5707. }
  5708. .dark-theme [class*="ChatMessage_button_"]:after {
  5709. box-shadow: -2px 8px var(--c-262626);
  5710. }
  5711. [class*="ChatMessage_name_"] {
  5712. color: var(--c-white);
  5713. }
  5714. .dark-theme [class*="ChatMessage_text_"] {
  5715. color: var(--c-e3e3e5);
  5716. }
  5717. [class*="ChatMessage_text_"] .mention.currentUserMention {
  5718. background-color: var(--c-59a840);
  5719. color: var(--c-white);
  5720. }
  5721. [class*="ChatMessage_tooltip_"] {
  5722. box-shadow: 0 2px 10px var(--c-0000001a);
  5723. }
  5724. :is(.light-theme, .light-x-theme) [class*="ChatMessage_tooltip_"] {
  5725. background-color: var(--c-white);
  5726. border-color: var(--c-eaeaea);
  5727. }
  5728. .dark-theme [class*="ChatMessage_tooltip_"] {
  5729. background-color: var(--c-262626);
  5730. border-color: var(--c-303030);
  5731. box-shadow: 0 2px 10px var(--c-00000080);
  5732. }
  5733. [class*="ChatMessage_tooltip_"] {
  5734. background-color: var(--c-transparent);
  5735. }
  5736. .light-theme [class*="ChatBoxBase_root_"] {
  5737. background-color: var(--c-white);
  5738. }
  5739. .light-theme [class*="ChatBoxBase_welcome_"] {
  5740. color: var(--c-242b2c66);
  5741. }
  5742. .light-x-theme [class*="ChatBoxBase_root_"] {
  5743. background-color: var(--c-white);
  5744. }
  5745. .light-x-theme [class*="ChatBoxBase_welcome_"] {
  5746. color: var(--c-242b2c66);
  5747. }
  5748. .dark-theme [class*="ChatBoxBase_root_"] {
  5749. background-color: var(--c-191919);
  5750. }
  5751. .dark-theme [class*="ChatBoxBase_infoMessage_"] {
  5752. color: var(--c-f1f1f180);
  5753. }
  5754. @supports not selector(::-webkit-scrollbar-thumb) {
  5755. :is(.light-theme, .light-x-theme) [class*="ChatBoxBase_list_"] {
  5756. scrollbar-color: var(--c-ccc) var(--c-fff0);
  5757. }
  5758. .dark-theme [class*="ChatBoxBase_list_"] {
  5759. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  5760. }
  5761. }
  5762. [class*="ChatBoxBase_list_"]::-webkit-scrollbar {
  5763. background-color: var(--c-fff0);
  5764. }
  5765. [class*="ChatBoxBase_list_"]::-webkit-scrollbar-track {
  5766. background-color: var(--c-fff0);
  5767. }
  5768. :is(.light-theme, .light-x-theme) [class*="ChatBoxBase_list_"]::-webkit-scrollbar-thumb {
  5769. background-color: var(--c-ccc);
  5770. }
  5771. .dark-theme [class*="ChatBoxBase_list_"]::-webkit-scrollbar-thumb {
  5772. background-color: var(--c-4a4a4a);
  5773. }
  5774. @supports not selector(::-webkit-scrollbar-thumb) {
  5775. :is(.light-theme, .light-x-theme) [class*="ChatBoxBase_listLite_"] {
  5776. scrollbar-color: var(--c-ccc) var(--c-fff0);
  5777. }
  5778. .dark-theme [class*="ChatBoxBase_listLite_"] {
  5779. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  5780. }
  5781. }
  5782. [class*="ChatBoxBase_listLite_"]::-webkit-scrollbar {
  5783. background-color: var(--c-fff0);
  5784. }
  5785. [class*="ChatBoxBase_listLite_"]::-webkit-scrollbar-track {
  5786. background-color: var(--c-fff0);
  5787. }
  5788. :is(.light-theme, .light-x-theme) [class*="ChatBoxBase_listLite_"]::-webkit-scrollbar-thumb {
  5789. background-color: var(--c-ccc);
  5790. }
  5791. .dark-theme [class*="ChatBoxBase_listLite_"]::-webkit-scrollbar-thumb {
  5792. background-color: var(--c-4a4a4a);
  5793. }
  5794. [class*="ChatBoxBase_scrollButton_"] {
  5795. background-color: var(--c-transparent);
  5796. color: var(--c-white);
  5797. }
  5798. [class*="ChatMentionsBox_welcome_"] {
  5799. background-color: var(--c-191919);
  5800. color: var(--c-7c7c7c);
  5801. }
  5802. .dark-theme [class*="BannedPermanentlyWarning_title_"] {
  5803. color: var(--c-f1f1f1);
  5804. }
  5805. .dark-theme [class*="BannedPermanentlyWarning_description_"] {
  5806. color: var(--c-eee);
  5807. }
  5808. .light-theme [class*="BannedPermanentlyWarning_description_"] {
  5809. color: var(--c-7c7c7c);
  5810. }
  5811. [class*="BannedPermanentlyWarning_iconTriangle_"] {
  5812. color: var(--c-efac00);
  5813. }
  5814. .dark-theme [class*="BannedTemporarilyWarning_title_"] {
  5815. color: var(--c-f1f1f1);
  5816. }
  5817. .dark-theme [class*="BannedTemporarilyWarning_description_"] {
  5818. color: var(--c-eee);
  5819. }
  5820. .light-theme [class*="BannedTemporarilyWarning_description_"] {
  5821. color: var(--c-7c7c7c);
  5822. }
  5823. [class*="BannedTemporarilyWarning_iconTriangle_"] {
  5824. color: var(--c-efac00);
  5825. }
  5826. .dark-theme [class*="CharLimitWarning_description_"] {
  5827. color: var(--c-eee);
  5828. }
  5829. :is(.light-theme, .light-x-theme) [class*="CharLimitWarning_description_"] {
  5830. color: var(--c-7c7c7c);
  5831. }
  5832. [class*="CharLimitWarning_title_"] {
  5833. color: var(--c-efac00);
  5834. }
  5835. .dark-theme [class*="FrequentSendingWarning_description_"] {
  5836. color: var(--c-eee);
  5837. }
  5838. :is(.light-theme, .light-x-theme) [class*="FrequentSendingWarning_description_"] {
  5839. color: var(--c-7c7c7c);
  5840. }
  5841. [class*="FrequentSendingWarning_title_"] {
  5842. color: var(--c-efac00);
  5843. }
  5844. .dark-theme [class*="IdenticalMessageWarning_description_"] {
  5845. color: var(--c-eee);
  5846. }
  5847. :is(.light-theme, .light-x-theme) [class*="IdenticalMessageWarning_description_"] {
  5848. color: var(--c-7c7c7c);
  5849. }
  5850. [class*="IdenticalMessageWarning_title_"] {
  5851. color: var(--c-efac00);
  5852. }
  5853. .dark-theme [class*="InvalidParamWarning_description_"] {
  5854. color: var(--c-eee);
  5855. }
  5856. .light-theme [class*="InvalidParamWarning_description_"] {
  5857. color: var(--c-7c7c7c);
  5858. }
  5859. [class*="InvalidParamWarning_title_"] {
  5860. color: var(--c-efac00);
  5861. }
  5862. [class*="StreamActionsMenu_content_"] [class*="StreamActionsMenu_markup_"] a {
  5863. border-bottom: 1px solid var(--c-transparent);
  5864. }
  5865. [class*="StreamActionsMenu_shading_"] {
  5866. background-image: linear-gradient(to bottom, var(--c-fff0), var(--var-color-post-bg) 75%, var(--var-color-post-bg));
  5867. }
  5868. [class*="StreamActionsMenu_readMore_"] {
  5869. border-bottom: 1px solid var(--c-transparent);
  5870. }
  5871. .dark-theme [class*="StreamActionsMenu_readMore_"] {
  5872. border-bottom: 1px solid var(--c-transparent);
  5873. }
  5874. [class*="StreamActionsMenu_showPost_"] {
  5875. border-bottom: 1px solid var(--c-transparent);
  5876. }
  5877. [class*="StreamActionsMenu_trackingPixel_"] {
  5878. background-color: var(--c-transparent);
  5879. }
  5880. [class*="StreamStatus_container_"][class*="StreamStatus_isOnline_"] {
  5881. background-color: var(--c-ea3345);
  5882. }
  5883. [class*="StreamStatus_container_"][class*="StreamStatus_isOffline_"] {
  5884. background-color: var(--c-7c7c7c);
  5885. }
  5886. [class*="StreamStatus_text_"] {
  5887. color: var(--c-white);
  5888. }
  5889. .dark-theme [class*="StreamViewers_root_"] {
  5890. color: var(--c-f1f1f1);
  5891. }
  5892. [class*="LikeButton_icon_"] {
  5893. color: var(--c-transparent);
  5894. }
  5895. :is(.light-theme, .light-x-theme) [class*="LikeButton_icon_"] {
  5896. stroke: var(--c-242b2c);
  5897. }
  5898. .dark-theme [class*="LikeButton_icon_"] {
  5899. stroke: var(--c-f1f1f1);
  5900. }
  5901. @media not all and (hover: none) {
  5902. [class*="LikeButton_root_"][class*="LikeButton_whiteStyle_"]:not([class*="LikeButton_rootDisabled_"]):hover [class*="LikeButton_icon_"] {
  5903. stroke: var(--c-f1f1f1);
  5904. }
  5905. }
  5906. [class*="LikeButton_whiteStyle_"] [class*="LikeButton_labelLiked_"] {
  5907. color: var(--c-f1f1f1);
  5908. }
  5909. [class*="LikeButton_whiteStyle_"] [class*="LikeButton_svgColorWhite_"] {
  5910. stroke: var(--c-f1f1f1);
  5911. }
  5912. [class*="LikeButton_whiteStyle_"] [class*="LikeButton_iconLiked_"] {
  5913. color: var(--c-f1f1f1);
  5914. }
  5915. .dark-theme [class*="StreamFooter_container_"] {
  5916. background-color: var(--c-262626);
  5917. }
  5918. .dark-theme [class*="StreamFooter_dotsIcon_"] {
  5919. fill: var(--c-f1f1f1);
  5920. }
  5921. .dark-theme [class*="StreamFooter_theatreButton_"] {
  5922. color: var(--c-f1f1f1);
  5923. }
  5924. .light-theme [class*="StreamFooter_dotsIcon_"] {
  5925. fill: var(--c-242b2c);
  5926. }
  5927. .light-theme [class*="TeaserOverlay_defaultImage_"] {
  5928. background-color: var(--c-f5aa91);
  5929. }
  5930. .light-theme [class*="TeaserOverlay_defaultImage_"][class*="TeaserOverlay_stream_"] {
  5931. background-color: var(--c-f5aa91);
  5932. }
  5933. [class*="TeaserOverlay_content_"] {
  5934. color: var(--c-white);
  5935. }
  5936. [class*="TeaserOverlay_contentBlurred_"] {
  5937. background-color: var(--c-00000080);
  5938. }
  5939. [class*="TeaserOverlay_contentBlurredAuto_"] {
  5940. background-color: var(--c-00000026);
  5941. }
  5942. [class*="StreamReminder_circle_"] {
  5943. background-color: var(--c-fff6);
  5944. }
  5945. [class*="StreamReminder_icon_"] {
  5946. color: var(--c-white);
  5947. }
  5948. [class*="StreamSubscriptionOverlay_container_"] {
  5949. color: var(--c-white);
  5950. }
  5951. [class*="StreamSubscriptionOverlay_containerBlock_"] {
  5952. background-color: var(--c-fff6);
  5953. }
  5954. [class*="StreamSubscriptionOverlay_text_"] {
  5955. color: var(--c-242b2c);
  5956. }
  5957. [class*="StreamSubscriptionOverlay_button_"][class*="StreamSubscriptionOverlay_disabled_"] {
  5958. background-color: var(--c-7c7c7c);
  5959. }
  5960. [class*="StreamSubscriptionOverlay_subscribeBlock_"] {
  5961. background-color: var(--c-fff9);
  5962. }
  5963. [class*="StreamSubscriptionOverlay_lockIcon_"] {
  5964. fill: var(--c-white);
  5965. }
  5966. :is(.light-theme, .light-x-theme) [class*="AboutAuthor_aboutAuthor_"] {
  5967. background-color: var(--c-white);
  5968. }
  5969. .dark-theme [class*="AboutAuthor_aboutAuthor_"] {
  5970. background-color: var(--c-262626);
  5971. color: var(--c-f1f1f1);
  5972. }
  5973. .dark-theme [class*="AboutAuthor_title_"] {
  5974. color: var(--c-7c7c7c);
  5975. }
  5976. .dark-theme [class*="AboutAuthor_icon_"] {
  5977. color: var(--c-f1f1f1);
  5978. }
  5979. :is(.light-theme, .light-x-theme) [class*="AboutStream_aboutStream_"] {
  5980. background-color: var(--c-white);
  5981. }
  5982. .dark-theme [class*="AboutStream_aboutStream_"] {
  5983. background-color: var(--c-262626);
  5984. }
  5985. .dark-theme [class*="AboutStream_title_"] {
  5986. color: var(--c-7c7c7c);
  5987. }
  5988. .dark-theme [class*="AboutStream_description_"] {
  5989. color: var(--c-f1f1f1);
  5990. }
  5991. [class*="StreamAuthorAvatar_streamStatus_"] {
  5992. color: var(--c-white);
  5993. }
  5994. :is(.light-theme, .light-x-theme) [class*="StreamAuthorAvatar_streamStatus_"] {
  5995. border-color: var(--c-eee);
  5996. }
  5997. .dark-theme [class*="StreamAuthorAvatar_streamStatus_"] {
  5998. border-color: var(--c-191919);
  5999. }
  6000. :is(.light-theme, .light-x-theme) [class*="StreamAuthorAvatar_photo_"] {
  6001. border-color: var(--c-eee);
  6002. }
  6003. .dark-theme [class*="StreamAuthorAvatar_photo_"] {
  6004. border-color: var(--c-transparent);
  6005. }
  6006. [class*="SubscriptionOverlay_container_"] {
  6007. color: var(--c-white);
  6008. }
  6009. [class*="SubscriptionOverlay_containerBlock_"] {
  6010. background-color: var(--c-fff6);
  6011. }
  6012. [class*="SubscriptionOverlay_payLink_"] {
  6013. border-bottom: 1px solid var(--c-transparent);
  6014. color: var(--c-white);
  6015. }
  6016. [class*="SubscriptionOverlay_payLink_"]:visited {
  6017. color: var(--c-white);
  6018. }
  6019. @media not all and (hover: none) {
  6020. [class*="SubscriptionOverlay_payLink_"]:hover {
  6021. border-bottom-color: var(--c-fff3);
  6022. }
  6023. }
  6024. [class*="SubscriptionOverlay_payLink_"] {
  6025. border-bottom-color: var(--c-fff3);
  6026. }
  6027. .dark-theme [class*="StreamSubscriptionOverlay_container_"] {
  6028. background-color: var(--c-262626);
  6029. }
  6030. .dark-theme [class*="StreamSubscriptionOverlay_subscriptionLevel_"] {
  6031. color: var(--c-7c7c7c);
  6032. }
  6033. .dark-theme [class*="StreamSubscriptionOverlay_subscriptionName_"] {
  6034. color: var(--c-f1f1f1);
  6035. }
  6036. [class*="StreamSubscriptionOverlay_container_"] {
  6037. background-color: var(--c-white);
  6038. }
  6039. [class*="StreamSubscriptionOverlay_subscriptionLevel_"] {
  6040. color: var(--c-7c7c7c);
  6041. }
  6042. .dark-theme [class*="StreamTimeCounter_container_"] {
  6043. color: var(--c-f1f1f1);
  6044. }
  6045. [class*="StreamChatToggler_header_"] {
  6046. border-bottom: 1px solid var(--c-transparent);
  6047. }
  6048. [class*="StreamChatToggler_headerActive_"] {
  6049. border-bottom-color: var(--c-eaeaea);
  6050. }
  6051. [class*="StreamChatToggler_labelDisabled_"] {
  6052. color: var(--c-7c7c7c);
  6053. }
  6054. [class*="StreamChatToggler_toggle_"] {
  6055. background-color: var(--c-transparent);
  6056. }
  6057. .dark-theme [class*="SubscribeButtonBase_subscribeButtonActive_"] {
  6058. background-color: var(--c-303030);
  6059. color: var(--c-f1f1f1);
  6060. }
  6061. .dark-theme [class*="PaidSubscribersOnlyWarning_title_"] {
  6062. color: var(--c-f1f1f1);
  6063. }
  6064. .dark-theme [class*="PaidSubscribersOnlyWarning_description_"] {
  6065. color: var(--c-eee);
  6066. }
  6067. .light-theme [class*="PaidSubscribersOnlyWarning_description_"] {
  6068. color: var(--c-7c7c7c);
  6069. }
  6070. .light-x-theme [class*="PaidSubscribersOnlyWarning_description_"] {
  6071. color: var(--c-7c7c7c);
  6072. }
  6073. [class*="PaidSubscribersOnlyWarning_iconTriangle_"] {
  6074. color: var(--c-efac00);
  6075. }
  6076. .dark-theme [class*="ChatPublisherWrapper_root_"][class*="ChatPublisherWrapper_active_"] {
  6077. background-color: var(--c-3c3c3c);
  6078. }
  6079. .live .dark-theme [class*="ChatPublisherWrapper_root_"][class*="ChatPublisherWrapper_active_"] {
  6080. background-color: var(--c-transparent);
  6081. }
  6082. .dark-theme :is([class*="ChatPublisherWrapper_replyIcon_"], [class*="ChatPublisherWrapper_replyTitle_"]) {
  6083. color: var(--c-f1f1f1);
  6084. }
  6085. .light-theme [class*="ChatPublisherWrapper_root_"][class*="ChatPublisherWrapper_active_"] {
  6086. background-color: var(--c-eee);
  6087. }
  6088. .light-theme [class*="ChatPublisherWrapper_replyTitle_"] {
  6089. color: var(--c-242b2c);
  6090. }
  6091. .light-x-theme [class*="ChatPublisherWrapper_root_"][class*="ChatPublisherWrapper_active_"] {
  6092. background-color: var(--c-eee);
  6093. }
  6094. .light-x-theme [class*="ChatPublisherWrapper_replyTitle_"] {
  6095. color: var(--c-242b2c);
  6096. }
  6097. .live [class*="ChatPublisherWrapper_warning_"] {
  6098. border: 1px solid var(--c-4a4a4a);
  6099. }
  6100. .live [class*="ChatPublisherWrapper_reply_"] {
  6101. border: 1px solid var(--c-4a4a4a);
  6102. }
  6103. [class*="ChatPublisherWrapper_replyCancelBtn_"] {
  6104. background-color: var(--c-transparent);
  6105. }
  6106. [class*="ChatPublisherWrapper_replyCancelIcon_"] {
  6107. color: var(--c-7c7c7c);
  6108. }
  6109. .dark-theme [class*="ChatPublisher_root_"] {
  6110. background-color: var(--c-191919);
  6111. }
  6112. .dark-theme [class*="ChatPublisher_publisherRootWarning_"] {
  6113. background-color: var(--c-transparent);
  6114. }
  6115. .dark-theme [class*="ChatPublisher_publisherRootWarning_"] :is([class*="ChatPublisher_actionsContainer_"], [class*="ChatPublisher_editor_"], [class*="ChatPublisher_sendContainer_"]) {
  6116. background-color: var(--c-4a4a4a);
  6117. }
  6118. :is(.light-theme, .light-x-theme) :is([class*="ChatPublisher_actionsContainer_"], [class*="ChatPublisher_publisherRootWarning_"]) :is([class*="ChatPublisher_editor_"], [class*="ChatPublisher_sendContainer_"]) {
  6119. background-color: var(--c-transparent);
  6120. }
  6121. [class*="ChatPublisher_link_"] {
  6122. border-bottom: 1px solid var(--c-transparent);
  6123. }
  6124. [class*="ChatPublisher_editor_"] .ce-paragraph[data-placeholder]:empty:before {
  6125. color: var(--c-7c7c7c);
  6126. }
  6127. [class*="ChatPublisher_editor_"] .mention {
  6128. color: var(--c-16a7ff);
  6129. }
  6130. [class*="ChatPublisher_smileSuggestWrapper_"] {
  6131. background-color: var(--c-262626);
  6132. }
  6133. .dark-theme [class*="Chat_root_"] {
  6134. background-color: var(--c-141414);
  6135. }
  6136. .light-theme [class*="StreamChatToggler_chatWrapper_"] {
  6137. background-color: var(--c-white);
  6138. }
  6139. .light-theme [class*="StreamChatToggler_chatButtons_"] {
  6140. border-bottom-color: var(--c-eaeaea);
  6141. }
  6142. .light-theme [class*="StreamChatToggler_button_"] {
  6143. background-color: var(--c-white);
  6144. border-color: var(--c-eaeaea);
  6145. }
  6146. .light-x-theme [class*="StreamChatToggler_chatWrapper_"] {
  6147. background-color: var(--c-white);
  6148. }
  6149. .light-x-theme [class*="StreamChatToggler_chatButtons_"] {
  6150. border-bottom-color: var(--c-eaeaea);
  6151. }
  6152. .light-x-theme [class*="StreamChatToggler_button_"] {
  6153. background-color: var(--c-white);
  6154. border-color: var(--c-eaeaea);
  6155. }
  6156. .dark-theme [class*="StreamChatToggler_chatWrapper_"] {
  6157. background-color: var(--c-262626);
  6158. }
  6159. .dark-theme [class*="StreamChatToggler_chatButtons_"] {
  6160. border-bottom-color: var(--c-transparent);
  6161. }
  6162. .dark-theme [class*="StreamChatToggler_icon_"] {
  6163. color: var(--c-f1f1f1);
  6164. }
  6165. .dark-theme [class*="StreamChatToggler_button_"] {
  6166. background-color: var(--c-303030);
  6167. border-color: var(--c-transparent);
  6168. }
  6169. .dark-theme [class*="StreamChatToggler_chatTitle_"] {
  6170. color: var(--c-f1f1f1);
  6171. }
  6172. [class*="StreamChatToggler_button_"] {
  6173. background-color: var(--c-transparent);
  6174. }
  6175. .dark-theme [class*="FeedStreamFooter_container_"] {
  6176. background-color: var(--c-262626);
  6177. }
  6178. [class*="StreamHeaderWithAuthor_rootLink_"] {
  6179. border-bottom: 1px solid var(--c-transparent);
  6180. color: var(--c-7c7c7c);
  6181. }
  6182. [class*="StreamHeaderWithAuthor_rootLink_"]:visited {
  6183. color: var(--c-7c7c7c);
  6184. }
  6185. @media not all and (hover: none) {
  6186. [class*="StreamHeaderWithAuthor_rootLink_"]:hover {
  6187. border-bottom-color: var(--c-7c7c7c);
  6188. }
  6189. }
  6190. [class*="StreamHeaderWithAuthor_rootDeleted_"] {
  6191. background-color: var(--c-cd35441a);
  6192. }
  6193. [class*="CurrentStreams_block_"] {
  6194. background-color: var(--c-white);
  6195. }
  6196. [class*="FilterSelectByDate_root_"][class*="FilterSelectByDate_rootTransparentBg_"] {
  6197. background-color: var(--c-transparent);
  6198. }
  6199. .dark-theme [class*="StreamPanel_streamPanel_"] {
  6200. background-color: var(--c-191919);
  6201. }
  6202. .dark-theme [class*="StreamPanel_author_"] {
  6203. color: var(--c-f1f1f1);
  6204. }
  6205. .dark-theme [class*="StreamPanel_title_"] {
  6206. color: var(--c-f1f1f1);
  6207. }
  6208. .dark-theme [class*="StreamPanel_streamFooter_"] {
  6209. background-color: var(--c-191919);
  6210. }
  6211. .dark-theme [class*="StreamPage_block_"] {
  6212. background-color: var(--c-191919);
  6213. }
  6214. :is(.light-theme, .light-x-theme) [class*="StreamPage_descriptionStream_"] {
  6215. background-color: var(--c-white);
  6216. }
  6217. .dark-theme [class*="Stream_loader_"] {
  6218. background-color: var(--c-262626);
  6219. }
  6220. [class*="AboutAuthor_content_"] [class*="AboutAuthor_markup_"] a {
  6221. border-bottom: 1px solid var(--c-transparent);
  6222. }
  6223. [class*="BlogWrapperPageHeader_block_"] {
  6224. background-color: var(--c-white);
  6225. }
  6226. [class*="FeedFilter_controlButton_"] {
  6227. background-color: var(--c-transparent);
  6228. }
  6229. .dark-theme:is([class*="FeedFilter_controlButton_"][class*="FeedFilter_active_"] [class*="FeedFilter_icon_"], [class*="FeedFilter_controlButton_"]:hover [class*="FeedFilter_icon_"]) {
  6230. stroke: var(--c-white);
  6231. color: var(--c-white);
  6232. fill: var(--c-white);
  6233. }
  6234. .dark-theme [class*="FeedFilterNew_root_"] {
  6235. background-color: var(--c-262626);
  6236. }
  6237. [class*="FeedFilterNew_controlButton_"] {
  6238. background-color: var(--c-transparent);
  6239. }
  6240. [class*="SearchInputView_resetButton_"] {
  6241. background-color: var(--c-transparent);
  6242. }
  6243. [class*="SearchInputView_searchButton_"] {
  6244. background-color: var(--c-transparent);
  6245. }
  6246. .light-theme [class*="SearchInput_suggestContainer_"] {
  6247. background-color: var(--c-white);
  6248. border-color: var(--c-eaeaea);
  6249. box-shadow: 0 0 4px var(--c-eaeaea);
  6250. }
  6251. .light-theme :is([class*="SearchInput_iconReset_"], [class*="SearchInput_iconSearch_"]) {
  6252. color: var(--c-7c7c7c);
  6253. }
  6254. .light-x-theme [class*="SearchInput_suggestContainer_"] {
  6255. background-color: var(--c-white);
  6256. border-color: var(--c-eaeaea);
  6257. box-shadow: 0 0 4px var(--c-eaeaea);
  6258. }
  6259. .light-x-theme :is([class*="SearchInput_iconReset_"], [class*="SearchInput_iconSearch_"]) {
  6260. color: var(--c-7c7c7c);
  6261. }
  6262. .dark-theme [class*="SearchInput_suggestContainer_"] {
  6263. background-color: var(--c-262626);
  6264. border-color: var(--c-303030);
  6265. box-shadow: 0 2px 10px var(--c-0000001a);
  6266. }
  6267. .dark-theme [class*="SearchInput_suggestItem_"]:hover {
  6268. background-color: var(--c-303030);
  6269. }
  6270. .dark-theme :is([class*="SearchInput_iconReset_"], [class*="SearchInput_iconSearch_"]) {
  6271. color: var(--c-838383);
  6272. }
  6273. .dark-theme [class*="SearchInput_iconSearchFocused_"] {
  6274. color: var(--c-f1f1f1);
  6275. }
  6276. [class*="SearchInput_iconArrowDisabled_"] {
  6277. color: var(--c-4a4a4a);
  6278. }
  6279. [class*="SearchInput_notFound_"] {
  6280. color: var(--c-7c7c7c);
  6281. }
  6282. .light-theme [class*="SearchResult_root_"] {
  6283. background-color: var(--c-white);
  6284. }
  6285. @media (hover: hover) {
  6286. .light-theme [class*="SearchResult_root_"]:hover {
  6287. background-color: var(--c-f6f6f6);
  6288. }
  6289. }
  6290. .light-x-theme [class*="SearchResult_root_"] {
  6291. background-color: var(--c-white);
  6292. }
  6293. @media (hover: hover) {
  6294. .light-x-theme [class*="SearchResult_root_"]:hover {
  6295. background-color: var(--c-f6f6f6);
  6296. }
  6297. }
  6298. .dark-theme [class*="SearchResult_root_"] {
  6299. background-color: var(--c-262626);
  6300. }
  6301. @media (hover: hover) {
  6302. .dark-theme [class*="SearchResult_root_"]:hover {
  6303. background-color: var(--c-303030);
  6304. }
  6305. }
  6306. .dark-theme [class*="SuggestItemTextSection_title_"] {
  6307. color: var(--c-f1f1f1);
  6308. }
  6309. .dark-theme [class*="SuggestItemTextSection_subtitle_"] {
  6310. color: var(--c-7c7c7c);
  6311. }
  6312. .light-theme [class*="SuggestItemTextSection_title_"] {
  6313. color: var(--c-242b2c);
  6314. }
  6315. .light-theme [class*="SuggestItemTextSection_subtitle_"] {
  6316. color: var(--c-7c7c7c);
  6317. }
  6318. .light-x-theme [class*="SuggestItemTextSection_title_"] {
  6319. color: var(--c-242b2c);
  6320. }
  6321. .light-x-theme [class*="SuggestItemTextSection_subtitle_"] {
  6322. color: var(--c-7c7c7c);
  6323. }
  6324. .dark-theme [class*="SearchByBlogsInline_input_"] {
  6325. background-color: var(--c-303030);
  6326. border-color: var(--c-303030);
  6327. }
  6328. .dark-theme [class*="SearchByBlogsInline_searchIcon_"] {
  6329. color: var(--c-7c7c7c);
  6330. }
  6331. .dark-theme [class*="SearchByBlogsInline_showAllLink_"] {
  6332. background-color: var(--c-262626);
  6333. }
  6334. .light-theme [class*="SearchByBlogsInline_input_"] {
  6335. background-color: var(--c-f6f6f6);
  6336. border-color: var(--c-f6f6f6);
  6337. }
  6338. .light-theme [class*="SearchByBlogsInline_searchIcon_"] {
  6339. color: var(--c-7c7c7c);
  6340. }
  6341. .light-theme [class*="SearchByBlogsInline_showAllLink_"] {
  6342. background-color: var(--c-white);
  6343. }
  6344. .light-x-theme [class*="SearchByBlogsInline_input_"] {
  6345. background-color: var(--c-f6f6f6);
  6346. border-color: var(--c-f6f6f6);
  6347. }
  6348. .light-x-theme [class*="SearchByBlogsInline_searchIcon_"] {
  6349. color: var(--c-7c7c7c);
  6350. }
  6351. .light-x-theme [class*="SearchByBlogsInline_showAllLink_"] {
  6352. background-color: var(--c-white);
  6353. }
  6354. [class*="SearchByBlogsInline_suggestContainer_"] {
  6355. box-shadow: 0 3px 15px var(--c-0000001a);
  6356. }
  6357. .dark-theme [class*="ProfileDropdownItem_item_"]:hover {
  6358. background-color: var(--c-4a4a4a);
  6359. color: var(--c-white);
  6360. }
  6361. .dark-theme [class*="ProfileDropdownItem_item_"]:hover [class*="ProfileDropdownItem_icon_"] {
  6362. fill: var(--c-white);
  6363. }
  6364. :is(.light-theme, .light-x-theme) [class*="ProfileDropdownItem_logoutItem_"] {
  6365. border-top-color: var(--c-eaeaea);
  6366. }
  6367. .dark-theme [class*="ProfileDropdownItem_logoutItem_"] {
  6368. border-top-color: var(--c-303030);
  6369. }
  6370. .dark-theme :is([class*="MiniProfile_arrow_"], [class*="MiniProfile_link_"], [class*="MiniProfile_name_"]):visited {
  6371. color: var(--c-f1f1f1);
  6372. }
  6373. [class*="MiniProfile_dropdown_"] {
  6374. box-shadow: 0 2px 10px var(--c-0000001a);
  6375. }
  6376. :is(.light-theme, .light-x-theme) [class*="MiniProfile_dropdown_"] {
  6377. background-color: var(--c-white);
  6378. border-color: var(--c-eaeaea);
  6379. }
  6380. .dark-theme [class*="MiniProfile_dropdown_"] {
  6381. background-color: var(--c-262626);
  6382. border-color: var(--c-303030);
  6383. box-shadow: 0 2px 10px var(--c-00000080);
  6384. }
  6385. .light-theme [class*="TopMenu_block_"] {
  6386. background-color: var(--c-white);
  6387. border-bottom-color: var(--c-eaeaea);
  6388. }
  6389. .light-theme :is([class*="TopMenu_iconBurger_"], [class*="TopMenu_iconMessages_"]) {
  6390. fill: var(--c-242b2c);
  6391. }
  6392. .light-theme [class*="TopMenu_localeComponent_"][class*="TopMenu_selected_"] {
  6393. color: var(--c-242b2c);
  6394. fill: var(--c-242b2c);
  6395. }
  6396. .light-theme [class*="TopMenu_smallSelectArrow_"] {
  6397. color: var(--c-242b2c);
  6398. }
  6399. .light-x-theme [class*="TopMenu_block_"] {
  6400. background-color: var(--c-white);
  6401. border-bottom-color: var(--c-eaeaea);
  6402. }
  6403. .light-x-theme :is([class*="TopMenu_iconBurger_"], [class*="TopMenu_iconMessages_"]) {
  6404. fill: var(--c-242b2c);
  6405. }
  6406. .light-x-theme [class*="TopMenu_localeComponent_"][class*="TopMenu_selected_"] {
  6407. color: var(--c-242b2c);
  6408. fill: var(--c-242b2c);
  6409. }
  6410. .light-x-theme [class*="TopMenu_smallSelectArrow_"] {
  6411. color: var(--c-242b2c);
  6412. }
  6413. .light-x-theme [class*="TopMenu_blockTransparent_"] {
  6414. background-color: var(--c-transparent);
  6415. border-color: var(--c-transparent);
  6416. }
  6417. .light-x-theme [class*="TopMenu_searchInput_"] {
  6418. background-color: var(--c-white);
  6419. border-color: var(--c-eaeaea);
  6420. }
  6421. .dark-theme [class*="TopMenu_block_"] {
  6422. background-color: var(--c-262626);
  6423. border-bottom-color: var(--c-303030);
  6424. }
  6425. .dark-theme :is([class*="TopMenu_iconBurger_"], [class*="TopMenu_iconMessages_"]) {
  6426. fill: var(--c-f1f1f1);
  6427. }
  6428. .dark-theme [class*="TopMenu_subscriptionsContainer_"] {
  6429. background-color: var(--c-303030);
  6430. border-color: var(--c-303030);
  6431. color: var(--c-f1f1f1);
  6432. }
  6433. .dark-theme [class*="TopMenu_subscriptionsContainer_"]:hover {
  6434. background-color: var(--c-4a4a4a);
  6435. }
  6436. .dark-theme [class*="TopMenu_localeComponent_"][class*="TopMenu_selected_"] {
  6437. color: var(--c-f1f1f1);
  6438. fill: var(--c-f1f1f1);
  6439. }
  6440. .dark-theme [class*="TopMenu_smallSelectArrow_"] {
  6441. color: var(--c-f1f1f1);
  6442. }
  6443. [class*="TopMenu_block_"][class*="TopMenu_blockTransparent_"] {
  6444. background-color: var(--c-transparent);
  6445. }
  6446. [class*="TopMenu_block_"][class*="TopMenu_blockBlur_"] {
  6447. background-color: var(--c-0b0b0b99);
  6448. }
  6449. :is([class*="TopMenu_logoTemp2_"], [class*="TopMenu_logoTemp_"], [class*="TopMenu_logo_"]):hover {
  6450. border-bottom-color: var(--c-transparent);
  6451. filter: drop-shadow(6px 4px 0 var(--c-eee));
  6452. }
  6453. .dark-theme :is([class*="TopMenu_logoTemp2_"], [class*="TopMenu_logoTemp_"], [class*="TopMenu_logo_"]):hover {
  6454. filter: drop-shadow(6px 4px 0 var(--c-black));
  6455. }
  6456. :is(.light-theme, .light-x-theme) [class*="TopMenu_subscriptionsContainer_"] {
  6457. border-color: var(--c-eaeaea);
  6458. }
  6459. .dark-theme [class*="TopMenu_subscriptionsContainer_"] {
  6460. border-color: var(--c-transparent);
  6461. }
  6462. @media not all and (hover: none) {
  6463. .dark-theme [class*="TopMenu_subscriptionsContainer_"]:hover {
  6464. border-color: var(--c-838383);
  6465. }
  6466. }
  6467. [class*="TopMenu_subscriptionsContainer_"] {
  6468. background-color: var(--c-transparent);
  6469. }
  6470. :is(.light-theme, .light-x-theme) [class*="TopMenu_subscriptionsContainerOpened_"] {
  6471. background-color: var(--c-f6f6f6);
  6472. }
  6473. .dark-theme [class*="TopMenu_subscriptionsContainerOpened_"] {
  6474. background-color: var(--c-4a4a4a);
  6475. }
  6476. [class*="UserProfileInfo_blockedTip_"] {
  6477. color: var(--c-white);
  6478. }
  6479. [class*="UserProfileInfo_link_"] {
  6480. color: var(--c-7c7c7c);
  6481. }
  6482. [class*="UserProfileInfo_link_"]:visited {
  6483. color: var(--c-7c7c7c);
  6484. }
  6485. [class*="UserProfileCommon_label_"] {
  6486. color: var(--c-7c7c7c);
  6487. }
  6488. .light-theme [class*="SearchMultiSelect_suggestContainer_"] {
  6489. background-color: var(--c-white);
  6490. border-color: var(--c-eaeaea);
  6491. box-shadow: 0 0 4px var(--c-eaeaea);
  6492. }
  6493. .light-theme :is([class*="SearchMultiSelect_iconReset_"], [class*="SearchMultiSelect_iconSearch_"]) {
  6494. color: var(--c-7c7c7c);
  6495. }
  6496. .light-theme [class*="SearchMultiSelect_selectedOptionsLabel_"] {
  6497. background-color: var(--c-white);
  6498. }
  6499. .light-x-theme [class*="SearchMultiSelect_suggestContainer_"] {
  6500. background-color: var(--c-white);
  6501. border-color: var(--c-eaeaea);
  6502. box-shadow: 0 0 4px var(--c-eaeaea);
  6503. }
  6504. .light-x-theme :is([class*="SearchMultiSelect_iconReset_"], [class*="SearchMultiSelect_iconSearch_"]) {
  6505. color: var(--c-7c7c7c);
  6506. }
  6507. .light-x-theme [class*="SearchMultiSelect_selectedOptionsLabel_"] {
  6508. background-color: var(--c-white);
  6509. }
  6510. .dark-theme [class*="SearchMultiSelect_suggestContainer_"] {
  6511. border-color: var(--c-303030);
  6512. box-shadow: 0 2px 10px var(--c-0000001a);
  6513. }
  6514. .dark-theme [class*="SearchMultiSelect_suggestItem_"]:hover {
  6515. background-color: var(--c-303030);
  6516. }
  6517. .dark-theme :is([class*="SearchMultiSelect_iconReset_"], [class*="SearchMultiSelect_iconSearch_"]) {
  6518. color: var(--c-838383);
  6519. }
  6520. .dark-theme [class*="SearchMultiSelect_iconSearchFocused_"] {
  6521. color: var(--c-f1f1f1);
  6522. }
  6523. [class*="SearchMultiSelect_iconArrowDisabled_"] {
  6524. color: var(--c-4a4a4a);
  6525. }
  6526. [class*="SearchMultiSelect_notFound_"] {
  6527. color: var(--c-7c7c7c);
  6528. }
  6529. .dark-theme [class*="MainFeedTagsSelect_input_"]::-moz-placeholder {
  6530. color: var(--c-7c7c7c) !important;
  6531. }
  6532. .dark-theme [class*="MainFeedTagsSelect_input_"]::placeholder {
  6533. color: var(--c-7c7c7c) !important;
  6534. }
  6535. .dark-theme [class*="MainFeedSearch_input_"] {
  6536. border-color: var(--c-303030);
  6537. }
  6538. .dark-theme [class*="MainFeedSearch_input_"][class*="MainFeedSearch_filled_"] {
  6539. background-color: var(--c-303030);
  6540. }
  6541. .dark-theme [class*="MainFeedSearch_mainFeedSearchIcon_"] {
  6542. color: var(--c-7c7c7c);
  6543. }
  6544. .light-theme [class*="MainFeedSearch_input_"] {
  6545. border-color: var(--c-f6f6f6);
  6546. }
  6547. .light-theme [class*="MainFeedSearch_input_"][class*="MainFeedSearch_filled_"] {
  6548. background-color: var(--c-eee);
  6549. }
  6550. .light-theme [class*="MainFeedSearch_mainFeedSearchIcon_"] {
  6551. color: var(--c-7c7c7c);
  6552. }
  6553. .light-x-theme [class*="MainFeedSearch_input_"] {
  6554. border-color: var(--c-f6f6f6);
  6555. }
  6556. .light-x-theme [class*="MainFeedSearch_input_"][class*="MainFeedSearch_filled_"] {
  6557. background-color: var(--c-eee);
  6558. }
  6559. .light-x-theme [class*="MainFeedSearch_mainFeedSearchIcon_"] {
  6560. color: var(--c-7c7c7c);
  6561. }
  6562. [class*="MainFeedSearch_input_"] {
  6563. background-color: var(--c-white);
  6564. }
  6565. .minimal [class*="FeedFilter_root_"] {
  6566. background-color: var(--c-transparent);
  6567. }
  6568. [class*="FeedFilter_searchButton_"] {
  6569. background-color: var(--c-transparent);
  6570. }
  6571. [class*="MainFeed_myPage_"] {
  6572. background-color: var(--c-white);
  6573. }
  6574. [class*="MainFeed_subscriptions_"] {
  6575. background-color: var(--c-white);
  6576. }
  6577. [class*="SubscriptionLevelBlockTemplate_wrapper_"] {
  6578. background-color: var(--c-white);
  6579. filter: drop-shadow(0 2px 30px var(--c-rgba-0-0-0-0_1));
  6580. }
  6581. [class*="SubscriptionLevelBlockTemplate_price_"] {
  6582. color: var(--c-7c7c7c);
  6583. }
  6584. [class*="CommentBlockItems_user_"] {
  6585. background-color: var(--c-white);
  6586. box-shadow: 0 9px 36px var(--c-0000000d);
  6587. }
  6588. [class*="CommentBlockItems_username_"] {
  6589. color: var(--c-ababab);
  6590. }
  6591. [class*="VideoBlockTemplate_root_"] {
  6592. background-color: var(--c-white);
  6593. box-shadow: 0 8 38px var(--c-0000000d);
  6594. }
  6595. [class*="VideoBlockTemplate_preview_"] {
  6596. background-color: var(--c-e0e0e0);
  6597. }
  6598. [class*="VideoBlockTemplate_description_"] [class*="VideoBlockTemplate_line_"] {
  6599. background-color: var(--c-d6d6d6);
  6600. }
  6601. [class*="VideoBlockTemplate_totalLikes_"] {
  6602. color: var(--c-cd3544);
  6603. }
  6604. [class*="VideoBlockTemplate_totalComments_"] {
  6605. color: var(--c-1f3042);
  6606. }
  6607. [class*="VideoBlockTemplate_iconLike_"] {
  6608. color: var(--c-cd3544);
  6609. }
  6610. :is(.light-theme, .light-x-theme) [class*="SuccessStoriesSlider_paginationArrowItem_"] {
  6611. background-color: var(--c-facfbf);
  6612. }
  6613. :is(.light-theme, .light-x-theme) [class*="SuccessStoriesSlider_paginationItemDisabled_"] {
  6614. background-color: var(--c-f8f7f7);
  6615. }
  6616. .dark-theme [class*="SuccessStoriesSlider_paginationArrowItem_"] {
  6617. background-color: var(--c-facfbf);
  6618. }
  6619. .dark-theme [class*="SuccessStoriesSlider_paginationItemDisabled_"] {
  6620. background-color: var(--c-f8f7f7);
  6621. }
  6622. [class*="SuccessStoriesSlider_item_"] {
  6623. background-color: var(--c-f8f7f7);
  6624. }
  6625. [class*="SuccessStoriesSlider_countSubscribers_"] {
  6626. color: var(--c-7c7c7c);
  6627. }
  6628. [class*="SuccessStoriesSlider_goToBlog_"] {
  6629. border-bottom: 1px solid var(--c-transparent);
  6630. }
  6631. [class*="UseTabItem_title_"] {
  6632. color: var(--c-7c7c7c);
  6633. }
  6634. [class*="UseTabItem_iconPlay_"] {
  6635. color: var(--c-white);
  6636. }
  6637. [class*="MainLanding_root_"] {
  6638. background-color: var(--c-white);
  6639. }
  6640. [class*="MainLanding_top_"] {
  6641. background-color: var(--c-white);
  6642. }
  6643. [class*="MainLanding_topText_"] {
  6644. color: var(--c-303030);
  6645. }
  6646. [class*="MainLanding_howWork_"] {
  6647. background-color: var(--c-f8f7f7);
  6648. }
  6649. [class*="MainLanding_howWorkStepNumber_"] {
  6650. color: var(--c-242b2c66);
  6651. }
  6652. [class*="MainLanding_howWorkStepText_"] {
  6653. color: var(--c-7c7c7c);
  6654. }
  6655. [class*="MainLanding_howWorkStepLink_"] {
  6656. border-bottom: 1px solid var(--c-transparent);
  6657. }
  6658. [class*="MainLanding_successStories_"] {
  6659. background-color: var(--c-white);
  6660. }
  6661. [class*="MainLanding_successStoriesSliderItem_"]:after {
  6662. background-color: var(--c-f8f7f7);
  6663. }
  6664. [class*="MainLanding_separator_"] {
  6665. background-color: var(--c-eaeaea);
  6666. }
  6667. [class*="MainLanding_why_"] {
  6668. background-color: var(--c-white);
  6669. }
  6670. [class*="MainLanding_calculator_"] {
  6671. background-color: var(--c-f8f7f7);
  6672. }
  6673. [class*="MainLanding_calculatorFieldTitle_"] {
  6674. color: var(--c-7c7c7c);
  6675. }
  6676. [class*="MainLanding_calculatorFieldInput_"] {
  6677. border: 1px solid var(--c-eaeaea);
  6678. }
  6679. [class*="MainLanding_calculatorFieldInput_"]:hover {
  6680. border-color: var(--c-ccc);
  6681. }
  6682. [class*="MainLanding_calculatorDescription_"] {
  6683. color: var(--c-7c7c7c);
  6684. }
  6685. [class*="MainLanding_calculatorCommissionInfo_"] {
  6686. color: var(--c-7c7c7c);
  6687. }
  6688. [class*="MainLanding_calculatorOfferPopular_"] {
  6689. color: var(--c-7c7c7c);
  6690. }
  6691. [class*="MainLanding_use_"] {
  6692. background-color: var(--c-white);
  6693. }
  6694. [class*="MainLanding_join_"] {
  6695. background-color: var(--c-f8f7f7);
  6696. }
  6697. [class*="MainLanding_joinText_"] {
  6698. color: var(--c-7c7c7c);
  6699. }
  6700. [class*="TargetBlockTemplate_wrapper_"] {
  6701. background-color: var(--c-white);
  6702. filter: drop-shadow(0 2px 30px var(--c-rgba-0-0-0-0_1));
  6703. }
  6704. [class*="TargetBlockTemplate_titleCollected_"] {
  6705. color: var(--c-7c7c7c);
  6706. }
  6707. [class*="LandingDonationAlerts_topMenu_"] {
  6708. background-color: var(--c-white);
  6709. }
  6710. [class*="LandingDonationAlerts_topMenuLogo_"]:hover {
  6711. border-bottom-color: var(--c-transparent);
  6712. }
  6713. [class*="LandingDonationAlerts_topMenuBy_"] {
  6714. color: var(--c-f57d07);
  6715. }
  6716. [class*="LandingDonationAlerts_top_"]:after {
  6717. background-image: linear-gradient(180deg, var(--c-f9f7f7), var(--c-ebebeb));
  6718. }
  6719. [class*="LandingDonationAlerts_topText_"] {
  6720. color: var(--c-333);
  6721. }
  6722. [class*="LandingDonationAlerts_topSignInTitle_"] {
  6723. color: var(--c-333);
  6724. }
  6725. [class*="LandingDonationAlerts_emoji_"] {
  6726. background-color: var(--c-white);
  6727. }
  6728. .dark-theme [class*="LandingDonationAlerts_emoji_"] {
  6729. background-color: var(--c-303030);
  6730. }
  6731. [class*="LandingDonationAlerts_emojiItemPictureTargetsProgress_"] {
  6732. background-color: var(--c-white);
  6733. border: 1px solid var(--c-e8e8e8);
  6734. box-shadow: 0 5px 30px var(--c-0000001a);
  6735. }
  6736. [class*="LandingDonationAlerts_emojiItemPictureTargetsProgressLeft_"] {
  6737. background-image: linear-gradient(270deg, var(--c-f18a2c) 82%, var(--c-f15f2c));
  6738. color: var(--c-white);
  6739. }
  6740. [class*="LandingDonationAlerts_emojiItemPictureTargetsProgressLeft_"]:after {
  6741. background-color: var(--c-fd9e47);
  6742. }
  6743. [class*="LandingDonationAlerts_emojiItemPictureTargetsProgressRight_"] {
  6744. color: var(--c-c5c5c5);
  6745. }
  6746. [class*="LandingDonationAlerts_emojiItemText_"] {
  6747. color: var(--c-333);
  6748. }
  6749. [class*="LandingDonationAlerts_alsoHaveItemPicture_"] {
  6750. background-color: var(--c-white);
  6751. box-shadow: 0 5px 20px var(--c-0000000d);
  6752. }
  6753. [class*="LandingDonationAlerts_alsoHaveItemTitle_"] {
  6754. color: var(--c-white);
  6755. }
  6756. [class*="LandingDonationAlerts_alsoHaveItemCommission_"] {
  6757. background-image: linear-gradient(180deg, var(--c-f7b200), var(--c-df8400));
  6758. }
  6759. [class*="LandingDonationAlerts_alsoHaveItemPayout_"] {
  6760. background-image: linear-gradient(180deg, var(--c-bf69d6), var(--c-6138bc));
  6761. }
  6762. [class*="LandingDonationAlerts_alsoHaveItemPaySystems_"] {
  6763. background-image: linear-gradient(0deg, var(--c-e64d4b), var(--c-fb8332));
  6764. }
  6765. [class*="LandingDonationAlerts_alsoHaveItemDiscord_"] {
  6766. background-image: linear-gradient(180deg, var(--c-7593d9), var(--c-546ca8));
  6767. }
  6768. [class*="SearchResultEmpty_description_"] {
  6769. color: var(--c-7c7c7c);
  6770. }
  6771. [class*="SearchResultNetworkError_description_"] {
  6772. color: var(--c-7c7c7c);
  6773. }
  6774. [class*="ResultCenterSection_title_"] {
  6775. color: var(--c-f1f1f1);
  6776. }
  6777. :is([class*="ResultCenterSection_subscribers_"], [class*="ResultCenterSection_subtitle_"]) {
  6778. color: var(--c-7c7c7c);
  6779. }
  6780. .light-theme [class*="ResultCenterSection_title_"] {
  6781. color: var(--c-black);
  6782. }
  6783. .light-theme [class*="ResultCenterSection_subtitle_"] {
  6784. color: var(--c-242b2c);
  6785. }
  6786. .light-theme [class*="ResultCenterSection_subscribers_"] {
  6787. color: var(--c-7c7c7c);
  6788. }
  6789. .light-x-theme [class*="ResultCenterSection_title_"] {
  6790. color: var(--c-black);
  6791. }
  6792. .light-x-theme [class*="ResultCenterSection_subtitle_"] {
  6793. color: var(--c-242b2c);
  6794. }
  6795. .light-x-theme [class*="ResultCenterSection_subscribers_"] {
  6796. color: var(--c-7c7c7c);
  6797. }
  6798. .dark-theme [class*="ResultRightSection_count_"] {
  6799. color: var(--c-f1f1f1);
  6800. }
  6801. .dark-theme [class*="ResultRightSection_text_"] {
  6802. color: var(--c-7c7c7c);
  6803. }
  6804. .light-theme [class*="ResultRightSection_count_"] {
  6805. color: var(--c-242b2c);
  6806. }
  6807. .light-theme [class*="ResultRightSection_text_"] {
  6808. color: var(--c-7c7c7c);
  6809. }
  6810. .light-x-theme [class*="ResultRightSection_count_"] {
  6811. color: var(--c-242b2c);
  6812. }
  6813. .light-x-theme [class*="ResultRightSection_text_"] {
  6814. color: var(--c-7c7c7c);
  6815. }
  6816. .dark-theme [class*="ResultItem_resultItem_"] {
  6817. border-color: var(--c-303030);
  6818. }
  6819. :is(.light-theme, .light-x-theme) [class*="ResultItem_resultItem_"] {
  6820. border-color: var(--c-eaeaea);
  6821. }
  6822. :is(.dark-theme, .light-theme, .light-x-theme) [class*="ResultList_resultEmpty_"] {
  6823. border-color: var(--c-eaeaea);
  6824. }
  6825. [class*="SearchByPosts_searchInput_"] {
  6826. background-color: var(--c-transparent) !important;
  6827. }
  6828. [class*="SearchByPosts_searchInput_"][class*="SearchByPosts_searchInputInContainedBlock_"] {
  6829. border-color: var(--c-transparent) !important;
  6830. }
  6831. .light-theme [class*="MediaAlbumPostItemTeaser_defaultImage_"] {
  6832. background-color: var(--c-f5aa91);
  6833. }
  6834. [class*="MediaAlbumPostItemTeaser_attachments_"] {
  6835. color: var(--c-white);
  6836. stroke: var(--c-white);
  6837. }
  6838. [class*="MediaAlbumPostItemTeaser_title_"] {
  6839. color: var(--c-white);
  6840. }
  6841. [class*="MediaAlbumPostItemTeaser_root_"][class*="MediaAlbumPostItemTeaser_uploadedTeaser_"] [class*="MediaAlbumPostItemTeaser_content_"] {
  6842. background-color: var(--c-00000080);
  6843. }
  6844. [class*="MediaAlbumPostItemTeaser_root_"][class*="MediaAlbumPostItemTeaser_autoTeaser_"] [class*="MediaAlbumPostItemTeaser_content_"] {
  6845. background-color: var(--c-00000026);
  6846. }
  6847. [class*="MediaAlbumPostFeedItem_root_"] {
  6848. background-color: var(--c-white);
  6849. }
  6850. [class*="MediaAlbumPostFeedItem_header_"] {
  6851. color: var(--c-7c7c7c);
  6852. }
  6853. [class*="SearchUsersSelected_user_"] {
  6854. background-color: var(--c-eee);
  6855. color: var(--c-7c7c7c);
  6856. }
  6857. [class*="SearchUsersSelected_iconClose_"] {
  6858. stroke: var(--c-7c7c7c);
  6859. }
  6860. .desktop [class*="SubscriptionLevelText_archived_"] {
  6861. color: var(--c-7c7c7c);
  6862. }
  6863. [class*="BlogSubscribersRows_header_"] {
  6864. color: var(--c-7c7c7c);
  6865. }
  6866. [class*="BlogSubscribersRows_price_"] {
  6867. border-bottom: 1px dashed var(--c-transparent);
  6868. }
  6869. [class*="BlogSubscribersRows_nextPayPrice_"] {
  6870. border-bottom-color: var(--c-7c7c7c);
  6871. }
  6872. [class*="BlogSubscribersRows_nextPayPrice_"]:hover {
  6873. border-bottom-color: var(--c-transparent);
  6874. }
  6875. [class*="BlogSubscribersRows_iconStatus_"] {
  6876. color: var(--c-white);
  6877. }
  6878. [class*="EventItem_period_"] {
  6879. background-color: var(--c-3a43);
  6880. color: var(--c-3a4);
  6881. }
  6882. [class*="EventItem_money_"] {
  6883. color: var(--c-3a4);
  6884. }
  6885. [class*="EventItem_holdCancel_"] [class*="EventItem_icon_"] {
  6886. fill: var(--c-59a840);
  6887. }
  6888. [class*="EventItem_hold_"] {
  6889. color: var(--c-7c7c7c);
  6890. }
  6891. [class*="EventItem_hold_"] [class*="EventItem_icon_"] {
  6892. fill: var(--c-7c7c7c);
  6893. }
  6894. [class*="EventItem_content_"] {
  6895. color: var(--c-7c7c7c);
  6896. }
  6897. [class*="EventItem_subscribe_"] {
  6898. background-color: var(--c-3a43);
  6899. color: var(--c-3a4);
  6900. }
  6901. [class*="EventItem_subscribeIcon_"] {
  6902. color: var(--c-3a4);
  6903. }
  6904. [class*="EventItem_subscribeUp_"] {
  6905. background-color: var(--c-00b29433);
  6906. color: var(--c-00b294);
  6907. }
  6908. [class*="EventItem_subscribeUpIcon_"] {
  6909. color: var(--c-00b294);
  6910. }
  6911. [class*="EventItem_percentIcon_"] {
  6912. color: var(--c-4050b5);
  6913. }
  6914. [class*="EventItem_gift_"] {
  6915. background-color: var(--c-d1648533);
  6916. color: var(--c-d16485);
  6917. }
  6918. [class*="EventItem_giftIcon_"] {
  6919. color: var(--c-d16485);
  6920. }
  6921. [class*="EventItem_messageIcon_"] {
  6922. color: var(--c-8e5dd9);
  6923. }
  6924. [class*="EventItem_commissionCompensationIcon_"] {
  6925. color: var(--c-3a4);
  6926. }
  6927. [class*="EventItem_holdIcon_"] {
  6928. color: var(--c-7b98a9);
  6929. }
  6930. [class*="EventItem_donate_"] {
  6931. color: var(--c-f90);
  6932. }
  6933. [class*="EventItem_onAccount_"] {
  6934. color: var(--c-3fb819);
  6935. }
  6936. [class*="EventItem_postSale_"] {
  6937. color: var(--c-09b);
  6938. }
  6939. [class*="EventItemLoader_row_"] > div:before {
  6940. background: linear-gradient(90deg, var(--c-transparent) 0, var(--c-hsla-0-0-52-0_3) 50%, var(--c-transparent));
  6941. }
  6942. .dark-theme [class*="EventItemLoader_row_"] > div:before {
  6943. background: linear-gradient(90deg, var(--c-transparent) 0, var(--c-rgba-77-77-77-0_3) 50%, var(--c-transparent));
  6944. }
  6945. [class*="EventSelector_statusFilter_"] {
  6946. border: 2px solid var(--c-white);
  6947. }
  6948. [class*="EventSelector_filterList_"] {
  6949. box-shadow: 0 2px 10px var(--c-0000001a);
  6950. }
  6951. [class*="EventListLoader_gradient_"] {
  6952. background-image: linear-gradient(var(--c-fff0) 60%, var(--c-white) 95%);
  6953. }
  6954. .dark-theme [class*="EventListLoader_gradient_"] {
  6955. background-image: linear-gradient(var(--c-fff0) 60%, var(--c-222) 95%);
  6956. }
  6957. [class*="ProfileEventListEmpty_title_"] {
  6958. color: var(--c-black);
  6959. }
  6960. [class*="ProfileEventListEmpty_content_"] {
  6961. color: var(--c-7c7c7c);
  6962. }
  6963. [class*="ProfileEventListEmpty_icon_"] {
  6964. color: var(--c-ccc);
  6965. }
  6966. [class*="UserProfile_iconClose_"] {
  6967. background-color: var(--c-white);
  6968. color: var(--c-7c7c7c);
  6969. }
  6970. [class*="UserProfile_root_"] {
  6971. background-color: var(--c-white);
  6972. box-shadow: 0 5px 10px var(--c-0000001a);
  6973. }
  6974. :root {
  6975. --color-brand: var(--c-f15f2c);
  6976. --color-brand-opacity-0: var(--c-rgba-241-95-44-0);
  6977. --color-brand-opacity-03: var(--c-rgba-241-95-44-0_03);
  6978. --color-brand-opacity-10: var(--c-rgba-241-95-44-0_1);
  6979. --color-brand-opacity-20: var(--c-rgba-241-95-44-0_2);
  6980. --color-brand-opacity-25: var(--c-rgba-241-95-44-0_25);
  6981. --color-brand-opacity-30: var(--c-rgba-241-95-44-0_3);
  6982. --color-brand-opacity-40: var(--c-rgba-241-95-44-0_4);
  6983. --color-brand-opacity-50: var(--c-rgba-241-95-44-0_5);
  6984. --color-brand-opacity-70: var(--c-rgba-241-95-44-0_7);
  6985. --color-brand-opacity-80: var(--c-rgba-241-95-44-0_8);
  6986. --color-brand-hovered: var(--c-d45124);
  6987. --color-brand-darken-7: var(--c-ea4810);
  6988. --color-brand-darken-10: var(--c-db440f);
  6989. --color-brand-darken-12: var(--c-d2410e);
  6990. --color-brand-darken-20: var(--c-f15f2c);
  6991. --color-brand-light: var(--c-f3774c);
  6992. --color-brand-selection: var(--c-f3774c33);
  6993. --color-brand-selection-dark: var(--c-f3774c59);
  6994. --color-jasper-opacity-10: var(--c-rgba-205-53-68-0_1);
  6995. --color-brand-lightest: var(--c-ef7729);
  6996. --color-link: var(--c-f15f2c);
  6997. --color-link-opacity-20: var(--c-rgba-241-95-44-0_2);
  6998. --color-light-link: var(--c-f15f2c);
  6999. --color-light-x-link: var(--c-5249b4);
  7000. --color-dark-link: var(--c-ef7729);
  7001. --color-light-error: var(--c-cd3544);
  7002. --color-light-x-error: var(--c-cb1a1a);
  7003. --color-dark-error: var(--c-f7402b);
  7004. --color-bright-bg: var(--c-eee);
  7005. --color-white-bg: var(--c-white);
  7006. --color-dark-theme-bg: var(--c-191919);
  7007. --color-light-base-border: var(--c-eaeaea);
  7008. --color-dark-base-border: var(--c-3c3c3c);
  7009. --color-light-popup-bg: var(--c-white);
  7010. --color-dark-popup-bg: var(--c-262626);
  7011. --color-light-text-primary: var(--c-242b2c);
  7012. --color-dark-text-primary: var(--c-f1f1f1);
  7013. --color-dark-text-regular: var(--c-c9c9c9);
  7014. --color-light-text-secondary: var(--c-8c8c8c);
  7015. --color-light-x-text-secondary: var(--c-8c8c8c);
  7016. --color-dark-text-secondary: var(--c-8c8c8c);
  7017. --color-light-post-bg: var(--c-white);
  7018. --color-dark-post-bg: var(--c-262626);
  7019. --color-light-block-border: var(--c-ececec);
  7020. --color-dark-block-border: var(--c-transparent);
  7021. --color-light-block-bg: var(--c-f6f6f6);
  7022. --color-dark-block-bg: var(--c-303030);
  7023. --color-dark-block-note-bg: var(--c-hsla-0-0-100-0_07);
  7024. --color-dark-highlighted-bg: var(--c-hsla-0-0-100-0_07);
  7025. --color-light-icon-ui: var(--c-242b2c);
  7026. --color-light-x-icon-ui: var(--c-242b2c);
  7027. --color-dark-icon-ui: var(--c-ababab);
  7028. --color-dark-icon-ui-hover: var(--c-f1f1f1);
  7029. --color-extra-ui: var(--c-8c8c8c);
  7030. --color-dark-extra-ui-hover: var(--c-c9c9c9);
  7031. --color-light-panel-bg: var(--c-white);
  7032. --color-dark-panel-bg: var(--c-262626);
  7033. --color-dark-input-border: var(--c-transparent);
  7034. --color-light-input-border-hover: var(--c-ccc);
  7035. --color-light-x-input-border-hover: var(--c-ccc);
  7036. --color-dark-input-border-hover: var(--c-4a4a4a);
  7037. --color-dark-input-border-focus: var(--c-4a4a4a);
  7038. --color-light-input-bg: var(--c-white);
  7039. --color-light-x-input-bg: var(--c-white);
  7040. --color-light-input-bg-disabled: var(--c-fafafa);
  7041. --color-light-x-input-bg-disabled: var(--c-fafafa);
  7042. --color-dark-input-bg-disabled: var(--c-222);
  7043. --color-light-input-contained-bg: var(--c-eee);
  7044. --color-light-x-input-contained-bg: var(--c-eee);
  7045. --color-dark-input-contained-bg: var(--c-303030);
  7046. --color-light-input-text-disabled: var(--c-9d9d9d);
  7047. --color-light-x-input-text-disabled: var(--c-9d9d9d);
  7048. --color-dark-input-text-disabled: var(--c-838383);
  7049. --color-light-self-message-bg: var(--c-222);
  7050. --color-dark-self-message-bg: var(--c-eee);
  7051. --color-light-chatmate-message-bg: var(--c-eee);
  7052. --color-light-self-message-text: var(--c-f7f7f7);
  7053. --color-dark-self-message-text: var(--c-242b2c);
  7054. --color-dark-chatmate-message-text: var(--c-f1f1f1);
  7055. }
  7056. * {
  7057. -webkit-tap-highlight-color: var(--c-transparent);
  7058. }
  7059. @supports not selector(::-webkit-scrollbar-thumb) {
  7060. :is(.light-theme, .light-x-theme) html {
  7061. scrollbar-color: var(--c-ccc) var(--c-fff0);
  7062. }
  7063. .dark-theme html {
  7064. scrollbar-color: var(--c-4a4a4a) var(--c-fff0);
  7065. }
  7066. }
  7067. html::-webkit-scrollbar {
  7068. background-color: var(--c-fff0);
  7069. }
  7070. html::-webkit-scrollbar-track {
  7071. background-color: var(--c-fff0);
  7072. }
  7073. :is(.light-theme, .light-x-theme) html::-webkit-scrollbar-thumb {
  7074. background-color: var(--c-ccc);
  7075. }
  7076. .dark-theme html::-webkit-scrollbar-thumb {
  7077. background-color: var(--c-4a4a4a);
  7078. }
  7079. @supports not selector(::-webkit-scrollbar-thumb) {
  7080. html {
  7081. scrollbar-color: var(--c-ccc) var(--c-fff0);
  7082. }
  7083. }
  7084. html::-webkit-scrollbar-thumb {
  7085. background-color: var(--c-ccc);
  7086. }
  7087. body.transparent_bg {
  7088. background-color: var(--c-transparent);
  7089. }
  7090. .dark-theme {
  7091. background-color: var(--c-191919);
  7092. }
  7093. .transparent_bg .dark-theme {
  7094. background-color: var(--c-transparent);
  7095. }
  7096. a {
  7097. border-bottom: 1px solid var(--c-transparent);
  7098. }
  7099. [class*="EventFooter_itemClassNamePage_"] {
  7100. background-color: var(--c-white);
  7101. }
  7102. [class*="EventFooter_itemClassNamePage_"]:hover {
  7103. background-color: var(--c-white);
  7104. border: 1px solid var(--c-ccc);
  7105. }
  7106. [class*="EventFooter_buttonMore_"] {
  7107. background-color: var(--c-white);
  7108. }
  7109. [class*="EventFooter_buttonMore_"]:hover {
  7110. background-color: var(--c-white);
  7111. border: 1px solid var(--c-ccc);
  7112. }
  7113. [class*="StatCommonItem_title_"] {
  7114. color: var(--c-7c7c7c);
  7115. }
  7116. [class*="BlogStatistics_timeInfo_"] {
  7117. color: var(--c-7c7c7c);
  7118. }
  7119. /* fixes */
  7120. :root {
  7121. /* shadow */
  7122. --c-0000001a: #0000001a;
  7123. --c-00000080: #00000080;
  7124. --c-000000b3: #000000b3;
  7125. --c-0000000d: #0000000d;
  7126. --c-000000e6: #000000e6;
  7127. --c-00000026: #00000026;
  7128. --c-00000059: #00000059;
  7129. --c-0000004d: #0000003d;
  7130. --c-00000014: #00000014;
  7131. --c-000000c4: #000000c4;
  7132. --pswp-bg: #000;
  7133. --c-rgba-0-0-0-0_5: rgba(0, 0, 0, 0.5);
  7134. }
  7135. .pswp__bg {
  7136. --pswp-bg: #000e;
  7137. }
  7138. @container style(--y: 1) {
  7139. img {
  7140. filter: hue-rotate(calc(var(--h) * 1deg)) invert(1);
  7141. }
  7142. }
  7143. @container style(--ath-thick-scrollbar: 1) {
  7144. html::-webkit-scrollbar {
  7145. width: revert;
  7146. height: revert;
  7147. }
  7148. }
  7149. @container style(--ath-expand-links: 1) {
  7150. [class*=SocialLinks_root_] {
  7151. flex-flow: column;
  7152. align-items: flex-start;
  7153. [class*=SocialLinks_link_] {
  7154. max-width: 100%;
  7155. align-items: center;
  7156. [class*=SocialLinks_icon_] {
  7157. align-self: flex-start;
  7158. min-width: 24px;
  7159. }
  7160. &::after {
  7161. font-size: 0.8rem;
  7162. overflow: hidden;
  7163. max-width: 100%;
  7164. text-overflow: ellipsis;
  7165. content: attr(href);
  7166. overflow-wrap: break-word;
  7167. }
  7168. }
  7169. }
  7170. }
  7171. [class*="PostSubscriptionBlock_content_"][class*="PostSubscriptionBlock_uploadedTeaser_"] {
  7172. background: #0000;
  7173. }
  7174. [class*=Cover_info_] {
  7175. filter: drop-shadow(1px 1px 2px #000);
  7176. * {
  7177. color: var(--black);
  7178. }
  7179. }
  7180. [class*=Cover_coverContainer_]:before {
  7181. background-color: #0003;
  7182. }
  7183. [class*=TopMenu_logo_] {
  7184. background-image: url("data:image/svg+xml,%0A%3Csvg width='145' height='40' viewBox='0 0 145 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m138.119 13.149-6.117 9.482-.604-9.482h-8.823l1.462-5.016.345-1.115h-6.751l-.318 1.115-1.462 5.016h-7.191c-5.91 0-9.236 1.679-10.61 4.855-.796-2.905-3.43-4.855-7.472-4.855a13.4 13.4 0 0 0-8.923 3.355c-1.191-2.049-3.55-3.353-6.844-3.353a13.4 13.4 0 0 0-9.403 3.797c-1.098-2.292-3.554-3.8-7.082-3.8a13.7 13.7 0 0 0-3.459.452l.53-1.827a.5.5 0 0 1 .035-.084L56.79 7h-6.724l-4.287 14.734q-.166.443-.3.897c-.19.644-.317 1.305-.381 1.973-.56 4.11 1.25 7.212 6.268 7.423q.723.086 1.45.085a13.64 13.64 0 0 0 9.303-3.807c1.037 2.31 3.448 3.807 7.178 3.807a13.6 13.6 0 0 0 8.811-3.358c1.141 2.05 3.478 3.358 6.953 3.358h16.856c5.226 0 8.178-1.027 9.714-3.258 0 2.128 1.22 3.258 4.31 3.258 2.496 0 5.836-.547 10.425-1.674l-6.679 9.483h6.724l18.435-26.772zM58.931 22.63c-.629 2.16-2.653 3.902-4.51 3.902s-2.854-1.742-2.225-3.902 2.653-3.904 4.496-3.904 2.867 1.737 2.239 3.904m11.976 3.902c1.857 0 3.88-1.742 4.51-3.902.617-2.167-.359-3.904-2.216-3.904-1.856 0-3.894 1.745-4.509 3.904-.615 2.16.358 3.902 2.215 3.902m13.549-3.902c.629-2.162 2.652-3.904 4.496-3.904 1.843 0 2.857 1.742 2.228 3.904s-2.586 3.852-4.422 3.905h-.15c-1.807-.053-2.773-1.774-2.152-3.905m18.319 3.91c.947.005 3.052.016 3.352-.683.187-.622-.073-.666-1.486-.9a60 60 0 0 1-1.541-.273c-2.899-.572-4.39-1.475-5.092-2.476a9 9 0 0 1-.114.422 12.4 12.4 0 0 1-1.966 3.905l6.539.005zm10.002-2.817c-.573-2.228-3.056-3.102-6.536-3.524l-.181-.022c-1.343-.159-2.087-.248-1.912-.85.141-.488.87-.59 2.438-.59h7.644zm7.463-2.555c-.443 1.517-.744 2.546-.744 2.576-.783 3.182-.608 3.583 6.419 2.091l-.698-7.106h-4.265z' fill='%23F1F1F1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.815 0 1.038 23.892l-.243.84c-2.334 8.216.332 15.16 9.84 15.268q1.826-4.672 5.055-12.9h-5.154l5.522-19.56a1 1 0 0 1 .054-.133L18.216 0zm15.393 21.6L10.673 40h.193c9.262 0 18.776-6.984 21.127-15.27 2.19-7.701-1.534-14.07-9.476-14.916L17.89 21.6z' fill='url(%23paint0_linear_10045_9560)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10045_9560' x1='2.99172' y1='-3.01375' x2='-16.0911' y2='41.0695' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EF7829'/%3E%3Cstop offset='0.28' stop-color='%23F0692A'/%3E%3Cstop offset='0.63' stop-color='%23F15E2C'/%3E%3Cstop offset='1' stop-color='%23F15A2C'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") !important;
  7185. }
  7186. }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址