☰

1000.menu – Dark [Ath]

Dark theme for 1000.menu with several enhancements: flexible width, hidden ads, configurable colors.

  1. /* ==UserStyle==
  2. @name           1000.menu – Dark [Ath]
  3. @namespace      athari
  4. @version        1.1.0
  5. @description    Dark theme for 1000.menu with several enhancements: flexible width, hidden ads, configurable colors.
  6. @author         Athari (https://github.com/Athari)
  7. @homepageURL    https://github.com/Athari/AthariUserCSS
  8. @supportURL     https://github.com/Athari/AthariUserCSS/issues
  9. @license        MIT
  10. @preprocessor   default
  11.  
  12. @var            checkbox ath-flexible-width     "Flexible width"         1
  13. @var            checkbox ath-show-ads           "Show ads"               0
  14. @var            checkbox ath-show-social        "Show social links"      0
  15. @var            select   ath-color-scheme       "Controls color scheme"  ["light:Light", "dark:Dark*"]
  16.  
  17. @var            range    l "Lightness base"     [1.0, -2.0, 2.0, 0.02]
  18. @var            range    m "Lightness contrast" [-0.80, -2.0, 2.0, 0.02]
  19. @var            range    c "Chroma base"        [0.0, 0.0, 0.40, 0.01]
  20. @var            range    d "Chroma contrast"    [1.0, -2.0, 2.0, 0.02]
  21. @var            range    h "Hue base"           [0, 0, 360, 2]
  22. @var            range    i "Hue contrast"       [1.0, -2.0, 2.0, 0.05]
  23. @var            checkbox y "Invert images"      0
  24. ==/UserStyle== */
  25.  
  26. @-moz-document domain("1000.menu") {
  27.   /*
  28.    * generated
  29.    * formula: dark-full
  30.    * site: 1000.menu
  31.    * name: general.v1739794088.css
  32.    * url: https://static.1000.menu/style/css/general.v1739794088.css
  33.    * name: index.embed1.css
  34.    * name: catalog.v1689551599.css
  35.    * url: https://static.1000.menu/style/css/catalog.v1689551599.css
  36.    * name: search.v1689551599.css
  37.    * url: https://static.1000.menu/style/css/cooking/search.v1689551599.css
  38.    * name: catalog.embed1.css
  39.    * name: user.v1722804817.css
  40.    * url: https://static.1000.menu/style/css/user.v1722804817.css
  41.    * name: cookbook.v1722804817.css
  42.    * url: https://static.1000.menu/style/css/user/cookbook.v1722804817.css
  43.    * name: add.embed1.css
  44.    * name: contest.v1689551599.css
  45.    * url: https://static.1000.menu/style/css/contest.v1689551599.css
  46.    * name: contest.embed1.css
  47.    * name: page.v1689551599.css
  48.    * url: https://static.1000.menu/style/css/cooking/page.v1689551599.css
  49.    * name: cooking.embed1.css
  50.    * name: cooking.embed2.css
  51.    * name: forum.v1688137269.css
  52.    * url: https://static.1000.menu/style/css/forum.v1688137269.css
  53.    * name: forum.embed1.css
  54.    * name: inline-style-attrs.css
  55.    */
  56.   :root,
  57.   body,
  58.   footer {
  59.     /* color white n=91 rgb(255, 255, 255) oklch(1 0 180) */
  60.     --c-white: oklch(from #fff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  61.     /* color #f0f0f0 n=68 rgb(240, 240, 240) oklch(6 0 180) */
  62.     --c-f0f0f0: oklch(from #f0f0f0 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  63.     /* color #ff5401 n=46 rgb(255, 84, 1) oklch(6 14 22) */
  64.     --c-ff5401: oklch(from #ff5401 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  65.     /* color #515151 n=38 rgb(81, 81, 81) oklch(6 0 16) */
  66.     --c-515151: oklch(from #515151 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  67.     /* color #d10026 n=34 rgb(209, 0, 38) oklch(6 14 22) */
  68.     --c-d10026: oklch(from #d10026 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  69.     /* color #f8f8f8 n=29 rgb(248, 248, 248) oklch(6 0 180) */
  70.     --c-f8f8f8: oklch(from #f8f8f8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  71.     /* color #219653 n=25 rgb(33, 150, 83) oklch(6 14 22) */
  72.     --c-219653: oklch(from #219653 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  73.     /* color #efefef n=23 rgb(239, 239, 239) oklch(6 0 16) */
  74.     --c-efefef: oklch(from #efefef calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  75.     /* color #8e8e8e n=21 rgb(142, 142, 142) oklch(6 0 180) */
  76.     --c-8e8e8e: oklch(from #8e8e8e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  77.     /* color #1b71e4 n=18 rgb(27, 113, 228) oklch(6 14 22) */
  78.     --c-1b71e4: oklch(from #1b71e4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  79.     /* color #f53d00 n=17 rgb(245, 61, 0) oklch(6 14 22) */
  80.     --c-f53d00: oklch(from #f53d00 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  81.     /* color transparent n=17 rgba(0, 0, 0, 0) oklch(0 0 0 / 0) */
  82.     --c-transparent: oklch(from transparent calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  83.     /* color #3f3f3f n=12 rgb(63, 63, 63) oklch(6 0 16) */
  84.     --c-3f3f3f: oklch(from #3f3f3f calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  85.     /* color #084499 n=12 rgb(8, 68, 153) oklch(6 14 22) */
  86.     --c-084499: oklch(from #084499 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  87.     /* color #b80021 n=9 rgb(184, 0, 33) oklch(6 14 22) */
  88.     --c-b80021: oklch(from #b80021 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  89.     /* color #eb3a00 n=8 rgb(235, 58, 0) oklch(6 14 22) */
  90.     --c-eb3a00: oklch(from #eb3a00 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  91.     /* color rgba(0,0,0,.1) n=8 rgba(0, 0, 0, 14) oklch(0 0 0 / 14) */
  92.     --c-rgba-0-0-0-11: 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));
  93.     /* color #373737 n=6 rgb(55, 55, 55) oklch(6 0 180) */
  94.     --c-373737: oklch(from #373737 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  95.     /* color black n=4 rgb(0, 0, 0) oklch(0 0 0) */
  96.     --c-black: oklch(from #000 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  97.     /* color #d1d1d1 n=4 rgb(209, 209, 209) oklch(6 0 16) */
  98.     --c-d1d1d1: oklch(from #d1d1d1 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  99.     /* color #dbdbdb n=4 rgb(219, 219, 219) oklch(6 0 180) */
  100.     --c-dbdbdb: oklch(from #dbdbdb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  101.     /* color whitesmoke n=4 rgb(245, 245, 245) oklch(6 0 16) */
  102.     --c-whitesmoke: oklch(from #f5f5f5 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  103.     /* color #ffebe1 n=4 rgb(255, 235, 225) oklch(6 14 22) */
  104.     --c-ffebe1: oklch(from #ffebe1 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  105.     /* color #fff3ec n=4 rgb(255, 243, 236) oklch(6 14 22) */
  106.     --c-fff3ec: oklch(from #fff3ec calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  107.     /* color #292929 n=4 rgb(41, 41, 41) oklch(6 0 180) */
  108.     --c-292929: oklch(from #292929 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  109.     /* color #363636 n=4 rgb(54, 54, 54) oklch(6 0 180) */
  110.     --c-363636: oklch(from #363636 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  111.     /* color #9e9e9e n=3 rgb(158, 158, 158) oklch(6 0 16) */
  112.     --c-9e9e9e: oklch(from #9e9e9e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  113.     /* color #d7d7d7 n=3 rgb(215, 215, 215) oklch(6 0 180) */
  114.     --c-d7d7d7: oklch(from #d7d7d7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  115.     /* color #e2e2e2 n=3 rgb(226, 226, 226) oklch(6 0 180) */
  116.     --c-e2e2e2: oklch(from #e2e2e2 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  117.     /* color #1866cd n=3 rgb(24, 102, 205) oklch(6 14 22) */
  118.     --c-1866cd: oklch(from #1866cd calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  119.     /* color hsla(0,0%,100%,.5) n=3 rgba(255, 255, 255, 20) oklch(1 0 180 / 16) */
  120.     --c-hsla-0-0-100-15: oklch(from hsla(0, 0%, 100%, 0.5) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  121.     /* color #00947e n=2 rgb(0, 148, 126) oklch(6 14 22) */
  122.     --c-00947e: oklch(from #00947e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  123.     /* color #00d1b2 n=2 rgb(0, 209, 178) oklch(6 14 22) */
  124.     --c-00d1b2: oklch(from #00d1b2 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  125.     /* color #0a0a0a n=2 rgb(10, 10, 10) oklch(6 0 180) */
  126.     --c-0a0a0a: oklch(from #0a0a0a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  127.     /* color #656565 n=2 rgb(101, 101, 101) oklch(6 0 180) */
  128.     --c-656565: oklch(from #656565 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  129.     /* color #70c3d4 n=2 rgb(112, 195, 212) oklch(6 14 22) */
  130.     --c-70c3d4: oklch(from #70c3d4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  131.     /* color #7a7a7a n=2 rgb(122, 122, 122) oklch(6 0 16) */
  132.     --c-7a7a7a: oklch(from #7a7a7a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  133.     /* color grey n=2 rgb(128, 128, 128) oklch(6 0 180) */
  134.     --c-grey: oklch(from grey calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  135.     /* color #946c00 n=2 rgb(148, 108, 0) oklch(6 14 22) */
  136.     --c-946c00: oklch(from #946c00 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  137.     /* color #960000 n=2 rgb(150, 0, 0) oklch(6 14 22) */
  138.     --c-960000: oklch(from #960000 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  139.     /* color #121212 n=2 rgb(18, 18, 18) oklch(6 0 180) */
  140.     --c-121212: oklch(from #121212 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  141.     /* color #b5b5b5 n=2 rgb(181, 181, 181) oklch(6 0 180) */
  142.     --c-b5b5b5: oklch(from #b5b5b5 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  143.     /* color #c9c9c9 n=2 rgb(201, 201, 201) oklch(6 0 180) */
  144.     --c-c9c9c9: oklch(from #c9c9c9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  145.     /* color #cc0f35 n=2 rgb(204, 15, 53) oklch(6 14 22) */
  146.     --c-cc0f35: oklch(from #cc0f35 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  147.     /* color #ccc n=2 rgb(204, 204, 204) oklch(6 0 16) */
  148.     --c-ccc: oklch(from #ccc calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  149.     /* color #d4d4d4 n=2 rgb(212, 212, 212) oklch(6 0 180) */
  150.     --c-d4d4d4: oklch(from #d4d4d4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  151.     /* color #d6d6d6 n=2 rgb(214, 214, 214) oklch(6 0 180) */
  152.     --c-d6d6d6: oklch(from #d6d6d6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  153.     /* color #ebfffc n=2 rgb(235, 255, 252) oklch(6 14 22) */
  154.     --c-ebfffc: oklch(from #ebfffc calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  155.     /* color #ec4d00 n=2 rgb(236, 77, 0) oklch(6 14 22) */
  156.     --c-ec4d00: oklch(from #ec4d00 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  157.     /* color #edf4f6 n=2 rgb(237, 244, 246) oklch(6 14 22) */
  158.     --c-edf4f6: oklch(from #edf4f6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  159.     /* color #eff1fa n=2 rgb(239, 241, 250) oklch(6 14 22) */
  160.     --c-eff1fa: oklch(from #eff1fa calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  161.     /* color #eff5fb n=2 rgb(239, 245, 251) oklch(6 14 22) */
  162.     --c-eff5fb: oklch(from #eff5fb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  163.     /* color #effaf5 n=2 rgb(239, 250, 245) oklch(6 14 22) */
  164.     --c-effaf5: oklch(from #effaf5 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  165.     /* color #f0eded n=2 rgb(240, 237, 237) oklch(6 14 22) */
  166.     --c-f0eded: oklch(from #f0eded calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  167.     /* color #f14668 n=2 rgb(241, 70, 104) oklch(6 14 22) */
  168.     --c-f14668: oklch(from #f14668 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  169.     /* color #1968d2 n=2 rgb(25, 104, 210) oklch(6 14 22) */
  170.     --c-1968d2: oklch(from #1968d2 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  171.     /* color #fafafa n=2 rgb(250, 250, 250) oklch(6 0 15) */
  172.     --c-fafafa: oklch(from #fafafa calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  173.     /* color #fdaf88 n=2 rgb(253, 175, 136) oklch(6 14 22) */
  174.     --c-fdaf88: oklch(from #fdaf88 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  175.     /* color #feecf0 n=2 rgb(254, 236, 240) oklch(6 14 22) */
  176.     --c-feecf0: oklch(from #feecf0 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  177.     /* color #ffe08a n=2 rgb(255, 224, 138) oklch(6 14 22) */
  178.     --c-ffe08a: oklch(from #ffe08a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  179.     /* color #ffefe6 n=2 rgb(255, 239, 230) oklch(6 14 22) */
  180.     --c-ffefe6: oklch(from #ffefe6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  181.     /* color #fffaeb n=2 rgb(255, 250, 235) oklch(6 14 21) */
  182.     --c-fffaeb: oklch(from #fffaeb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  183.     /* color #1d854a n=2 rgb(29, 133, 74) oklch(6 14 22) */
  184.     --c-1d854a: oklch(from #1d854a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  185.     /* color #242424 n=2 rgb(36, 36, 36) oklch(6 0 180) */
  186.     --c-242424: oklch(from #242424 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  187.     /* color #257953 n=2 rgb(37, 121, 83) oklch(6 14 22) */
  188.     --c-257953: oklch(from #257953 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  189.     /* color #296fa8 n=2 rgb(41, 111, 168) oklch(6 14 22) */
  190.     --c-296fa8: oklch(from #296fa8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  191.     /* color #3850b7 n=2 rgb(56, 80, 183) oklch(6 14 22) */
  192.     --c-3850b7: oklch(from #3850b7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  193.     /* color #3e8ed0 n=2 rgb(62, 142, 208) oklch(6 14 22) */
  194.     --c-3e8ed0: oklch(from #3e8ed0 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  195.     /* color #444 n=2 rgb(68, 68, 68) oklch(6 0 180) */
  196.     --c-444: oklch(from #444 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  197.     /* color #48c78e n=2 rgb(72, 199, 142) oklch(6 14 22) */
  198.     --c-48c78e: oklch(from #48c78e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  199.     /* color #485fc7 n=2 rgb(72, 95, 199) oklch(6 14 22) */
  200.     --c-485fc7: oklch(from #485fc7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  201.     /* color #4a4a4a n=2 rgb(74, 74, 74) oklch(6 0 180) */
  202.     --c-4a4a4a: oklch(from #4a4a4a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  203.     /* color #54514a n=2 rgb(84, 81, 74) oklch(6 14 22) */
  204.     --c-54514a: oklch(from #54514a calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  205.     /* color hsla(0,0%,100%,.7) n=2 rgba(255, 255, 255, 20) oklch(1 0 180 / 16) */
  206.     --c-hsla-0-0-100-15: 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));
  207.     /* color hsla(0,0%,100%,.8) n=2 rgba(255, 255, 255, 20) oklch(1 0 180 / 16) */
  208.     --c-hsla-0-0-100-15: 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));
  209.     /* color #009e86 n=1 rgb(0, 158, 134) oklch(6 14 22) */
  210.     --c-009e86: oklch(from #009e86 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  211.     /* color #00c7a9 n=1 rgb(0, 199, 169) oklch(6 14 22) */
  212.     --c-00c7a9: oklch(from #00c7a9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  213.     /* color #6e8b29 n=1 rgb(110, 139, 41) oklch(6 14 22) */
  214.     --c-6e8b29: oklch(from #6e8b29 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  215.     /* color #848484 n=1 rgb(132, 132, 132) oklch(6 0 180) */
  216.     --c-848484: oklch(from #848484 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  217.     /* color #868686 n=1 rgb(134, 134, 134) oklch(6 0 180) */
  218.     --c-868686: oklch(from #868686 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  219.     /* color #9cb462 n=1 rgb(156, 180, 98) oklch(6 14 22) */
  220.     --c-9cb462: oklch(from #9cb462 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  221.     /* color #104489 n=1 rgb(16, 68, 137) oklch(6 14 22) */
  222.     --c-104489: oklch(from #104489 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  223.     /* color #a899ff n=1 rgb(168, 153, 255) oklch(6 14 22) */
  224.     --c-a899ff: oklch(from #a899ff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  225.     /* color darkgrey n=1 rgb(169, 169, 169) oklch(6 0 180) */
  226.     --c-darkgrey: oklch(from #a9a9a9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  227.     /* color #acaaaa n=1 rgb(172, 170, 170) oklch(6 14 22) */
  228.     --c-acaaaa: oklch(from #acaaaa calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  229.     /* color #b8fff4 n=1 rgb(184, 255, 244) oklch(6 14 22) */
  230.     --c-b8fff4: oklch(from #b8fff4 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  231.     /* color #bdbdbd n=1 rgb(189, 189, 189) oklch(6 0 16) */
  232.     --c-bdbdbd: oklch(from #bdbdbd calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  233.     /* color #c6ddf1 n=1 rgb(198, 221, 241) oklch(6 14 20) */
  234.     --c-c6ddf1: oklch(from #c6ddf1 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  235.     /* color #c79200 n=1 rgb(199, 146, 0) oklch(6 14 22) */
  236.     --c-c79200: oklch(from #c79200 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  237.     /* color #c8cfee n=1 rgb(200, 207, 238) oklch(6 14 22) */
  238.     --c-c8cfee: oklch(from #c8cfee calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  239.     /* color #c8eedd n=1 rgb(200, 238, 221) oklch(6 14 22) */
  240.     --c-c8eedd: oklch(from #c8eedd calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  241.     /* color #cacaca n=1 rgb(202, 202, 202) oklch(6 0 180) */
  242.     --c-cacaca: oklch(from #cacaca calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  243.     /* color lightgrey n=1 rgb(211, 211, 211) oklch(6 0 180) */
  244.     --c-lightgrey: oklch(from #d3d3d3 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  245.     /* color #d8d7d7 n=1 rgb(216, 215, 215) oklch(6 14 21) */
  246.     --c-d8d7d7: oklch(from #d8d7d7 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  247.     /* color #d9f1f6 n=1 rgb(217, 241, 246) oklch(6 13 21) */
  248.     --c-d9f1f6: oklch(from #d9f1f6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  249.     /* color #dedede n=1 rgb(222, 222, 222) oklch(6 0 180) */
  250.     --c-dedede: oklch(from #dedede calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  251.     /* color #dfdfdf n=1 rgb(223, 223, 223) oklch(6 0 180) */
  252.     --c-dfdfdf: oklch(from #dfdfdf calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  253.     /* color #e1e1e1 n=1 rgb(225, 225, 225) oklch(6 0 16) */
  254.     --c-e1e1e1: oklch(from #e1e1e1 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  255.     /* color #e3e3e3 n=1 rgb(227, 227, 227) oklch(6 0 16) */
  256.     --c-e3e3e3: oklch(from #e3e3e3 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  257.     /* color #e6e6e6 n=1 rgb(230, 230, 230) oklch(6 0 180) */
  258.     --c-e6e6e6: oklch(from #e6e6e6 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  259.     /* color #e74b00 n=1 rgb(231, 75, 0) oklch(6 14 22) */
  260.     --c-e74b00: oklch(from #e74b00 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  261.     /* color #e8e8e8 n=1 rgb(232, 232, 232) oklch(6 0 180) */
  262.     --c-e8e8e8: oklch(from #e8e8e8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  263.     /* color #ebebeb n=1 rgb(235, 235, 235) oklch(6 0 16) */
  264.     --c-ebebeb: oklch(from #ebebeb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  265.     /* color #ee1742 n=1 rgb(238, 23, 66) oklch(6 14 22) */
  266.     --c-ee1742: oklch(from #ee1742 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  267.     /* color #ee2049 n=1 rgb(238, 32, 73) oklch(6 14 22) */
  268.     --c-ee2049: oklch(from #ee2049 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  269.     /* color #fabdc9 n=1 rgb(250, 189, 201) oklch(6 14 22) */
  270.     --c-fabdc9: oklch(from #fabdc9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  271.     /* color #fbfbfb n=1 rgb(251, 251, 251) oklch(6 0 16) */
  272.     --c-fbfbfb: oklch(from #fbfbfb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  273.     /* color red n=1 rgb(255, 0, 0) oklch(6 14 22) */
  274.     --c-red: oklch(from red calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  275.     /* color #ff6c44 n=1 rgb(255, 108, 68) oklch(6 14 22) */
  276.     --c-ff6c44: oklch(from #ff6c44 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  277.     /* color #ffd257 n=1 rgb(255, 210, 87) oklch(6 14 22) */
  278.     --c-ffd257: oklch(from #ffd257 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  279.     /* color #fd9 n=1 rgb(255, 221, 153) oklch(6 14 22) */
  280.     --c-fd9: oklch(from #fd9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  281.     /* color #ffecb8 n=1 rgb(255, 236, 184) oklch(6 14 22) */
  282.     --c-ffecb8: oklch(from #ffecb8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  283.     /* color #fff0ce n=1 rgb(255, 240, 206) oklch(6 14 22) */
  284.     --c-fff0ce: oklch(from #fff0ce calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  285.     /* color #fff4f0 n=1 rgb(255, 244, 240) oklch(6 14 22) */
  286.     --c-fff4f0: oklch(from #fff4f0 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  287.     /* color #1c8147 n=1 rgb(28, 129, 71) oklch(6 14 22) */
  288.     --c-1c8147: oklch(from #1c8147 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  289.     /* color #1c1c1c n=1 rgb(28, 28, 28) oklch(6 0 16) */
  290.     --c-1c1c1c: oklch(from #1c1c1c calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  291.     /* color #2b74b1 n=1 rgb(43, 116, 177) oklch(6 14 22) */
  292.     --c-2b74b1: oklch(from #2b74b1 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  293.     /* color #31a06e n=1 rgb(49, 160, 110) oklch(6 14 22) */
  294.     --c-31a06e: oklch(from #31a06e calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  295.     /* color #34a873 n=1 rgb(52, 168, 115) oklch(6 14 22) */
  296.     --c-34a873: oklch(from #34a873 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  297.     /* color #3449a8 n=1 rgb(52, 73, 168) oklch(6 14 22) */
  298.     --c-3449a8: oklch(from #3449a8 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  299.     /* color #368ace n=1 rgb(54, 138, 206) oklch(6 13 21) */
  300.     --c-368ace: oklch(from #368ace calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  301.     /* color #39a7c0 n=1 rgb(57, 167, 192) oklch(6 14 22) */
  302.     --c-39a7c0: oklch(from #39a7c0 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  303.     /* color #39a7c1 n=1 rgb(57, 167, 193) oklch(6 13 21) */
  304.     --c-39a7c1: oklch(from #39a7c1 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  305.     /* color #498de9 n=1 rgb(73, 141, 233) oklch(6 14 22) */
  306.     --c-498de9: oklch(from #498de9 calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  307.     /* color #4d4d4d n=1 rgb(77, 77, 77) oklch(6 0 16) */
  308.     --c-4d4d4d: oklch(from #4d4d4d calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  309.     /* color #576dcb n=1 rgb(87, 109, 203) oklch(6 14 22) */
  310.     --c-576dcb: oklch(from #576dcb calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  311.     /* color rgba(0,0,0,.4) n=1 rgba(0, 0, 0, 14) oklch(0 0 0 / 14) */
  312.     --c-rgba-0-0-0-11: oklch(from rgba(0, 0, 0, 0.4) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  313.     /* color rgba(0,0,0,.3) n=1 rgba(0, 0, 0, 14) oklch(0 0 0 / 14) */
  314.     --c-rgba-0-0-0-11: oklch(from rgba(0, 0, 0, 0.3) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  315.     /* color rgba(0,0,0,.7) n=1 rgba(0, 0, 0, 14) oklch(0 0 0 / 14) */
  316.     --c-rgba-0-0-0-11: oklch(from rgba(0, 0, 0, 0.7) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  317.     /* color rgba(25,20,0,.9) n=1 rgba(25, 20, 0, 16) oklch(6 13 21 / 31) */
  318.     --c-rgba-25-20-0-13: oklch(from rgba(25, 20, 0, 0.9) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  319.     /* color hsla(0,0%,100%,.9) n=1 rgba(255, 255, 255, 20) oklch(1 0 180 / 16) */
  320.     --c-hsla-0-0-100-15: 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));
  321.     /* color rgba(81,81,81,.3) n=1 rgba(81, 81, 81, 17) oklch(6 0 16 / 26) */
  322.     --c-rgba-81-81-81-14: oklch(from rgba(81, 81, 81, 0.3) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
  323.   }
  324.   .has-text-white {
  325.     color: var(--c-white) !important;
  326.   }
  327.   a.has-text-white:is(:focus, :hover) {
  328.     color: var(--c-e6e6e6) !important;
  329.   }
  330.   .has-background-white {
  331.     background-color: var(--c-white) !important;
  332.   }
  333.   .has-text-black {
  334.     color: var(--c-0a0a0a) !important;
  335.   }
  336.   a.has-text-black:is(:focus, :hover) {
  337.     color: var(--c-black) !important;
  338.   }
  339.   .has-background-black {
  340.     background-color: var(--c-0a0a0a) !important;
  341.   }
  342.   .has-text-light {
  343.     color: var(--c-whitesmoke) !important;
  344.   }
  345.   a.has-text-light:is(:focus, :hover) {
  346.     color: var(--c-dbdbdb) !important;
  347.   }
  348.   .has-background-light {
  349.     background-color: var(--c-whitesmoke) !important;
  350.   }
  351.   .has-text-dark {
  352.     color: var(--c-363636) !important;
  353.   }
  354.   a.has-text-dark:is(:focus, :hover) {
  355.     color: var(--c-1c1c1c) !important;
  356.   }
  357.   .has-background-dark {
  358.     background-color: var(--c-363636) !important;
  359.   }
  360.   .has-text-primary {
  361.     color: var(--c-00d1b2) !important;
  362.   }
  363.   a.has-text-primary:is(:focus, :hover) {
  364.     color: var(--c-009e86) !important;
  365.   }
  366.   .has-background-primary {
  367.     background-color: var(--c-00d1b2) !important;
  368.   }
  369.   .has-text-primary-light {
  370.     color: var(--c-ebfffc) !important;
  371.   }
  372.   a.has-text-primary-light:is(:focus, :hover) {
  373.     color: var(--c-b8fff4) !important;
  374.   }
  375.   .has-background-primary-light {
  376.     background-color: var(--c-ebfffc) !important;
  377.   }
  378.   .has-text-primary-dark {
  379.     color: var(--c-00947e) !important;
  380.   }
  381.   a.has-text-primary-dark:is(:focus, :hover) {
  382.     color: var(--c-00c7a9) !important;
  383.   }
  384.   .has-background-primary-dark {
  385.     background-color: var(--c-00947e) !important;
  386.   }
  387.   .has-text-link {
  388.     color: var(--c-485fc7) !important;
  389.   }
  390.   a.has-text-link:is(:focus, :hover) {
  391.     color: var(--c-3449a8) !important;
  392.   }
  393.   .has-background-link {
  394.     background-color: var(--c-485fc7) !important;
  395.   }
  396.   .has-text-link-light {
  397.     color: var(--c-eff1fa) !important;
  398.   }
  399.   a.has-text-link-light:is(:focus, :hover) {
  400.     color: var(--c-c8cfee) !important;
  401.   }
  402.   .has-background-link-light {
  403.     background-color: var(--c-eff1fa) !important;
  404.   }
  405.   .has-text-link-dark {
  406.     color: var(--c-3850b7) !important;
  407.   }
  408.   a.has-text-link-dark:is(:focus, :hover) {
  409.     color: var(--c-576dcb) !important;
  410.   }
  411.   .has-background-link-dark {
  412.     background-color: var(--c-3850b7) !important;
  413.   }
  414.   .has-text-info {
  415.     color: var(--c-3e8ed0) !important;
  416.   }
  417.   a.has-text-info:is(:focus, :hover) {
  418.     color: var(--c-2b74b1) !important;
  419.   }
  420.   .has-background-info {
  421.     background-color: var(--c-3e8ed0) !important;
  422.   }
  423.   .has-text-info-light {
  424.     color: var(--c-eff5fb) !important;
  425.   }
  426.   a.has-text-info-light:is(:focus, :hover) {
  427.     color: var(--c-c6ddf1) !important;
  428.   }
  429.   .has-background-info-light {
  430.     background-color: var(--c-eff5fb) !important;
  431.   }
  432.   .has-text-info-dark {
  433.     color: var(--c-296fa8) !important;
  434.   }
  435.   a.has-text-info-dark:is(:focus, :hover) {
  436.     color: var(--c-368ace) !important;
  437.   }
  438.   .has-background-info-dark {
  439.     background-color: var(--c-296fa8) !important;
  440.   }
  441.   .has-text-success {
  442.     color: var(--c-48c78e) !important;
  443.   }
  444.   a.has-text-success:is(:focus, :hover) {
  445.     color: var(--c-34a873) !important;
  446.   }
  447.   .has-background-success {
  448.     background-color: var(--c-48c78e) !important;
  449.   }
  450.   .has-text-success-light {
  451.     color: var(--c-effaf5) !important;
  452.   }
  453.   a.has-text-success-light:is(:focus, :hover) {
  454.     color: var(--c-c8eedd) !important;
  455.   }
  456.   .has-background-success-light {
  457.     background-color: var(--c-effaf5) !important;
  458.   }
  459.   .has-text-success-dark {
  460.     color: var(--c-257953) !important;
  461.   }
  462.   a.has-text-success-dark:is(:focus, :hover) {
  463.     color: var(--c-31a06e) !important;
  464.   }
  465.   .has-background-success-dark {
  466.     background-color: var(--c-257953) !important;
  467.   }
  468.   .has-text-warning {
  469.     color: var(--c-ffe08a) !important;
  470.   }
  471.   a.has-text-warning:is(:focus, :hover) {
  472.     color: var(--c-ffd257) !important;
  473.   }
  474.   .has-background-warning {
  475.     background-color: var(--c-ffe08a) !important;
  476.   }
  477.   .has-text-warning-light {
  478.     color: var(--c-fffaeb) !important;
  479.   }
  480.   a.has-text-warning-light:is(:focus, :hover) {
  481.     color: var(--c-ffecb8) !important;
  482.   }
  483.   .has-background-warning-light {
  484.     background-color: var(--c-fffaeb) !important;
  485.   }
  486.   .has-text-warning-dark {
  487.     color: var(--c-946c00) !important;
  488.   }
  489.   a.has-text-warning-dark:is(:focus, :hover) {
  490.     color: var(--c-c79200) !important;
  491.   }
  492.   .has-background-warning-dark {
  493.     background-color: var(--c-946c00) !important;
  494.   }
  495.   .has-text-danger {
  496.     color: var(--c-f14668) !important;
  497.   }
  498.   a.has-text-danger:is(:focus, :hover) {
  499.     color: var(--c-ee1742) !important;
  500.   }
  501.   .has-background-danger {
  502.     background-color: var(--c-f14668) !important;
  503.   }
  504.   .has-text-danger-light {
  505.     color: var(--c-feecf0) !important;
  506.   }
  507.   a.has-text-danger-light:is(:focus, :hover) {
  508.     color: var(--c-fabdc9) !important;
  509.   }
  510.   .has-background-danger-light {
  511.     background-color: var(--c-feecf0) !important;
  512.   }
  513.   .has-text-danger-dark {
  514.     color: var(--c-cc0f35) !important;
  515.   }
  516.   a.has-text-danger-dark:is(:focus, :hover) {
  517.     color: var(--c-ee2049) !important;
  518.   }
  519.   .has-background-danger-dark {
  520.     background-color: var(--c-cc0f35) !important;
  521.   }
  522.   .has-text-black-bis {
  523.     color: var(--c-121212) !important;
  524.   }
  525.   .has-background-black-bis {
  526.     background-color: var(--c-121212) !important;
  527.   }
  528.   .has-text-black-ter {
  529.     color: var(--c-242424) !important;
  530.   }
  531.   .has-background-black-ter {
  532.     background-color: var(--c-242424) !important;
  533.   }
  534.   .has-text-grey-darker {
  535.     color: var(--c-363636) !important;
  536.   }
  537.   .has-background-grey-darker {
  538.     background-color: var(--c-363636) !important;
  539.   }
  540.   .has-text-grey-dark {
  541.     color: var(--c-4a4a4a) !important;
  542.   }
  543.   .has-background-grey-dark {
  544.     background-color: var(--c-4a4a4a) !important;
  545.   }
  546.   .has-text-grey {
  547.     color: var(--c-7a7a7a) !important;
  548.   }
  549.   .has-background-grey {
  550.     background-color: var(--c-7a7a7a) !important;
  551.   }
  552.   .has-text-grey-light {
  553.     color: var(--c-b5b5b5) !important;
  554.   }
  555.   .has-background-grey-light {
  556.     background-color: var(--c-b5b5b5) !important;
  557.   }
  558.   .has-text-grey-lighter {
  559.     color: var(--c-dbdbdb) !important;
  560.   }
  561.   .has-background-grey-lighter {
  562.     background-color: var(--c-dbdbdb) !important;
  563.   }
  564.   .has-text-white-ter {
  565.     color: var(--c-whitesmoke) !important;
  566.   }
  567.   .has-background-white-ter {
  568.     background-color: var(--c-whitesmoke) !important;
  569.   }
  570.   .has-text-white-bis {
  571.     color: var(--c-fafafa) !important;
  572.   }
  573.   .has-background-white-bis {
  574.     background-color: var(--c-fafafa) !important;
  575.   }
  576.   .font-default-color {
  577.     color: var(--c-3f3f3f);
  578.   }
  579.   .link-default-hover:hover {
  580.     color: var(--c-f53d00);
  581.   }
  582.   .link-color-hover:hover {
  583.     color: var(--c-f53d00);
  584.   }
  585.   .link-default-style {
  586.     color: var(--c-084499);
  587.   }
  588.   .link-default-style:hover {
  589.     color: var(--c-f53d00);
  590.   }
  591.   a {
  592.     color: var(--c-084499);
  593.   }
  594.   a:hover {
  595.     color: var(--c-f53d00);
  596.   }
  597.   a.link-reset-style {
  598.     color: var(--c-084499) !important;
  599.   }
  600.   a.link-reset-style:hover {
  601.     color: var(--c-f53d00) !important;
  602.   }
  603.   a.disabled {
  604.     color: var(--c-8e8e8e) !important;
  605.   }
  606.   .links-default-style a {
  607.     color: var(--c-084499);
  608.   }
  609.   .links-default-style a:hover {
  610.     color: var(--c-f53d00);
  611.   }
  612.   :is(.a-alert, .a-err) a {
  613.     color: var(--c-d10026);
  614.   }
  615.   .custom-scrollbar::-webkit-scrollbar-thumb {
  616.     background-color: var(--c-d1d1d1);
  617.   }
  618.   .custom-scrollbar::-webkit-scrollbar-track {
  619.     background-color: var(--c-transparent);
  620.   }
  621.   .custom-scrollbar::-webkit-scrollbar-thumb:hover {
  622.     background-color: var(--c-9e9e9e);
  623.   }
  624.   .text-color-success {
  625.     color: var(--c-219653);
  626.   }
  627.   .text-color-info {
  628.     color: var(--c-1b71e4);
  629.   }
  630.   .text-color-accent {
  631.     color: var(--c-ff5401);
  632.   }
  633.   .text-color-alert {
  634.     color: var(--c-d10026);
  635.   }
  636.   .mesbox {
  637.     color: var(--c-515151);
  638.   }
  639.   .mesbox.ok {
  640.     background-color: var(--c-219653);
  641.   }
  642.   .mesbox.err,
  643.   .mesbox.ok,
  644.   .mesbox.ok a {
  645.     color: var(--c-white) !important;
  646.   }
  647.   .mesbox.err {
  648.     background-color: var(--c-d10026);
  649.   }
  650.   .mesbox.err a {
  651.     color: var(--c-d10026);
  652.     color: var(--c-white) !important;
  653.   }
  654.   .mesbox.info {
  655.     background-color: var(--c-1b71e4);
  656.   }
  657.   .mesbox.info,
  658.   .mesbox.info a {
  659.     color: var(--c-white) !important;
  660.   }
  661.   .mesbox.info :is(.cb, button).info {
  662.     background-color: var(--c-1866cd);
  663.   }
  664.   .mesbox.biboard {
  665.     background-color: var(--c-fff3ec);
  666.     border: 1px dashed var(--c-fdaf88);
  667.   }
  668.   .bi {
  669.     color: var(--c-515151);
  670.   }
  671.   .bi.ok {
  672.     background-color: var(--c-219653);
  673.   }
  674.   .bi.err,
  675.   .bi.ok,
  676.   .bi.ok a {
  677.     color: var(--c-white) !important;
  678.   }
  679.   .bi.err {
  680.     background-color: var(--c-d10026);
  681.   }
  682.   .bi.err a {
  683.     color: var(--c-d10026);
  684.   }
  685.   .bi.err a,
  686.   .bi.info {
  687.     color: var(--c-white) !important;
  688.   }
  689.   .bi.info {
  690.     background-color: var(--c-1b71e4);
  691.   }
  692.   .bi.info a {
  693.     color: var(--c-white) !important;
  694.   }
  695.   .bi.info :is(.cb, button).info {
  696.     background-color: var(--c-1866cd);
  697.   }
  698.   .bi.biboard {
  699.     background-color: var(--c-fff3ec);
  700.     border: 1px dashed var(--c-fdaf88);
  701.   }
  702.   .bi.alert a {
  703.     color: var(--c-d10026);
  704.   }
  705.   .bb {
  706.     background-color: var(--c-f8f8f8);
  707.   }
  708.   .bb a:hover {
  709.     color: var(--c-eb3a00);
  710.   }
  711.   .bb a.alert:hover {
  712.     color: var(--c-b80021);
  713.   }
  714.   .bb.accent {
  715.     background-color: var(--c-ffefe6);
  716.   }
  717.   .border-accent {
  718.     border-left: 2px solid var(--c-ff5401);
  719.   }
  720.   .err a {
  721.     color: var(--c-d10026) !important;
  722.   }
  723.   .ok a {
  724.     color: var(--c-219653) !important;
  725.   }
  726.   .alert a {
  727.     color: var(--c-d10026) !important;
  728.   }
  729.   .cancel a {
  730.     color: var(--c-960000) !important;
  731.   }
  732.   .info {
  733.     color: var(--c-8e8e8e) !important;
  734.   }
  735.   .as-sub {
  736.     border-left: 2px solid var(--c-ff5401);
  737.   }
  738.   .bs {
  739.     box-shadow: 5px 5px 5px var(--c-rgba-0-0-0-11);
  740.   }
  741.   .bs-0 {
  742.     box-shadow: 0 0 10px var(--c-ccc);
  743.   }
  744.   .popup-menu-list-item.divider {
  745.     background-color: var(--c-f0f0f0);
  746.   }
  747.   .popup-menu-list-item.as-header {
  748.     border-bottom: 1px solid var(--c-f0f0f0);
  749.     border-top: 0.5rem solid var(--c-f0f0f0);
  750.   }
  751.   .popup-menu-list-item.bi a {
  752.     color: var(--c-084499);
  753.   }
  754.   .popup-menu-list-item.bi a:hover {
  755.     color: var(--c-f53d00);
  756.   }
  757.   .popup-menu-list-item a {
  758.     border-bottom: 1px solid var(--c-f0f0f0);
  759.     color: var(--c-3f3f3f);
  760.   }
  761.   .popup-menu-list-item a.new .mark {
  762.     background-color: var(--c-ff5401);
  763.     color: var(--c-white);
  764.   }
  765.   .popup-menu-list {
  766.     background-color: var(--c-f8f8f8);
  767.     border: 1px solid var(--c-efefef);
  768.     box-shadow: 5px 5px 5px var(--c-rgba-0-0-0-11);
  769.   }
  770.   .popup-menu-list a:hover {
  771.     color: var(--c-eb3a00);
  772.   }
  773.   .popup-menu-list a.alert:hover {
  774.     color: var(--c-b80021);
  775.   }
  776.   .popup-menu-list li.divider {
  777.     background-color: var(--c-f0f0f0);
  778.   }
  779.   .popup-menu-list li.as-header {
  780.     border-bottom: 1px solid var(--c-f0f0f0);
  781.     border-top: 0.5rem solid var(--c-f0f0f0);
  782.   }
  783.   .popup-menu-list li.bi a {
  784.     color: var(--c-084499);
  785.   }
  786.   .popup-menu-list li.bi a:hover {
  787.     color: var(--c-f53d00);
  788.   }
  789.   .popup-menu-list li a {
  790.     border-bottom: 1px solid var(--c-f0f0f0);
  791.     color: var(--c-3f3f3f);
  792.   }
  793.   .popup-menu-list li a.new .mark {
  794.     background-color: var(--c-ff5401);
  795.     color: var(--c-white);
  796.   }
  797.   .no-user-select {
  798.     -webkit-tap-highlight-color: var(--c-transparent);
  799.   }
  800.   a.as-icon svg {
  801.     fill: var(--c-ff5401);
  802.   }
  803.   .dotted-list .list-item .list-column.dots {
  804.     border-bottom: 1px dotted var(--c-8e8e8e);
  805.   }
  806.   table.nt tr th {
  807.     background-color: var(--c-grey);
  808.     border: 1px solid var(--c-8e8e8e);
  809.     color: var(--c-white);
  810.   }
  811.   table.nt tr th svg {
  812.     fill: var(--c-white);
  813.   }
  814.   table.nt tr th .t-selected svg {
  815.     fill: var(--c-4d4d4d);
  816.   }
  817.   table.nt tr td {
  818.     background-color: var(--c-white);
  819.     border: 1px solid var(--c-8e8e8e);
  820.   }
  821.   table.nt tr:nth-child(2n) td {
  822.     background-color: var(--c-f0f0f0);
  823.   }
  824.   table.nt tr:hover td {
  825.     background-color: var(--c-fff3ec);
  826.   }
  827.   table.nt.color tr th {
  828.     background-color: var(--c-1b71e4);
  829.     border-color: var(--c-498de9);
  830.   }
  831.   table.nt.color tr th .t-selected svg {
  832.     fill: var(--c-104489);
  833.   }
  834.   table.nt.color tr:nth-child(2n) td {
  835.     background-color: var(--c-f0f0f0);
  836.   }
  837.   table.nt.color tr:hover td {
  838.     background-color: var(--c-fff3ec);
  839.   }
  840.   :is(.cb, .user-button, button, input):is([type="button"], [type="submit"]) {
  841.     background-color: var(--c-efefef);
  842.     color: var(--c-515151);
  843.   }
  844.   :is(.cb, .user-button, button, input):is(:hover, :is([type="button"], [type="submit"]):hover) {
  845.     background-color: var(--c-e2e2e2);
  846.     color: var(--c-515151);
  847.   }
  848.   :is(.cb, .user-button, button, input):is(.alert, .red, [type="button"], [type="submit"]):is(.alert, .red) {
  849.     background-color: var(--c-d10026);
  850.     color: var(--c-white) !important;
  851.   }
  852.   :is(.cb, .user-button, button, input):is(.alert, .red, [type="button"], [type="submit"]):is(:hover, :is(.alert, .red):hover) {
  853.     background-color: var(--c-b80021);
  854.     color: var(--c-white);
  855.   }
  856.   :is(.cb, .user-button, button, input):is(.accent, .orange, .warning, [type="button"], [type="submit"]):is(.accent, .orange, .warning) {
  857.     background-color: var(--c-ff5401);
  858.     color: var(--c-white) !important;
  859.   }
  860.   :is(.cb, .user-button, button, input):is(.accent, .orange, .warning, [type="button"], [type="submit"]):is(:hover, :is(.accent, .orange, .warning):hover) {
  861.     background-color: var(--c-e74b00);
  862.     color: var(--c-white);
  863.   }
  864.   :is(.cb, .user-button, button, input):is(.accept, .green, .success, [type="button"], [type="submit"]):is(.accept, .green, .success) {
  865.     background-color: var(--c-219653);
  866.     color: var(--c-white) !important;
  867.   }
  868.   :is(.cb, .user-button, button, input):is(.accept, .green, .success, [type="button"], [type="submit"]):is(:hover, :is(.accept, .green, .success):hover) {
  869.     background-color: var(--c-1c8147);
  870.     color: var(--c-white);
  871.   }
  872.   :is(.cb, .user-button, button, input):is(.blue, .info, [type="button"], [type="submit"]):is(.blue, .info) {
  873.     background-color: var(--c-1b71e4);
  874.     color: var(--c-white) !important;
  875.   }
  876.   :is(.cb, .user-button, button, input):is(.blue, .info, [type="button"], [type="submit"]):is(:hover, :is(.blue, .info):hover) {
  877.     background-color: var(--c-1866cd);
  878.     color: var(--c-white);
  879.   }
  880.   :is(.cb, .user-button, button, input):is(.disabled, [type="button"], [type="submit"]).disabled {
  881.     background-color: var(--c-f8f8f8) !important;
  882.     color: var(--c-8e8e8e) !important;
  883.   }
  884.   :is(.cb, .user-button, button, input):is(:is(.disabled, [type="button"], [type="submit"]):hover, :is(.disabled, [type="button"], [type="submit"]).disabled:hover) {
  885.     background-color: var(--c-f8f8f8) !important;
  886.     color: var(--c-8e8e8e) !important;
  887.   }
  888.   :is(.cb, .user-button, button, input):is(.as-selected, [type="button"], [type="submit"]).as-selected {
  889.     background-color: var(--c-515151);
  890.     color: var(--c-white);
  891.   }
  892.   :is(.cb, .user-button, button, input):is(.as-selected-section, [type="button"], [type="submit"]).as-selected-section {
  893.     background-color: var(--c-515151);
  894.     color: var(--c-white);
  895.   }
  896.   :is(.cb, .user-button, button, input):is(.color-disabled, [type="button"], [type="submit"]).color-disabled {
  897.     background-color: var(--c-f8f8f8);
  898.   }
  899.   :is(.cb, .user-button, button, input):is(:is(.color-disabled, [type="button"], [type="submit"]):hover, :is(.color-disabled, [type="button"], [type="submit"]).color-disabled:hover) {
  900.     background-color: var(--c-ebebeb);
  901.   }
  902.   :is(.cb, .user-button, button, input):is(:is(.with-icon, [type="button"], [type="submit"]) .icon, :is(.with-icon, [type="button"], [type="submit"]).with-icon .icon) {
  903.     fill: var(--c-515151);
  904.   }
  905.   :is(.cb, .user-button, button, input):is(.with-icon, [type="button"], [type="submit"]):is(.accent, .accept, .alert, .blue, .green, .info, .orange, .red, .success, .warning, .with-icon):is(.icon, :is(.accent, .accept, .alert, .blue, .green, .info, .orange, .red, .success, .warning) .icon) {
  906.     fill: var(--c-white);
  907.   }
  908.   :is(.cb, .user-button, button, input):is(.with-icon, [type="button"], [type="submit"]):is(:is(.disabled, .with-icon) .icon, :is(.disabled, .with-icon).disabled .icon) {
  909.     fill: var(--c-8e8e8e);
  910.   }
  911.   :is(.cb, .user-button, button, input):is(:is(.pre, [type="button"], [type="submit"]) .icon, :is(.pre, [type="button"], [type="submit"]).pre .icon) {
  912.     fill: var(--c-515151);
  913.   }
  914.   :is(.cb, .user-button, button, input):is(.pre, [type="button"], [type="submit"]):is(.accent, .accept, .alert, .blue, .green, .info, .orange, .red, .success, .warning, .pre):is(.icon, :is(.accent, .accept, .alert, .blue, .green, .info, .orange, .red, .success, .warning) .icon) {
  915.     fill: var(--c-white);
  916.   }
  917.   :is(.cb, .user-button, button, input):is(.pre, [type="button"], [type="submit"]):is(:is(.disabled, .pre) .icon, :is(.disabled, .pre).disabled .icon) {
  918.     fill: var(--c-8e8e8e);
  919.   }
  920.   :is(.cb, .user-button, button, input):is(:is(.pre, [type="button"], [type="submit"]):before, :is(.pre, [type="button"], [type="submit"]).pre:before) {
  921.     fill: var(--c-515151);
  922.   }
  923.   :is(.cb, .user-button, button, input):is(.pre, [type="button"], [type="submit"]):is(:is(.cancel, .pre):hover, :is(.cancel, .pre).cancel:hover) {
  924.     color: var(--c-960000) !important;
  925.   }
  926.   :is(.cb, .user-button, button, input):is(.pre, [type="button"], [type="submit"]):is(.delete, .pre).delete {
  927.     background-color: var(--c-d10026);
  928.     color: var(--c-white) !important;
  929.   }
  930.   :is(.cb, .user-button, button, input):is(.pre, [type="button"], [type="submit"]):is(:is(.delete, .pre):hover, :is(.delete, .pre).delete:hover) {
  931.     background-color: var(--c-b80021);
  932.     color: var(--c-white);
  933.   }
  934.   :is(.cb, .user-button, button, input):is(span.label, :is([type="button"], [type="submit"]) span.label) {
  935.     color: var(--c-hsla-0-0-100-15);
  936.   }
  937.   .button-group .cocpopup {
  938.     background-color: var(--c-f8f8f8);
  939.     border: 1px solid var(--c-efefef);
  940.     box-shadow: 5px 5px 5px var(--c-rgba-0-0-0-11);
  941.   }
  942.   .button-group .cocpopup a:hover {
  943.     color: var(--c-eb3a00);
  944.   }
  945.   .button-group .cocpopup a.alert:hover {
  946.     color: var(--c-b80021);
  947.   }
  948.   .button-group .cocpopup li.divider {
  949.     background-color: var(--c-f0f0f0);
  950.   }
  951.   .button-group .cocpopup li.as-header {
  952.     border-bottom: 1px solid var(--c-f0f0f0);
  953.     border-top: 0.5rem solid var(--c-f0f0f0);
  954.   }
  955.   .button-group .cocpopup li.bi a {
  956.     color: var(--c-084499);
  957.   }
  958.   .button-group .cocpopup li.bi a:hover {
  959.     color: var(--c-f53d00);
  960.   }
  961.   .button-group .cocpopup li a {
  962.     border-bottom: 1px solid var(--c-f0f0f0);
  963.     color: var(--c-3f3f3f);
  964.   }
  965.   .button-group .cocpopup li a.new .mark {
  966.     background-color: var(--c-ff5401);
  967.     color: var(--c-white);
  968.   }
  969.   .button-group.split-dropdown :is(.cb, button).cochandler {
  970.     border-left: 2px solid var(--c-white);
  971.   }
  972.   .sub-opener {
  973.     border-bottom: 0.4rem solid var(--c-transparent);
  974.     border-left: 0.5rem solid var(--c-f0f0f0);
  975.     border-top: 0.4rem solid var(--c-transparent);
  976.   }
  977.   .sub-opener.opened {
  978.     border-left-color: var(--c-ff5401);
  979.   }
  980.   .icon {
  981.     --color-1: var(--c-ff5401);
  982.     --color-2: var(--c-219653);
  983.     --color-3: var(--c-1b71e4);
  984.     --color-4: var(--c-d10026);
  985.     fill: var(--c-515151);
  986.   }
  987.   .icon-wrap {
  988.     background-color: var(--c-f0f0f0);
  989.     border: 3px solid var(--c-f0f0f0);
  990.   }
  991.   .color-mono {
  992.     --color-1: var(--c-515151) !important;
  993.     --color-2: var(--c-515151) !important;
  994.     --color-3: var(--c-515151) !important;
  995.     --color-4: var(--c-515151) !important;
  996.     fill: var(--c-515151) !important;
  997.   }
  998.   .color-disabled {
  999.     --color-1: var(--c-e8e8e8) !important;
  1000.     --color-2: var(--c-d8d7d7) !important;
  1001.     --color-3: var(--c-dedede) !important;
  1002.     --color-4: var(--c-d4d4d4) !important;
  1003.     fill: var(--c-d4d4d4) !important;
  1004.   }
  1005.   .color-alert {
  1006.     --color-1: var(--c-d10026) !important;
  1007.     --color-2: var(--c-d10026) !important;
  1008.     --color-3: var(--c-d10026) !important;
  1009.     --color-4: var(--c-d10026) !important;
  1010.     fill: var(--c-d10026) !important;
  1011.   }
  1012.   .color-success {
  1013.     --color-1: var(--c-219653) !important;
  1014.     --color-2: var(--c-219653) !important;
  1015.     --color-3: var(--c-219653) !important;
  1016.     --color-4: var(--c-219653) !important;
  1017.     fill: var(--c-219653) !important;
  1018.   }
  1019.   .color-white {
  1020.     --color-1: var(--c-white) !important;
  1021.     --color-2: var(--c-white) !important;
  1022.     --color-3: var(--c-white) !important;
  1023.     --color-4: var(--c-white) !important;
  1024.     fill: var(--c-white) !important;
  1025.   }
  1026.   .color-accent {
  1027.     --color-1: var(--c-ff5401) !important;
  1028.     --color-2: var(--c-ff5401) !important;
  1029.     --color-3: var(--c-ff5401) !important;
  1030.     --color-4: var(--c-ff5401) !important;
  1031.     fill: var(--c-ff5401) !important;
  1032.   }
  1033.   .color-info {
  1034.     --color-1: var(--c-1b71e4) !important;
  1035.     --color-2: var(--c-1b71e4) !important;
  1036.     --color-3: var(--c-1b71e4) !important;
  1037.     --color-4: var(--c-1b71e4) !important;
  1038.     fill: var(--c-1b71e4) !important;
  1039.   }
  1040.   .isp.coin {
  1041.     background: linear-gradient(45deg, var(--c-ff5401), var(--c-white));
  1042.     border: 1px solid var(--c-ff5401);
  1043.   }
  1044.   .isp.coin.color-disabled {
  1045.     background: linear-gradient(45deg, var(--c-f8f8f8), var(--c-white));
  1046.     border-color: var(--c-f8f8f8);
  1047.   }
  1048.   .isp.coin.color-alert {
  1049.     background: linear-gradient(45deg, var(--c-d10026), var(--c-white));
  1050.     border-color: var(--c-d10026);
  1051.   }
  1052.   .isp.coin.color-success {
  1053.     background: linear-gradient(45deg, var(--c-219653), var(--c-white));
  1054.     border-color: var(--c-219653);
  1055.   }
  1056.   .isp.coin.color-white {
  1057.     background: linear-gradient(45deg, var(--c-white), var(--c-white));
  1058.     border-color: var(--c-white);
  1059.   }
  1060.   .hamburger {
  1061.     background-color: var(--c-transparent);
  1062.   }
  1063.   .hamburger.is-active .hamburger-inner:is(:after, :before) {
  1064.     background-color: var(--c-292929);
  1065.   }
  1066.   .hamburger-inner:is(:after, :before) {
  1067.     background-color: var(--c-292929);
  1068.   }
  1069.   .fancybox-caption__body {
  1070.     color: var(--c-white);
  1071.     text-shadow: 1px 1px 1px var(--c-black);
  1072.   }
  1073.   #img_editor_popup .controls a.icon.big-xl {
  1074.     color: var(--c-515151);
  1075.   }
  1076.   .cssload-container .cssload-speeding-wheel {
  1077.     border-color: var(--c-515151) var(--c-transparent);
  1078.   }
  1079.   .cssload-container.big .cssload-speeding-wheel {
  1080.     border-top-color: var(--c-ff5401);
  1081.   }
  1082.   .cssload-container.bigger .cssload-speeding-wheel {
  1083.     border-top-color: var(--c-ff5401);
  1084.   }
  1085.   .text-comment .q {
  1086.     background-color: var(--c-ffefe6);
  1087.     color: var(--c-373737);
  1088.   }
  1089.   .text-comment .q:before {
  1090.     background-color: var(--c-white);
  1091.   }
  1092.   .comment-block {
  1093.     border-top: 1px solid var(--c-e3e3e3);
  1094.   }
  1095.   .comment-block:last-child {
  1096.     border-bottom: 1px solid var(--c-f0f0f0);
  1097.   }
  1098.   .comment-block-sub .comment-block:after {
  1099.     background-color: var(--c-f0f0f0);
  1100.     border: 0.5rem solid var(--c-ffebe1);
  1101.   }
  1102.   .comment-block-sub:after {
  1103.     background-color: var(--c-ffebe1);
  1104.   }
  1105.   .fomt-comment textarea#text_comment {
  1106.     background-color: var(--c-f8f8f8);
  1107.     border: 1px solid var(--c-dfdfdf);
  1108.   }
  1109.   .img-format-info {
  1110.     border: 1px dashed var(--c-black);
  1111.   }
  1112.   .img-format-info.ok {
  1113.     border-color: var(--c-219653);
  1114.   }
  1115.   .img-format-info.err {
  1116.     border-color: var(--c-d10026);
  1117.   }
  1118.   #nc_box {
  1119.     border-top: 2px solid var(--c-d10026);
  1120.   }
  1121.   #nc_box .nc_name {
  1122.     color: var(--c-54514a);
  1123.   }
  1124.   #nc_box :is(.nc_global_item, .nc_notif_item) {
  1125.     border-bottom: 1px dashed var(--c-c9c9c9);
  1126.   }
  1127.   #nc_box :is(.nc_global_item, .nc_notif_item).nc_item_new {
  1128.     border-left: 2px solid var(--c-d10026);
  1129.   }
  1130.   #nc_box :is(.nc_global_item, .nc_notif_item).nc_item_new .nc_head {
  1131.     color: var(--c-d10026);
  1132.   }
  1133.   #nc_box :is(.nc_global_cont, .nc_notif_cont) {
  1134.     border-top: 1px dashed var(--c-c9c9c9);
  1135.   }
  1136.   #nc_box .nc_global {
  1137.     border-bottom: 0.5rem solid var(--c-f0f0f0);
  1138.   }
  1139.   .floating-nav-content ul li.disabled a {
  1140.     color: var(--c-8e8e8e);
  1141.   }
  1142.   @media (min-width: 769px) {
  1143.     .floating-nav-content ul {
  1144.       background-color: var(--c-white);
  1145.       border: 5px solid var(--c-f0f0f0);
  1146.     }
  1147.     .floating-nav-content ul li.active a {
  1148.       color: var(--c-d10026);
  1149.     }
  1150.   }
  1151.   html {
  1152.     color: var(--c-3f3f3f);
  1153.   }
  1154.   hr {
  1155.     background-color: var(--c-f0f0f0);
  1156.   }
  1157.   input,
  1158.   select,
  1159.   textarea {
  1160.     background-color: var(--c-white);
  1161.     border: 1px solid var(--c-848484);
  1162.     color: var(--c-373737);
  1163.   }
  1164.   :is(input, select, textarea).error {
  1165.     border: 2px solid var(--c-d10026);
  1166.     outline-color: var(--c-d10026);
  1167.   }
  1168.   :is(input, select, textarea):disabled {
  1169.     background-color: var(--c-f8f8f8);
  1170.   }
  1171.   input:is([type="number"], [type="text"]):-moz-read-only {
  1172.     background-color: var(--c-f8f8f8);
  1173.   }
  1174.   input:is([type="number"], [type="text"]):read-only {
  1175.     background-color: var(--c-f8f8f8);
  1176.   }
  1177.   .xr-text-editor .panel > a.as-icon svg {
  1178.     fill: var(--c-515151);
  1179.   }
  1180.   .info-label {
  1181.     color: var(--c-8e8e8e) !important;
  1182.   }
  1183.   table.table-form :is(input, select, textarea) + .info {
  1184.     color: var(--c-8e8e8e) !important;
  1185.   }
  1186.   .must-confirm.delete-action {
  1187.     background-color: var(--c-d10026);
  1188.   }
  1189.   .must-confirm.delete-action svg {
  1190.     --color-1: var(--c-white) !important;
  1191.     --color-2: var(--c-white) !important;
  1192.     --color-3: var(--c-white) !important;
  1193.     --color-4: var(--c-white) !important;
  1194.     fill: var(--c-white) !important;
  1195.   }
  1196.   nav.top {
  1197.     background-color: var(--c-white);
  1198.     border-bottom: 2px solid var(--c-f0f0f0);
  1199.   }
  1200.   nav.top .header-item:after {
  1201.     border-right: 1px solid var(--c-f0f0f0);
  1202.   }
  1203.   @media (min-width: 1024px) {
  1204.     nav.top .top-menu-list-item:after {
  1205.       border-right: 1px solid var(--c-f0f0f0);
  1206.     }
  1207.   }
  1208.   nav.top .popup-menu-top-list {
  1209.     background-color: var(--c-f8f8f8);
  1210.     border: 1px solid var(--c-efefef);
  1211.     border-top: 2px solid var(--c-ff5401);
  1212.     box-shadow: 5px 5px 5px var(--c-rgba-0-0-0-11);
  1213.   }
  1214.   nav.top .popup-menu-top-list a:hover {
  1215.     color: var(--c-eb3a00);
  1216.   }
  1217.   nav.top .popup-menu-top-list a.alert:hover {
  1218.     color: var(--c-b80021);
  1219.   }
  1220.   nav.top .popup-menu-top-list li.divider {
  1221.     background-color: var(--c-f0f0f0);
  1222.   }
  1223.   nav.top .popup-menu-top-list li.as-header {
  1224.     border-bottom: 1px solid var(--c-f0f0f0);
  1225.     border-top: 0.5rem solid var(--c-f0f0f0);
  1226.   }
  1227.   nav.top .popup-menu-top-list li.bi a {
  1228.     color: var(--c-084499);
  1229.   }
  1230.   nav.top .popup-menu-top-list li.bi a:hover {
  1231.     color: var(--c-f53d00);
  1232.   }
  1233.   nav.top .popup-menu-top-list li a {
  1234.     border-bottom: 1px solid var(--c-f0f0f0);
  1235.     color: var(--c-3f3f3f);
  1236.   }
  1237.   nav.top .popup-menu-top-list li a.new .mark {
  1238.     background-color: var(--c-ff5401);
  1239.     color: var(--c-white);
  1240.   }
  1241.   nav.top .popup-menu-list-dropdown {
  1242.     background-color: var(--c-f8f8f8);
  1243.     border: 1px solid var(--c-efefef);
  1244.     border-top: 2px solid var(--c-ff5401);
  1245.     box-shadow: 5px 5px 5px var(--c-rgba-0-0-0-11);
  1246.   }
  1247.   nav.top .popup-menu-list-dropdown a:hover {
  1248.     color: var(--c-eb3a00);
  1249.   }
  1250.   nav.top .popup-menu-list-dropdown a.alert:hover {
  1251.     color: var(--c-b80021);
  1252.   }
  1253.   nav.top .popup-menu-list-dropdown li.divider {
  1254.     background-color: var(--c-f0f0f0);
  1255.   }
  1256.   nav.top .popup-menu-list-dropdown li.as-header {
  1257.     border-bottom: 1px solid var(--c-f0f0f0);
  1258.     border-top: 0.5rem solid var(--c-f0f0f0);
  1259.   }
  1260.   nav.top .popup-menu-list-dropdown li.bi a {
  1261.     color: var(--c-084499);
  1262.   }
  1263.   nav.top .popup-menu-list-dropdown li.bi a:hover {
  1264.     color: var(--c-f53d00);
  1265.   }
  1266.   nav.top .popup-menu-list-dropdown li a {
  1267.     border-bottom: 1px solid var(--c-f0f0f0);
  1268.     color: var(--c-3f3f3f);
  1269.   }
  1270.   nav.top .popup-menu-list-dropdown li a.new .mark {
  1271.     background-color: var(--c-ff5401);
  1272.     color: var(--c-white);
  1273.   }
  1274.   nav.top .popup-menu-list-dropdown.line-color-success {
  1275.     border-top-color: var(--c-219653);
  1276.   }
  1277.   nav.top .counter span {
  1278.     background-color: var(--c-white);
  1279.     color: var(--c-d10026);
  1280.   }
  1281.   nav.top .main-menu a {
  1282.     color: var(--c-3f3f3f);
  1283.   }
  1284.   @media (min-width: 1024px) {
  1285.     nav.top .main-menu > ul > li:after {
  1286.       border-right: 1px solid var(--c-f0f0f0);
  1287.     }
  1288.   }
  1289.   @media (max-width: 1023px) {
  1290.     nav.top .main-menu > ul > li > a {
  1291.       border-bottom: 1px solid var(--c-f0f0f0) !important;
  1292.     }
  1293.     nav.top .main-menu > ul > li > ul li.as-header {
  1294.       border-top: 0.5rem solid var(--c-f0f0f0) !important;
  1295.     }
  1296.     nav.top .main-menu > ul > li ul {
  1297.       border-bottom: 1px solid var(--c-f0f0f0);
  1298.       border-left: 2px solid var(--c-ff5401);
  1299.     }
  1300.     nav.top .main-menu li.divider {
  1301.       background-color: var(--c-f0f0f0);
  1302.     }
  1303.     nav.top .main-menu li.as-header {
  1304.       border-bottom: 1px solid var(--c-f0f0f0);
  1305.       border-top: 0.5rem solid var(--c-f0f0f0);
  1306.     }
  1307.     nav.top .main-menu li.bi a {
  1308.       color: var(--c-084499);
  1309.     }
  1310.     nav.top .main-menu li.bi a:hover {
  1311.       color: var(--c-f53d00);
  1312.     }
  1313.     nav.top .main-menu li a {
  1314.       border-bottom: 1px solid var(--c-f0f0f0);
  1315.       color: var(--c-3f3f3f);
  1316.     }
  1317.     nav.top .main-menu li a.new .mark {
  1318.       background-color: var(--c-ff5401);
  1319.       color: var(--c-white);
  1320.     }
  1321.     nav.top .main-menu a:not(:last-child):after {
  1322.       border-bottom: 0.4rem solid var(--c-transparent);
  1323.       border-left: 0.5rem solid var(--c-f0f0f0);
  1324.       border-top: 0.4rem solid var(--c-transparent);
  1325.     }
  1326.     nav.top .main-menu a.opened:after,
  1327.     nav.top .main-menu a:not(:last-child):after.opened {
  1328.       border-left-color: var(--c-ff5401);
  1329.     }
  1330.   }
  1331.   @media (min-width: 1024px) {
  1332.     nav.top .main-menu > ul > li ul {
  1333.       background-color: var(--c-f8f8f8);
  1334.       border: 1px solid var(--c-efefef);
  1335.       border-top: 2px solid var(--c-ff5401);
  1336.       box-shadow: 5px 5px 5px var(--c-rgba-0-0-0-11);
  1337.     }
  1338.     nav.top .main-menu > ul > li ul a:hover {
  1339.       color: var(--c-eb3a00);
  1340.     }
  1341.     nav.top .main-menu > ul > li ul a.alert:hover {
  1342.       color: var(--c-b80021);
  1343.     }
  1344.     nav.top .main-menu > ul > li ul li.divider {
  1345.       background-color: var(--c-f0f0f0);
  1346.     }
  1347.     nav.top .main-menu > ul > li ul li.as-header {
  1348.       border-bottom: 1px solid var(--c-f0f0f0);
  1349.       border-top: 0.5rem solid var(--c-f0f0f0);
  1350.     }
  1351.     nav.top .main-menu > ul > li ul li.bi a {
  1352.       color: var(--c-084499);
  1353.     }
  1354.     nav.top .main-menu > ul > li ul li.bi a:hover {
  1355.       color: var(--c-f53d00);
  1356.     }
  1357.     nav.top .main-menu > ul > li ul li a {
  1358.       border-bottom: 1px solid var(--c-f0f0f0);
  1359.       color: var(--c-3f3f3f);
  1360.     }
  1361.     nav.top .main-menu > ul > li ul li a.new .mark {
  1362.       background-color: var(--c-ff5401);
  1363.       color: var(--c-white);
  1364.     }
  1365.     nav.top .main-menu > ul > li > a:hover:after {
  1366.       background-color: var(--c-ff5401);
  1367.     }
  1368.   }
  1369.   nav.top #top-search-panel #top-search-panel-input {
  1370.     background-color: var(--c-efefef);
  1371.     border-left: 2px solid var(--c-transparent);
  1372.     color: var(--c-292929);
  1373.   }
  1374.   @media (max-width: 1023px) {
  1375.     nav.top #top-search-panel #top-search-panel-input:focus {
  1376.       border-left-color: var(--c-ff5401);
  1377.     }
  1378.   }
  1379.   nav.top #top-search-panel #top-search-submit {
  1380.     background-color: var(--c-f8f8f8);
  1381.   }
  1382.   @media (max-width: 1023px) {
  1383.     nav.top #top-search-panel {
  1384.       border-bottom: 1px solid var(--c-f0f0f0);
  1385.     }
  1386.   }
  1387.   @media (min-width: 1024px) {
  1388.     nav.top #top-search-panel form {
  1389.       background-color: var(--c-white);
  1390.       border: 1px solid var(--c-white);
  1391.     }
  1392.   }
  1393.   nav.top .level-item.button-container {
  1394.     background-color: var(--c-f8f8f8);
  1395.   }
  1396.   nav.top #add-stuff-top-bt {
  1397.     background-color: var(--c-f8f8f8);
  1398.   }
  1399.   @media (min-width: 1024px) {
  1400.     nav.top .profile-top-menu:after {
  1401.       background-color: var(--c-ff5401);
  1402.     }
  1403.   }
  1404.   @media (max-width: 1023px) {
  1405.     nav.top .menu-mobile {
  1406.       background-color: var(--c-white);
  1407.       border-right: 2px solid var(--c-f0f0f0);
  1408.     }
  1409.     nav.top .menu-mobile-overlay {
  1410.       background-color: var(--c-rgba-0-0-0-11);
  1411.     }
  1412.   }
  1413.   @media (min-width: 1024px) {
  1414.     nav.top.search-opened #top-search-panel form {
  1415.       border-color: var(--c-efefef);
  1416.       box-shadow: 5px 5px 5px var(--c-rgba-0-0-0-11);
  1417.     }
  1418.     nav.top.search-opened .search-overlay-wrap {
  1419.       background-color: var(--c-hsla-0-0-100-15);
  1420.     }
  1421.   }
  1422.   #main #main-aside #trending-catalog-list .category .header:before {
  1423.     background-color: var(--c-515151);
  1424.   }
  1425.   #main #main-aside #trending-catalog-list .category a {
  1426.     background-color: var(--c-f8f8f8);
  1427.   }
  1428.   #main #main-aside aside {
  1429.     border-left: 1px solid var(--c-f0f0f0);
  1430.   }
  1431.   #main main ol.breadcrumbs li:after {
  1432.     color: var(--c-8e8e8e);
  1433.   }
  1434.   #main main .description.is-citation a.expand-btn span {
  1435.     background-color: var(--c-white);
  1436.   }
  1437.   #main main .description.is-citation a.expand-btn span:first-child {
  1438.     background: linear-gradient(270deg, var(--c-white) 0, var(--c-white) 1.5rem, var(--c-transparent));
  1439.   }
  1440.   #main main nav.sections ul li a {
  1441.     color: var(--c-515151);
  1442.   }
  1443.   #main main nav.sections ul li a:hover {
  1444.     color: var(--c-f53d00);
  1445.   }
  1446.   footer {
  1447.     background-color: var(--c-515151);
  1448.   }
  1449.   footer,
  1450.   footer a,
  1451.   footer a:hover {
  1452.     color: var(--c-white);
  1453.   }
  1454.   footer ul.footer-menu-block li a {
  1455.     background-color: var(--c-444);
  1456.     color: var(--c-efefef);
  1457.   }
  1458.   footer ul.footer-menu-block li a:hover {
  1459.     background-color: var(--c-373737);
  1460.   }
  1461.   footer .copyright {
  1462.     background-color: var(--c-444);
  1463.   }
  1464.   #shortcut_buttons > .default {
  1465.     background-color: var(--c-hsla-0-0-100-15);
  1466.   }
  1467.   #side_share {
  1468.     background-color: var(--c-hsla-0-0-100-15);
  1469.   }
  1470.   a.recipe-thumb {
  1471.     border: 1px solid var(--c-f0f0f0);
  1472.     color: var(--c-515151);
  1473.   }
  1474.   a.recipe-thumb .image {
  1475.     background-color: var(--c-fbfbfb);
  1476.   }
  1477.   a.recipe-thumb .name {
  1478.     background-color: var(--c-f0f0f0);
  1479.   }
  1480.   .search-pages a.active {
  1481.     background-color: var(--c-515151);
  1482.     color: var(--c-white);
  1483.   }
  1484.   .review a.like-bt:hover svg {
  1485.     fill: var(--c-219653);
  1486.   }
  1487.   .review a.dislike-bt:hover svg {
  1488.     fill: var(--c-d10026);
  1489.   }
  1490.   .mdt_star:before {
  1491.     color: var(--c-red);
  1492.   }
  1493.   .ui-widget {
  1494.     color: var(--c-3f3f3f);
  1495.   }
  1496.   .ui-widget-content {
  1497.     background-color: var(--c-f8f8f8);
  1498.     border: 1px solid var(--c-efefef);
  1499.     box-shadow: 5px 5px 5px var(--c-rgba-0-0-0-11);
  1500.   }
  1501.   .ui-widget-content a:hover {
  1502.     color: var(--c-eb3a00);
  1503.   }
  1504.   .ui-widget-content a.alert:hover {
  1505.     color: var(--c-b80021);
  1506.   }
  1507.   .ui-widget-content li.divider {
  1508.     background-color: var(--c-f0f0f0);
  1509.   }
  1510.   .ui-widget-content li.as-header {
  1511.     border-bottom: 1px solid var(--c-f0f0f0);
  1512.     border-top: 0.5rem solid var(--c-f0f0f0);
  1513.   }
  1514.   .ui-widget-content li.bi a {
  1515.     color: var(--c-084499);
  1516.   }
  1517.   .ui-widget-content li.bi a:hover {
  1518.     color: var(--c-f53d00);
  1519.   }
  1520.   .ui-widget-content li a {
  1521.     border-bottom: 1px solid var(--c-f0f0f0);
  1522.     color: var(--c-3f3f3f);
  1523.   }
  1524.   .ui-widget-content li a.new .mark {
  1525.     background-color: var(--c-ff5401);
  1526.     color: var(--c-white);
  1527.   }
  1528.   .ui-widget-content.ui-tooltip {
  1529.     background-color: var(--c-fff4f0);
  1530.     border-color: var(--c-white);
  1531.     box-shadow: 0 0 10px var(--c-ccc);
  1532.     color: var(--c-373737);
  1533.   }
  1534.   .ui-widget-content.ui-menu {
  1535.     box-shadow: 0 3px 5px var(--c-rgba-0-0-0-11);
  1536.   }
  1537.   .ui-widget-content.ui-menu .ui-menu-item.with-icon a svg {
  1538.     fill: var(--c-8e8e8e);
  1539.   }
  1540.   .ui-widget-content.ui-menu .ui-menu-item a.ui-state-active {
  1541.     border-color: var(--c-f0f0f0) !important;
  1542.     color: var(--c-eb3a00);
  1543.   }
  1544.   .ui-widget-content.ui-menu .ui-menu-item.ui-menu-item-ctype-3 a.ui-state-active {
  1545.     color: var(--c-d10026) !important;
  1546.   }
  1547.   .ui-widget-content.ui-menu .ui-menu-item.ui-menu-item-ctype-3 a svg {
  1548.     fill: var(--c-d10026);
  1549.   }
  1550.   .ui-widget-content.ui-menu .ui-menu-item.ui-menu-item-ctype-2 a.ui-state-active {
  1551.     color: var(--c-1b71e4) !important;
  1552.   }
  1553.   .ui-widget-content.ui-menu .ui-menu-item.ui-menu-item-ctype-2 a svg {
  1554.     fill: var(--c-1b71e4);
  1555.   }
  1556.   .ui-widget-content.ui-menu .ui-menu-item.ui-menu-item-ctype-1 a.ui-state-active {
  1557.     color: var(--c-219653) !important;
  1558.   }
  1559.   .ui-widget-content.ui-menu .ui-menu-item.ui-menu-item-ctype-1 a svg {
  1560.     fill: var(--c-219653);
  1561.   }
  1562.   .ui-widget-content.ui-menu .ui-menu-item .ui-menu-item-wrapper {
  1563.     border-bottom: 1px solid var(--c-f0f0f0);
  1564.   }
  1565.   .ui-widget-content.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  1566.     background-color: var(--c-efefef);
  1567.     border-bottom: 1px solid var(--c-f0f0f0);
  1568.     color: var(--c-515151);
  1569.   }
  1570.   .ui-sortable-helper,
  1571.   .ui-sortable-placeholder {
  1572.     background-color: var(--c-f8f8f8);
  1573.   }
  1574.   .ui-slider .ui-slider-range {
  1575.     background-color: var(--c-ff5401);
  1576.   }
  1577.   .ui-slider-handle.ui-corner-all {
  1578.     background-color: var(--c-white);
  1579.     border: 2px solid var(--c-ff5401);
  1580.   }
  1581.   .cooking-block .cn-item {
  1582.     background-color: var(--c-white);
  1583.   }
  1584.   .cooking-block .cn-item .preview-text {
  1585.     color: var(--c-656565);
  1586.   }
  1587.   .cooking-block .cn-item a.h5 {
  1588.     color: var(--c-292929);
  1589.   }
  1590.   .cooking-block .cn-item .photo a {
  1591.     background-color: var(--c-f0f0f0);
  1592.   }
  1593.   .cooking-block .cn-item .photo a .no-photo-svg svg {
  1594.     fill: var(--c-cacaca);
  1595.   }
  1596.   .cooking-block .cn-item .info-preview {
  1597.     background-color: var(--c-white);
  1598.     border: 2px solid var(--c-f0f0f0);
  1599.   }
  1600.   .cooking-block .cn-item:hover .info-preview {
  1601.     background-color: var(--c-f8f8f8);
  1602.   }
  1603.   .cooking-block.carousel::-webkit-scrollbar-thumb {
  1604.     background-color: var(--c-d1d1d1);
  1605.   }
  1606.   .cooking-block.carousel::-webkit-scrollbar-track {
  1607.     background-color: var(--c-transparent);
  1608.   }
  1609.   .cooking-block.carousel::-webkit-scrollbar-thumb:hover {
  1610.     background-color: var(--c-9e9e9e);
  1611.   }
  1612.   .cooking-block .item-catalog .name {
  1613.     background-color: var(--c-hsla-0-0-100-15);
  1614.   }
  1615.   .cooking-block .item-catalog .name a {
  1616.     color: var(--c-373737);
  1617.   }
  1618.   .vidlink_thumb .vid-cap {
  1619.     background-color: var(--c-515151);
  1620.     color: var(--c-white);
  1621.   }
  1622.   ul.cat-box li .subcont_cat {
  1623.     border-left: 5px solid var(--c-ffebe1);
  1624.   }
  1625.   ul.cat-box .info-count {
  1626.     color: var(--c-ff5401);
  1627.   }
  1628.   ul.cat-box li.has-children > label:after {
  1629.     color: var(--c-ff5401);
  1630.   }
  1631.   ul.cat-box li label.opener span {
  1632.     border-bottom: 0.4rem solid var(--c-transparent);
  1633.     border-left: 0.5rem solid var(--c-f0f0f0);
  1634.     border-top: 0.4rem solid var(--c-transparent);
  1635.   }
  1636.   ul.cat-box li label.opener span.opened {
  1637.     border-left-color: var(--c-ff5401);
  1638.   }
  1639.   .as-tag {
  1640.     background-color: var(--c-efefef);
  1641.   }
  1642.   .as-tag.tag-mark {
  1643.     border-bottom: 2px solid var(--c-d6d6d6);
  1644.   }
  1645.   .as-tag.tag-mark.mark-success {
  1646.     border-bottom-color: var(--c-219653);
  1647.   }
  1648.   .as-tag.tag-mark.mark-alert {
  1649.     border-bottom-color: var(--c-d10026);
  1650.   }
  1651.   .as-tag.tag-mark.mark-info {
  1652.     border-bottom-color: var(--c-1b71e4);
  1653.   }
  1654.   .as-tag.with-panel-right .panel-right {
  1655.     border-left: 2px solid var(--c-white);
  1656.   }
  1657.   .as-tag.with-panel-left .panel-left {
  1658.     border-right: 2px solid var(--c-white);
  1659.   }
  1660.   .cooking-block.mini .item.catalog {
  1661.     background-color: var(--c-f0f0f0);
  1662.   }
  1663.   .cooking-block.mini .item.catalog .name a {
  1664.     color: var(--c-515151);
  1665.   }
  1666.   .cooking-block.mini .item.catalog .name a:hover {
  1667.     color: var(--c-f53d00);
  1668.   }
  1669.   .bc-link-item {
  1670.     border-bottom: 1px solid var(--c-efefef);
  1671.   }
  1672.   .tags-list-expandable .opener {
  1673.     background-color: var(--c-white);
  1674.   }
  1675.   .user-list .item .name {
  1676.     color: var(--c-515151);
  1677.   }
  1678.   .user-list .item .rating-wrap .points {
  1679.     background-color: var(--c-hsla-0-0-100-15);
  1680.   }
  1681.   .categories-list .root-category {
  1682.     border-top: 1px solid var(--c-e1e1e1);
  1683.   }
  1684.   .categories-list .root-category .category .header a {
  1685.     color: var(--c-515151);
  1686.   }
  1687.   .search-text-form .search-input {
  1688.     background-color: var(--c-efefef);
  1689.   }
  1690.   .search-text-form .search-submit {
  1691.     border-left: 1px solid var(--c-d7d7d7);
  1692.   }
  1693.   .table_grid .s_info :is(h2, h3) a {
  1694.     color: var(--c-54514a);
  1695.   }
  1696.   .table_grid .s_info h3 {
  1697.     border-bottom: 4px double var(--c-f0eded);
  1698.   }
  1699.   .table_grid .s_info.archive h2 {
  1700.     border-bottom: 4px double var(--c-f0eded);
  1701.   }
  1702.   @media (min-width: 500px) {
  1703.     .table_grid .s_info {
  1704.       box-shadow: 1px 1px 5px var(--c-lightgrey);
  1705.     }
  1706.     .table_grid .s_info:hover {
  1707.       box-shadow: 1px 1px 5px var(--c-acaaaa);
  1708.     }
  1709.   }
  1710.   .swi {
  1711.     background-color: var(--c-d7d7d7);
  1712.   }
  1713.   .swi .swi-circle {
  1714.     background-color: var(--c-white);
  1715.   }
  1716.   .swi.active {
  1717.     background-color: var(--c-219653);
  1718.   }
  1719.   .scroll-button,
  1720.   .scroll-button:hover {
  1721.     background-color: var(--c-ff5401);
  1722.   }
  1723.   .scroll-button svg {
  1724.     fill: var(--c-white);
  1725.   }
  1726.   .flt-cld .title {
  1727.     color: var(--c-bdbdbd);
  1728.   }
  1729.   .flt-cld .group-type {
  1730.     border-top: 1px solid var(--c-f0f0f0);
  1731.   }
  1732.   .flt-cld .group-type .opener {
  1733.     background-color: var(--c-f8f8f8);
  1734.   }
  1735.   .circa-prefix:before {
  1736.     background-color: var(--c-ff5401);
  1737.   }
  1738.   .cards .card {
  1739.     background-color: var(--c-efefef);
  1740.   }
  1741.   .cards .card:hover {
  1742.     background-color: var(--c-e2e2e2);
  1743.   }
  1744.   .cards .card.selected {
  1745.     background-color: var(--c-f8f8f8);
  1746.   }
  1747.   .cards .card.selected:hover {
  1748.     background-color: var(--c-f8f8f8);
  1749.   }
  1750.   .card .extended-search-filters {
  1751.     border-left-color: var(--c-efefef);
  1752.   }
  1753.   .extended-search-filters {
  1754.     border-left: 0.25rem solid var(--c-ffebe1);
  1755.   }
  1756.   .extended-search-block {
  1757.     border-bottom: 1px solid var(--c-f0f0f0);
  1758.   }
  1759.   .extended-search-title:after {
  1760.     border-bottom: 0.4rem solid var(--c-transparent);
  1761.     border-left: 0.5rem solid var(--c-515151);
  1762.     border-top: 0.4rem solid var(--c-transparent);
  1763.   }
  1764.   .extended-search-filters .section.row {
  1765.     border-bottom: 1px dashed var(--c-f0f0f0);
  1766.   }
  1767.   #exs_sostav .es_cats .cat_inc.as-tag a {
  1768.     color: var(--c-219653);
  1769.   }
  1770.   #exs_sostav .es_cats.exc .cat_inc.as-tag a {
  1771.     color: var(--c-d10026);
  1772.   }
  1773.   span.as-tag.by-and:before {
  1774.     background-color: var(--c-white);
  1775.   }
  1776.   span.as-tag.by-or:before {
  1777.     background-color: var(--c-d1d1d1);
  1778.   }
  1779.   span.rate-star svg.icon {
  1780.     fill: var(--c-8e8e8e);
  1781.   }
  1782.   span.rate-star.sel svg.icon {
  1783.     fill: var(--c-ff5401);
  1784.   }
  1785.   #user-main-bg {
  1786.     background-image: linear-gradient(0, var(--c-white), var(--c-efefef));
  1787.   }
  1788.   @media (max-width: 1023px) {
  1789.     #user-main-bg:after {
  1790.       background: linear-gradient(0, var(--c-rgba-0-0-0-11), var(--c-transparent));
  1791.     }
  1792.   }
  1793.   @media (min-width: 1024px) {
  1794.     #user-main-details {
  1795.       background-color: var(--c-f8f8f8);
  1796.     }
  1797.   }
  1798.   @media (min-width: 1024px) {
  1799.     #user-main-name .header-value {
  1800.       color: var(--c-373737);
  1801.     }
  1802.   }
  1803.   a.user-main-level-wrapper {
  1804.     background-color: var(--c-white);
  1805.     color: var(--c-515151);
  1806.   }
  1807.   #user-main-rating-wrap a {
  1808.     color: var(--c-8e8e8e);
  1809.   }
  1810.   #user-main-rating-wrap a .points {
  1811.     background-color: var(--c-white);
  1812.   }
  1813.   @media (min-width: 1024px) {
  1814.     #user-main-actions {
  1815.       background-color: var(--c-f8f8f8);
  1816.     }
  1817.   }
  1818.   @media (min-width: 1024px) {
  1819.     #user-main-actions-list ul li a svg {
  1820.       fill: var(--c-ff5401);
  1821.     }
  1822.   }
  1823.   @media (max-width: 1023px) {
  1824.     #user-main-actions-list ul li svg {
  1825.       fill: var(--c-white);
  1826.     }
  1827.     #user-main-actions-list.multirow ul {
  1828.       background-color: var(--c-rgba-81-81-81-14);
  1829.     }
  1830.   }
  1831.   @media (max-width: 768px) {
  1832.     #cb-search-form.mob-opened {
  1833.       background-color: var(--c-white);
  1834.       border-left: 2px solid var(--c-ff5401);
  1835.     }
  1836.   }
  1837.   #user-main-nav-wrap .popup-menu-list li.new a:after {
  1838.     background-color: var(--c-d10026);
  1839.     color: var(--c-white);
  1840.   }
  1841.   #user-main-nav-index nav a {
  1842.     color: var(--c-515151);
  1843.   }
  1844.   #user-main-nav-index nav > ul > li:after {
  1845.     background-color: var(--c-efefef);
  1846.   }
  1847.   #user-main-nav-index nav > ul li.section-now > a {
  1848.     border-bottom: 1px dashed var(--c-515151);
  1849.   }
  1850.   #user-main-body .column.page-content {
  1851.     border-left: 2px dashed var(--c-f0f0f0);
  1852.   }
  1853.   span.divider {
  1854.     background-color: var(--c-dbdbdb);
  1855.   }
  1856.   .achievement-counter {
  1857.     background-color: var(--c-219653);
  1858.     color: var(--c-white);
  1859.   }
  1860.   .folder-controls {
  1861.     background-color: var(--c-hsla-0-0-100-15);
  1862.   }
  1863.   .cb-noti-count {
  1864.     background-color: var(--c-515151);
  1865.     color: var(--c-white);
  1866.   }
  1867.   .folders-wrap .item-folder .wrap {
  1868.     background-color: var(--c-efefef);
  1869.   }
  1870.   .folders-wrap .item-folder .wrap:after {
  1871.     background-color: var(--c-e2e2e2);
  1872.   }
  1873.   .folders-wrap .item-folder .wrap-name .sort-handle svg {
  1874.     fill: var(--c-8e8e8e);
  1875.   }
  1876.   .folders-wrap .item-folder .folder-link {
  1877.     color: var(--c-515151);
  1878.   }
  1879.   .folders-wrap .item-folder .folder-link:hover {
  1880.     color: var(--c-f53d00);
  1881.   }
  1882.   .folders-wrap .item-folder a .counter {
  1883.     color: var(--c-8e8e8e);
  1884.   }
  1885.   .folders-wrap .item-folder .controls {
  1886.     border-left: 1px dotted var(--c-d7d7d7);
  1887.   }
  1888.   .folders-wrap .my-book > a {
  1889.     color: var(--c-515151);
  1890.   }
  1891.   .folders-wrap .my-book > a .desc .counter {
  1892.     color: var(--c-8e8e8e) !important;
  1893.   }
  1894.   .contest_list .item .info {
  1895.     background-color: var(--c-efefef);
  1896.   }
  1897.   .contest_list .item .info a {
  1898.     color: var(--c-515151);
  1899.   }
  1900.   .contest_list .item .info .contest_date.dark {
  1901.     color: var(--c-8e8e8e);
  1902.   }
  1903.   .contest_list .item-current .header a {
  1904.     color: var(--c-fff0ce);
  1905.     text-shadow: 0 0 5px var(--c-black);
  1906.   }
  1907.   .contest_list .item-current .contest_date {
  1908.     background-color: var(--c-hsla-0-0-100-15);
  1909.   }
  1910.   .contest_list .item-current .contest_date.dark {
  1911.     background-color: var(--c-rgba-25-20-0-13);
  1912.     color: var(--c-white);
  1913.   }
  1914.   .contest_list .item-current .contest_date.dark .contest_w1 {
  1915.     color: var(--c-darkgrey);
  1916.   }
  1917.   .main-photo .no-photo-svg {
  1918.     border: 6px solid var(--c-efefef);
  1919.   }
  1920.   .main-photo .no-photo-svg svg {
  1921.     fill: var(--c-d6d6d6);
  1922.   }
  1923.   .carousel-wrap::-webkit-scrollbar-thumb {
  1924.     background-color: var(--c-d1d1d1);
  1925.   }
  1926.   .carousel-wrap::-webkit-scrollbar-track {
  1927.     background-color: var(--c-transparent);
  1928.   }
  1929.   .carousel-wrap::-webkit-scrollbar-thumb:hover {
  1930.     background-color: var(--c-9e9e9e);
  1931.   }
  1932.   .cal_icon a {
  1933.     background-color: var(--c-f0f0f0);
  1934.     background-color: var(--c-white);
  1935.     border: 3px solid var(--c-f0f0f0);
  1936.   }
  1937.   #recept-list .ingredient-info {
  1938.     color: var(--c-868686);
  1939.   }
  1940.   #recept-list .list-column:nth-child(2) {
  1941.     border-bottom: 1px dotted var(--c-8e8e8e);
  1942.   }
  1943.   #recept-list a.name {
  1944.     background-color: var(--c-white);
  1945.     border: 1px solid var(--c-white);
  1946.   }
  1947.   select.recalc_s_num {
  1948.     background-color: var(--c-f8f8f8);
  1949.     background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 20 20" fill="%23515151"><path d="M10.263 15.28a.64.64 0 00.427-.185l8.657-8.658a.64.64 0 00.186-.428.638.638 0 00-.186-.426l-.928-.93a.64.64 0 00-.428-.186.642.642 0 00-.427.186l-7.3 7.302-7.302-7.302a.64.64 0 00-.427-.186.605.605 0 00-.427.186l-.929.93a.64.64 0 00-.186.426.64.64 0 00.186.428l8.656 8.656a.64.64 0 00.428.19z"/></svg>')
  1950.       right 5px center no-repeat var(--c-f8f8f8);
  1951.   }
  1952.   #nutr_port_calc_switch {
  1953.     background-color: var(--c-efefef);
  1954.   }
  1955.   .catalog_sims .header .catalog_breadcrumbs .catalog_item:after {
  1956.     color: var(--c-ff5401);
  1957.   }
  1958.   #calories-graph .graph-item-wrap.proteins .graph-item {
  1959.     background-color: var(--c-1b71e4);
  1960.     background: repeating-linear-gradient(45deg, var(--c-1968d2), var(--c-1968d2) 15px, var(--c-1b71e4) 0, var(--c-1b71e4) 30px);
  1961.   }
  1962.   #calories-graph .graph-item-wrap.fats .graph-item {
  1963.     background-color: var(--c-ff5401);
  1964.     background: repeating-linear-gradient(45deg, var(--c-ec4d00), var(--c-ec4d00) 15px, var(--c-ff5401) 0, var(--c-ff5401) 30px);
  1965.   }
  1966.   #calories-graph .graph-item-wrap.carbs .graph-item {
  1967.     background-color: var(--c-219653);
  1968.     background: repeating-linear-gradient(45deg, var(--c-1d854a), var(--c-1d854a) 15px, var(--c-219653) 0, var(--c-219653) 30px);
  1969.   }
  1970.   #calories-graph .graph-item-wrap .percent span {
  1971.     color: var(--c-grey);
  1972.   }
  1973.   #nutr_cont_wrap .calories {
  1974.     border: 2px solid var(--c-515151);
  1975.   }
  1976.   @media print {
  1977.     #main .content section#pt_info .recipe-top.columns {
  1978.       border-left: 2px solid var(--c-efefef);
  1979.     }
  1980.     #calories-graph-wrap .gi-info strong {
  1981.       color: var(--c-515151);
  1982.     }
  1983.   }
  1984.   .table-head td {
  1985.     background-color: var(--c-70c3d4);
  1986.     color: var(--c-white);
  1987.     text-shadow: 1px 1px 0 var(--c-39a7c1);
  1988.   }
  1989.   table.forum_table tr.table-title td {
  1990.     background-color: var(--c-9cb462);
  1991.     color: var(--c-white);
  1992.     text-shadow: 1px 1px 0 var(--c-6e8b29);
  1993.   }
  1994.   .table-body:nth-child(odd) td {
  1995.     background-color: var(--c-d9f1f6);
  1996.     background-color: var(--c-edf4f6);
  1997.   }
  1998.   .forum-theme a {
  1999.     text-shadow: 1px 1px 0 var(--c-white);
  2000.   }
  2001.   .forum_table tr:nth-child(odd) td {
  2002.     background-color: var(--c-edf4f6);
  2003.   }
  2004.   .forum_table tr.table-head td {
  2005.     background-color: var(--c-70c3d4);
  2006.   }
  2007.   .t-today {
  2008.     color: var(--c-ff6c44);
  2009.   }
  2010.   .t-yesterday {
  2011.     color: var(--c-39a7c0);
  2012.   }
  2013.   [style*="border:1px solid #1b71e4" i] {
  2014.     /* div.info-preview[style] */
  2015.     border: 1px solid var(--c-1b71e4) !important;
  2016.   }
  2017.   [style*="color:#656565 !important" i] {
  2018.     /* a[href='/vacancies'][target=_blank][style] */
  2019.     color: var(--c-656565) !important;
  2020.   }
  2021.   [style*="background: hsl(249, 100%, 80%)" i] {
  2022.     /* div#user-main-bg[style] */
  2023.     background-color: var(--c-a899ff) !important;
  2024.   }
  2025.   [style*="background: hsl(40, 100%, 80%)" i] {
  2026.     /* div#user-main-bg[style] */
  2027.     background-color: var(--c-fd9) !important;
  2028.   }
  2029.  
  2030.   /* fixes */
  2031.   :root {
  2032.     color-scheme: var(--ath-color-scheme);
  2033.   }
  2034.   body {
  2035.     background: var(--c-white);
  2036.   }
  2037.   footer {
  2038.     --l: 0;
  2039.     --m: 1;
  2040.   }
  2041.  
  2042.   @container style(--y: 1) {
  2043.     img {
  2044.       filter: invert(1) hue-rotate(180deg);
  2045.     }
  2046.   }
  2047.  
  2048.   @container style(--ath-flexible-width: 1) {
  2049.     #body-wrap {
  2050.       margin: 0 10px;
  2051.     }
  2052.     #main {
  2053.       > .container {
  2054.         max-width: 100vw !important;
  2055.       }
  2056.       #main-aside {
  2057.         min-width: 300px !important;
  2058.       }
  2059.       main {
  2060.         max-width: calc(100vw - 340px) !important;
  2061.         max-width: round(down, calc(100vw - 340px), calc(400px + 20px)) !important;
  2062.       }
  2063.     }
  2064.  
  2065.     .cooking-block {
  2066.       justify-content: center;
  2067.       gap: 10px;
  2068.     }
  2069.     .cn-item {
  2070.       flex: 400px !important;
  2071.       width: 400px !important;
  2072.       max-width: 400px !important;
  2073.       margin: 0 !important;
  2074.     }
  2075.     ol.instructions {
  2076.       justify-content: center;
  2077.       li {
  2078.         max-width: 400px !important;
  2079.         p.instruction {
  2080.           margin-right: 1em;
  2081.         }
  2082.       }
  2083.     }
  2084.   }
  2085.  
  2086.   @container style(--ath-show-ads: 0) {
  2087.     iframe,
  2088.     [class^="ad-"],
  2089.     [class~="ads_enabled"],
  2090.     [id^="ad-"],
  2091.     [id^="google-"],
  2092.     [id^="google_"],
  2093.     [id^="yandex-"],
  2094.     [id^="yandex_"],
  2095.     #main-aside > div:has([id^="google_"], [id^="yandex_"])
  2096.     {
  2097.       display: none !important;
  2098.     }
  2099.   }
  2100.  
  2101.   @container style(--ath-show-social: 0) {
  2102.     #side_share,
  2103.     .default:has(#soc_share_bt) {
  2104.       display: none !important;
  2105.     }
  2106.   }
  2107.  
  2108.   /* merge bug workaround */
  2109.   :is(.cb, .user-button, button), input:is([type="button"], [type="submit"]) {
  2110.     background-color: var(--c-efefef);
  2111.     color: var(--c-515151);
  2112.   }
  2113. }