☰

Meta.StackExchange.com – Custom Dark [Ath]

Dark theme for Meta.StackExchange.com. Lightness configurable using dark magic™.

  1. /* ==UserStyle==
  2. @name           Meta.StackExchange.com – Custom Dark [Ath]
  3. @namespace      athari
  4. @version        1.0.0
  5. @description    Dark theme for Meta.StackExchange.com. Lightness configurable using dark magic™.
  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            range    l "Lightness base"     [1.2, -1.0, 2.0, 0.02]
  13. @var            range    m "Lightness contrast" [-1.0, -2.0, 2.0, 0.02]
  14. @var            checkbox q "Invert images"      0
  15. ==/UserStyle== */
  16.  
  17. @-moz-document url-prefix("https://meta.stackexchange.com") {
  18.   :root {
  19.     color-scheme: dark;
  20.   }
  21.   /* remove: .s-topbar: --* */
  22.   body:not(#\0), body:not(#\0) * {
  23.     /*--theme-base-primary-color-h: 196;
  24.     --theme-base-primary-color-s: 81;
  25.     --theme-base-primary-color-l: 47%;*/
  26.     --theme-base-primary-color-h: 196;
  27.     --theme-base-primary-color-s: 81%;
  28.     --theme-base-primary-color-l: 40%;
  29.     --theme-footer-title-color: #fff8bf !important;
  30.     --theme-footer-text-color: hsl(210,8%,85%) !important;
  31.     --theme-footer-link-color: hsl(210,8%,90%) !important;
  32.     --theme-footer-link-color-hover: hsl(210,8%,98%) !important;
  33.     /*--theme-base-primary-color-l: calc(var(--l) * 1% + var(--m) * 47.45098039%);
  34.     --theme-base-primary-color-s: calc(var(--c) * 1% + var(--d) * 80.99173554%);
  35.     --theme-base-primary-color-h: calc(var(--h) + var(--i) * 195.91836735);*/
  36.   }
  37.   .s-topbar .badgecount:not(#\0) {
  38.     --gold-200: hsl(46,100%,74%) !important;
  39.     --silver-200: hsl(0,0%,84%) !important;
  40.     --bronze-200: hsl(30,47%,83%) !important;
  41.   }
  42.   .site-header,
  43.   .site-footer {
  44.     filter: brightness(0.6) contrast(2);
  45.   }
  46.   @container style(--q: 1) {
  47.     :is(.s-prose) img {
  48.       filter: brightness(0.9) invert(1) hue-rotate(0.5turn);
  49.     }
  50.   }
  51.   /* generated: primary.css */
  52.   body.unified-theme,body.unified-theme * {
  53.     --theme-header-sponsored-color: oklch(from hsla(0,0%,100%,0.4) calc(var(--l) + var(--m) * l) c calc(180 - h));
  54.     --theme-header-foreground-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  55.     --theme-footer-title-color: oklch(from #fff8bf calc(var(--l) + var(--m) * l) c calc(180 - h));
  56.     --theme-footer-text-color: oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  57.     --theme-footer-link-color: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  58.     --theme-footer-link-color-hover: oklch(from hsl(210,8%,98%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  59.     --theme-footer-divider-color: oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  60.     --theme-link-color: oklch(from #4e82c2 calc(var(--l) + var(--m) * l) c calc(180 - h));
  61.     --theme-link-color-hover: oklch(from #3969a4 calc(var(--l) + var(--m) * l) c calc(180 - h));
  62.     --theme-link-color-visited: oklch(from hsl(237,50%,45%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  63.   }
  64.   .icon-warning-label {
  65.     background-color: oklch(from #faeed6 calc(var(--l) + var(--m) * l) c calc(180 - h))
  66.   }
  67.   .badge,.badge-tag {
  68.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  69.     background-color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  70.     border: 1px solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  71.   }
  72.   body.theme-dark .badge,body.theme-dark .badge-tag,.theme-dark__forced .badge,.theme-dark__forced .badge-tag,body.theme-system .theme-dark__forced .badge,body.theme-system .theme-dark__forced .badge-tag {
  73.     background-color: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  74.   }
  75.   .badge:hover,.badge-tag:hover {
  76.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  77.     background-color: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  78.   }
  79.   body.theme-dark .badge:hover,body.theme-dark .badge-tag:hover,.theme-dark__forced .badge:hover,.theme-dark__forced .badge-tag:hover,body.theme-system .theme-dark__forced .badge:hover,body.theme-system .theme-dark__forced .badge-tag:hover {
  80.     background-color: oklch(from #000 calc(var(--l) + var(--m) * l) c calc(180 - h))
  81.   }
  82.   body.theme-highcontrast .badge {
  83.     border-color: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  84.   }
  85.   input[type="text"]:not(.s-input):not(.s-textarea),input[type="password"]:not(.s-input):not(.s-textarea),input[type="number"]:not(.s-input):not(.s-textarea),input[type="email"]:not(.s-input):not(.s-textarea),input[type="url"]:not(.s-input):not(.s-textarea),input[type="search"]:not(.s-input):not(.s-textarea),input[type="tel"]:not(.s-input):not(.s-textarea),input[type="datetime"]:not(.s-input):not(.s-textarea),input[type="datetime-local"]:not(.s-input):not(.s-textarea),input[type="date"]:not(.s-input):not(.s-textarea),textarea:not(.s-input):not(.s-textarea) {
  86.     color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  87.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  88.     border: 1px solid oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  89.   }
  90.   input[type="text"]:not(.s-input):not(.s-textarea)[disabled],input[type="password"]:not(.s-input):not(.s-textarea)[disabled],input[type="number"]:not(.s-input):not(.s-textarea)[disabled],input[type="email"]:not(.s-input):not(.s-textarea)[disabled],input[type="url"]:not(.s-input):not(.s-textarea)[disabled],input[type="search"]:not(.s-input):not(.s-textarea)[disabled],input[type="tel"]:not(.s-input):not(.s-textarea)[disabled],input[type="datetime"]:not(.s-input):not(.s-textarea)[disabled],input[type="datetime-local"]:not(.s-input):not(.s-textarea)[disabled],input[type="date"]:not(.s-input):not(.s-textarea)[disabled],textarea:not(.s-input):not(.s-textarea)[disabled] {
  91.     background-color: oklch(from hsla(210,8%,68%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h))
  92.   }
  93.   input[type="text"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="password"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="number"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="email"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="url"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="search"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="tel"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="datetime"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="datetime-local"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="date"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,textarea:not(.s-input):not(.s-textarea)::-webkit-input-placeholder {
  94.     color: oklch(from hsl(210,8%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  95.   }
  96.   input[type="text"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="password"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="number"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="email"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="url"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="search"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="tel"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="datetime"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="datetime-local"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="date"]:not(.s-input):not(.s-textarea)::-moz-placeholder,textarea:not(.s-input):not(.s-textarea)::-moz-placeholder {
  97.     color: oklch(from hsl(210,8%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  98.   }
  99.   input[type="text"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="password"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="number"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="email"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="url"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="search"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="tel"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="datetime"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="datetime-local"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="date"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,textarea:not(.s-input):not(.s-textarea)::-ms-input-placeholder {
  100.     color: oklch(from hsl(210,8%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  101.   }
  102.   input[type="text"]:not(.s-input):not(.s-textarea)::placeholder,input[type="password"]:not(.s-input):not(.s-textarea)::placeholder,input[type="number"]:not(.s-input):not(.s-textarea)::placeholder,input[type="email"]:not(.s-input):not(.s-textarea)::placeholder,input[type="url"]:not(.s-input):not(.s-textarea)::placeholder,input[type="search"]:not(.s-input):not(.s-textarea)::placeholder,input[type="tel"]:not(.s-input):not(.s-textarea)::placeholder,input[type="datetime"]:not(.s-input):not(.s-textarea)::placeholder,input[type="datetime-local"]:not(.s-input):not(.s-textarea)::placeholder,input[type="date"]:not(.s-input):not(.s-textarea)::placeholder,textarea:not(.s-input):not(.s-textarea)::placeholder {
  103.     color: oklch(from hsl(210,8%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  104.   }
  105.   .privacy-wrapper .privacy-checkbox {
  106.     color: oklch(from white calc(var(--l) + var(--m) * l) c calc(180 - h));
  107.     background-color: oklch(from hsl(210,77%,46%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  108.   }
  109.   .privacy-wrapper .privacy-checkbox:before {
  110.     background-color: oklch(from hsl(210,77%,34%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  111.   }
  112.   .has-error .textarea-with-counter textarea:not(:focus) {
  113.     border-color: oklch(from hsl(0,60%,49%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  114.   }
  115.   .has-error .textarea-with-counter textarea:not(:focus)+.-counter {
  116.     border-color: oklch(from hsl(0,60%,49%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  117.   }
  118.   .textarea-with-counter textarea:focus+.-counter {
  119.     border-color: oklch(from hsl(210,77%,46%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  120.   }
  121.   .textarea-with-counter .-counter {
  122.     background-color: oklch(from hsl(210,80%,91%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  123.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  124.     border-bottom-color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  125.     border-left-color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  126.     border-right-color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  127.   }
  128.   .textarea-with-counter .-counter.-fail .-dot {
  129.     background-color: oklch(from hsl(27,89%,48%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  130.   }
  131.   .textarea-with-counter .-counter.-success .-dot {
  132.     background-color: oklch(from hsl(148,70%,31%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  133.   }
  134.   .label-required {
  135.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  136.   }
  137.   .double-input .separator {
  138.     background-color: oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  139.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  140.     border-top-color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  141.     border-bottom-color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  142.   }
  143.   .switcher {
  144.     border: 1px solid oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  145.   }
  146.   .switcher label {
  147.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  148.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  149.     border-right-color: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  150.   }
  151.   .switcher label:hover {
  152.     background-color: oklch(from #F4F8FB calc(var(--l) + var(--m) * l) c calc(180 - h))
  153.   }
  154.   .switcher input[type="radio"]:checked+label {
  155.     background-color: oklch(from #E1ECF4 calc(var(--l) + var(--m) * l) c calc(180 - h));
  156.     color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  157.   }
  158.   .container .chosen-container .chosen-choices {
  159.     border: 1px solid oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  160.     box-shadow: inset 0 1px 2px oklch(from hsla(210,8%,5%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h));
  161.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  162.   }
  163.   p.is-required,span.is-required {
  164.     color: oklch(from hsl(0,60%,49%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  165.   }
  166.   p.is-optional,span.is-optional {
  167.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  168.   }
  169.   .t-help {
  170.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  171.   }
  172.   .f-input,textarea.f-input,input[type="text"].f-input,input[type="password"].f-input,input[type="number"].f-input,input[type="email"].f-input,input[type="url"].f-input,input[type="search"].f-input,input[type="tel"].f-input,input[type="datetime"].f-input {
  173.     border: 1px solid oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  174.     box-shadow: inset 0 0 1px oklch(from hsla(210,8%,68%,0.2) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 0 oklch(from hsla(0,0%,100%,0) calc(var(--l) + var(--m) * l) c calc(180 - h));
  175.     color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  176.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  177.   }
  178.   .f-input::-webkit-input-placeholder,textarea.f-input::-webkit-input-placeholder,input[type="text"].f-input::-webkit-input-placeholder,input[type="password"].f-input::-webkit-input-placeholder,input[type="number"].f-input::-webkit-input-placeholder,input[type="email"].f-input::-webkit-input-placeholder,input[type="url"].f-input::-webkit-input-placeholder,input[type="search"].f-input::-webkit-input-placeholder,input[type="tel"].f-input::-webkit-input-placeholder,input[type="datetime"].f-input::-webkit-input-placeholder {
  179.     color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  180.   }
  181.   .f-input::-moz-placeholder,textarea.f-input::-moz-placeholder,input[type="text"].f-input::-moz-placeholder,input[type="password"].f-input::-moz-placeholder,input[type="number"].f-input::-moz-placeholder,input[type="email"].f-input::-moz-placeholder,input[type="url"].f-input::-moz-placeholder,input[type="search"].f-input::-moz-placeholder,input[type="tel"].f-input::-moz-placeholder,input[type="datetime"].f-input::-moz-placeholder {
  182.     color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  183.   }
  184.   .f-input::-ms-input-placeholder,textarea.f-input::-ms-input-placeholder,input[type="text"].f-input::-ms-input-placeholder,input[type="password"].f-input::-ms-input-placeholder,input[type="number"].f-input::-ms-input-placeholder,input[type="email"].f-input::-ms-input-placeholder,input[type="url"].f-input::-ms-input-placeholder,input[type="search"].f-input::-ms-input-placeholder,input[type="tel"].f-input::-ms-input-placeholder,input[type="datetime"].f-input::-ms-input-placeholder {
  185.     color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  186.   }
  187.   .f-input::placeholder,textarea.f-input::placeholder,input[type="text"].f-input::placeholder,input[type="password"].f-input::placeholder,input[type="number"].f-input::placeholder,input[type="email"].f-input::placeholder,input[type="url"].f-input::placeholder,input[type="search"].f-input::placeholder,input[type="tel"].f-input::placeholder,input[type="datetime"].f-input::placeholder {
  188.     color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  189.   }
  190.   .f-input:hover,textarea.f-input:hover,input[type="text"].f-input:hover,input[type="password"].f-input:hover,input[type="number"].f-input:hover,input[type="email"].f-input:hover,input[type="url"].f-input:hover,input[type="search"].f-input:hover,input[type="tel"].f-input:hover,input[type="datetime"].f-input:hover {
  191.     border-color: oklch(from hsla(210,77%,46%,0.5) calc(var(--l) + var(--m) * l) c calc(180 - h));
  192.     box-shadow: inset 0 0 2px oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 2px oklch(from hsla(210,77%,46%,0.2) calc(var(--l) + var(--m) * l) c calc(180 - h))
  193.   }
  194.   .f-input:focus,textarea.f-input:focus,input[type="text"].f-input:focus,input[type="password"].f-input:focus,input[type="number"].f-input:focus,input[type="email"].f-input:focus,input[type="url"].f-input:focus,input[type="search"].f-input:focus,input[type="tel"].f-input:focus,input[type="datetime"].f-input:focus {
  195.     border-color: oklch(from hsl(210,77%,46%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  196.     box-shadow: inset 0 0 4px oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 5px oklch(from hsla(210,77%,46%,0.5) calc(var(--l) + var(--m) * l) c calc(180 - h))
  197.   }
  198.   .f-input[disabled],textarea.f-input[disabled],input[type="text"].f-input[disabled],input[type="password"].f-input[disabled],input[type="number"].f-input[disabled],input[type="email"].f-input[disabled],input[type="url"].f-input[disabled],input[type="search"].f-input[disabled],input[type="tel"].f-input[disabled],input[type="datetime"].f-input[disabled],.f-input.is-disabled,textarea.f-input.is-disabled,input[type="text"].f-input.is-disabled,input[type="password"].f-input.is-disabled,input[type="number"].f-input.is-disabled,input[type="email"].f-input.is-disabled,input[type="url"].f-input.is-disabled,input[type="search"].f-input.is-disabled,input[type="tel"].f-input.is-disabled,input[type="datetime"].f-input.is-disabled,.f-input[read-only],textarea.f-input[read-only],input[type="text"].f-input[read-only],input[type="password"].f-input[read-only],input[type="number"].f-input[read-only],input[type="email"].f-input[read-only],input[type="url"].f-input[read-only],input[type="search"].f-input[read-only],input[type="tel"].f-input[read-only],input[type="datetime"].f-input[read-only],.f-input.is-readonly,textarea.f-input.is-readonly,input[type="text"].f-input.is-readonly,input[type="password"].f-input.is-readonly,input[type="number"].f-input.is-readonly,input[type="email"].f-input.is-readonly,input[type="url"].f-input.is-readonly,input[type="search"].f-input.is-readonly,input[type="tel"].f-input.is-readonly,input[type="datetime"].f-input.is-readonly {
  199.     border-color: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  200.     box-shadow: inset 0 0 3px oklch(from hsla(210,8%,68%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h));
  201.     background-color: oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  202.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  203.   }
  204.   .f-select {
  205.     color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  206.   }
  207.   .f-select:before,.f-select:after {
  208.     border-color: currentColor oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  209.   }
  210.   .f-select>select {
  211.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  212.     border: 1px solid oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  213.   }
  214.   .f-select>select:hover {
  215.     border-color: oklch(from hsla(210,77%,46%,0.5) calc(var(--l) + var(--m) * l) c calc(180 - h));
  216.     box-shadow: inset 0 0 2px oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 2px oklch(from hsla(210,77%,46%,0.2) calc(var(--l) + var(--m) * l) c calc(180 - h))
  217.   }
  218.   .f-select>select:focus {
  219.     border-color: oklch(from hsl(210,77%,46%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  220.     box-shadow: inset 0 0 4px oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 5px oklch(from hsla(210,77%,46%,0.5) calc(var(--l) + var(--m) * l) c calc(180 - h))
  221.   }
  222.   .f-select.is-disabled select {
  223.     color: oklch(from hsl(210,8%,70%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  224.     background-color: oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  225.     border-color: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  226.   }
  227.   .f-select.is-disabled select:hover {
  228.     border-color: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  229.   }
  230.   .input-group.has-warning .f-input,.input-group.has-warning .f-select select {
  231.     border-color: oklch(from #d88710 calc(var(--l) + var(--m) * l) c calc(180 - h))
  232.   }
  233.   .input-group.has-warning .f-input:hover,.input-group.has-warning .f-select select:hover {
  234.     border-color: oklch(from #efa02c calc(var(--l) + var(--m) * l) c calc(180 - h));
  235.     box-shadow: inset 0 0 1px oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 2px oklch(from hsl(43,85%,72%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  236.   }
  237.   .input-group.has-warning .f-input:focus,.input-group.has-warning .f-select select:focus {
  238.     border-color: oklch(from #e38905 calc(var(--l) + var(--m) * l) c calc(180 - h));
  239.     box-shadow: inset 0 0 4px oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 4px oklch(from hsl(43,85%,72%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  240.   }
  241.   .input-group.has-warning .message {
  242.     color: oklch(from #d88710 calc(var(--l) + var(--m) * l) c calc(180 - h))
  243.   }
  244.   .input-group.has-error .f-input,.input-group.has-error .tag-editor,.input-group.has-error .autocomplete input,.input-group.has-error .f-select select {
  245.     border-color: oklch(from hsl(0,60%,49%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  246.   }
  247.   .input-group.has-error .f-input:hover,.input-group.has-error .tag-editor:hover,.input-group.has-error .autocomplete input:hover,.input-group.has-error .f-select select:hover {
  248.     border-color: oklch(from hsl(0,60%,49%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  249.     box-shadow: inset 0 0 1px oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 2px oklch(from hsl(0,66%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  250.   }
  251.   .input-group.has-error .f-input:focus,.input-group.has-error .tag-editor:focus,.input-group.has-error .autocomplete input:focus,.input-group.has-error .f-select select:focus {
  252.     border-color: oklch(from hsl(0,60%,49%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  253.     box-shadow: inset 0 0 4px oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 4px oklch(from hsl(0,66%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  254.   }
  255.   .input-group.is-success .f-input:hover,.input-group.is-success .f-select select:hover {
  256.     border-color: oklch(from hsl(148,70%,31%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  257.     box-shadow: inset 0 0 1px oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 2px oklch(from hsl(148,35%,69%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  258.   }
  259.   .input-group.is-success .f-input:focus,.input-group.is-success .f-select select:focus {
  260.     box-shadow: inset 0 0 4px oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 4px oklch(from hsl(148,35%,69%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  261.   }
  262.   .input-group.is-success .message {
  263.     color: oklch(from hsl(148,70%,26%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  264.   }
  265.   .input-group .-fill {
  266.     color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  267.     background-color: oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  268.     border: 1px solid oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  269.   }
  270.   .input-group .-fill._clean {
  271.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  272.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  273.   }
  274.   .button-group.has-border {
  275.     border-top-color: oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  276.   }
  277.   .f-radio-toggle .f-label {
  278.     border: 1px solid oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  279.     color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  280.   }
  281.   .f-radio-toggle .f-label:hover,.f-radio-toggle .f-label:focus,.f-radio-toggle .f-label:active {
  282.     color: oklch(from hsl(210,8%,15%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  283.   }
  284.   .container .chosen-container.chosen-container-active .chosen-choices {
  285.     border-color: oklch(from hsl(210,77%,46%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  286.     box-shadow: inset 0 0 4px oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 5px oklch(from hsla(210,77%,46%,0.5) calc(var(--l) + var(--m) * l) c calc(180 - h))
  287.   }
  288.   .container .chosen-container .chosen-choices {
  289.     border-color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  290.   }
  291.   .container .chosen-container .chosen-choices:hover {
  292.     border-color: oklch(from hsla(210,77%,46%,0.5) calc(var(--l) + var(--m) * l) c calc(180 - h));
  293.     box-shadow: inset 0 0 2px oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 0 2px oklch(from hsla(210,77%,46%,0.2) calc(var(--l) + var(--m) * l) c calc(180 - h))
  294.   }
  295.   .container .chosen-container .chosen-choices li.search-choice {
  296.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  297.   }
  298.   .table {
  299.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  300.   }
  301.   .table._hover>tbody>tr:hover {
  302.     background-color: oklch(from hsl(0,0%,97%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  303.   }
  304.   .table._hover>tbody>tr:hover>td {
  305.     box-shadow: inset 0 2px 0 oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h)),inset 0 -2px 0 oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  306.   }
  307.   .table tfoot.-totals:hover {
  308.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  309.   }
  310.   .table._whiteBg {
  311.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  312.   }
  313.   table.sorter>thead>tr .headerSortDown,table.sorter>thead>tr .headerSortUp {
  314.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  315.   }
  316.   kbd {
  317.     box-shadow: 0 1px 1px oklch(from hsla(210,8%,5%,0.15) calc(var(--l) + var(--m) * l) c calc(180 - h)),inset 0 1px 0 0 var(--white)
  318.   }
  319.   body.theme-dark kbd,.theme-dark__forced kbd,body.theme-system .theme-dark__forced kbd {
  320.     box-shadow: 0 1px 2px oklch(from hsla(210,8%,5%,0.75) calc(var(--l) + var(--m) * l) c calc(180 - h))
  321.   }
  322.   pre {
  323.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  324.   }
  325.   pre code {
  326.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  327.   }
  328.   pre::-webkit-scrollbar {
  329.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  330.   }
  331.   pre::-webkit-scrollbar-track {
  332.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  333.   }
  334.   pre::-webkit-scrollbar-corner {
  335.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  336.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  337.   }
  338.   .favicon {
  339.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  340.   }
  341.   .autocomplete .autocomplete-suggestions-list {
  342.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  343.     border: 1px solid oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  344.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  345.     box-shadow: 0 6px 6px oklch(from hsla(0,0%,0%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h))
  346.   }
  347.   .autocomplete .autocomplete-suggestions-list a {
  348.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  349.   }
  350.   .autocomplete .autocomplete-suggestions-list .autocomplete-category-name {
  351.     background-color: oklch(from #f6f6f7 calc(var(--l) + var(--m) * l) c calc(180 - h))
  352.   }
  353.   .autocomplete .autocomplete-suggestions-list .autocomplete-suggestion.child:before {
  354.     border-left-color: oklch(from #b9c1c5 calc(var(--l) + var(--m) * l) c calc(180 - h));
  355.     border-bottom-color: oklch(from #b9c1c5 calc(var(--l) + var(--m) * l) c calc(180 - h))
  356.   }
  357.   .autocomplete .autocomplete-suggestions-list .autocomplete-suggestion:hover,.autocomplete .autocomplete-suggestions-list .autocomplete-default:hover {
  358.     background-color: oklch(from #eeeef0 calc(var(--l) + var(--m) * l) c calc(180 - h));
  359.     color: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  360.   }
  361.   .autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-match {
  362.     color: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  363.   }
  364.   .autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-url {
  365.     color: oklch(from hsl(210,9%,75%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  366.   }
  367.   .autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-count {
  368.     color: oklch(from hsl(210,8%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  369.   }
  370.   .autocomplete .autocomplete-suggestions-list .autocomplete-default {
  371.     border-top-color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  372.   }
  373.   #tabs a,.tabs a {
  374.     border-bottom-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  375.   }
  376.   .subtabs a,.filter a {
  377.     border-bottom-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  378.   }
  379.   .dropdown {
  380.     box-shadow: 0 2px 5px oklch(from hsla(0,0%,0%,0.3) calc(var(--l) + var(--m) * l) c calc(180 - h))
  381.   }
  382.   .dropdown li a.selected {
  383.     background-color: oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  384.     color: oklch(from hsl(210,8%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  385.   }
  386.   a.loading:before {
  387.     border: 2px solid oklch(from hsl(210,78%,76%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  388.     border-left-color: oklch(from hsl(210,77%,46%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  389.   }
  390.   .modal .modal-footer {
  391.     background-color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  392.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  393.   }
  394.   .modal .modal-footer a:hover {
  395.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  396.   }
  397.   .modal-overlay {
  398.     background-color: oklch(from hsla(0,0%,0%,0.5) calc(var(--l) + var(--m) * l) c calc(180 - h))
  399.   }
  400.   .message.message-config .message-tip.message-tip-top-right:before,.message.message-config .message-tip.message-tip-top-left:before {
  401.     border-left-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  402.     border-right-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  403.   }
  404.   .message.message-config .actions {
  405.     background-color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  406.   }
  407.   .message.message-config .actions .rep-number {
  408.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  409.   }
  410.   .message.message-config .actions .button {
  411.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  412.   }
  413.   .migrated.to,.migrated.from {
  414.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  415.   }
  416.   .informative-tooltip {
  417.     background-color: oklch(from #474747 calc(var(--l) + var(--m) * l) c calc(180 - h));
  418.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  419.   }
  420.   .informative-tooltip.arrow.up-left:before,.informative-tooltip.arrow.up-center:before,.informative-tooltip.arrow.up-right:before {
  421.     border-left-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  422.     border-right-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  423.     border-bottom-color: oklch(from #474747 calc(var(--l) + var(--m) * l) c calc(180 - h))
  424.   }
  425.   .informative-tooltip.arrow.down-left:before,.informative-tooltip.arrow.down-center:before,.informative-tooltip.arrow.down-right:before {
  426.     border-left-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  427.     border-right-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  428.     border-top-color: oklch(from #474747 calc(var(--l) + var(--m) * l) c calc(180 - h))
  429.   }
  430.   .informative-tooltip.arrow.left-top:before,.informative-tooltip.arrow.left-center:before,.informative-tooltip.arrow.left-bottom:before {
  431.     border-top-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  432.     border-bottom-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  433.     border-right-color: oklch(from #474747 calc(var(--l) + var(--m) * l) c calc(180 - h))
  434.   }
  435.   .informative-tooltip.arrow.right-top:before,.informative-tooltip.arrow.right-center:before,.informative-tooltip.arrow.right-bottom:before {
  436.     border-top-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  437.     border-bottom-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  438.     border-left-color: oklch(from #474747 calc(var(--l) + var(--m) * l) c calc(180 - h))
  439.   }
  440.   .informative-tooltip.error {
  441.     background-color: oklch(from hsl(0,60%,49%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  442.     color: oklch(from white calc(var(--l) + var(--m) * l) c calc(180 - h))
  443.   }
  444.   .informative-tooltip.display-above:before,.informative-tooltip.display-right:before {
  445.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  446.   }
  447.   .informative-tooltip.display-above.error:before,.informative-tooltip.display-right.error:before {
  448.     border-top-color: oklch(from hsl(0,60%,49%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  449.   }
  450.   .informative-tooltip.display-above:before {
  451.     border-top-color: oklch(from #474747 calc(var(--l) + var(--m) * l) c calc(180 - h))
  452.   }
  453.   .informative-tooltip.display-right:before {
  454.     border-right-color: oklch(from #474747 calc(var(--l) + var(--m) * l) c calc(180 - h))
  455.   }
  456.   .css-tooltip[data-title]:hover:after {
  457.     background-color: oklch(from #474747 calc(var(--l) + var(--m) * l) c calc(180 - h));
  458.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  459.   }
  460.   .list-card {
  461.     box-shadow: 0 1px 25px oklch(from rgba(0,0,0,0.15) calc(var(--l) + var(--m) * l) c calc(180 - h))
  462.   }
  463.   .list-card:before {
  464.     border-left-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  465.     border-right-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  466.   }
  467.   .snippet-box-result {
  468.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  469.   }
  470.   .CodeMirror div.CodeMirror-secondarycursor {
  471.     border-left-color: oklch(from silver calc(var(--l) + var(--m) * l) c calc(180 - h))
  472.   }
  473.   .cm-fat-cursor .CodeMirror-cursor {
  474.     background-color: oklch(from #7e7 calc(var(--l) + var(--m) * l) c calc(180 - h))
  475.   }
  476.   .cm-animate-fat-cursor {
  477.     background-color: oklch(from #7e7 calc(var(--l) + var(--m) * l) c calc(180 - h))
  478.   }
  479.   div.CodeMirror span.CodeMirror-matchingbracket {
  480.     color: oklch(from #0f0 calc(var(--l) + var(--m) * l) c calc(180 - h))
  481.   }
  482.   .CodeMirror-matchingtag {
  483.     background-color: oklch(from rgba(255,150,0,0.3) calc(var(--l) + var(--m) * l) c calc(180 - h))
  484.   }
  485.   .CodeMirror-sizer {
  486.     border-right-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  487.   }
  488.   .CodeMirror pre {
  489.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  490.     -webkit-tap-highlight-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  491.   }
  492.   .CodeMirror-focused .CodeMirror-selected {
  493.     background-color: oklch(from #d7d4f0 calc(var(--l) + var(--m) * l) c calc(180 - h))
  494.   }
  495.   .cm-searching {
  496.     background-color: oklch(from #ffa calc(var(--l) + var(--m) * l) c calc(180 - h));
  497.     background-color: oklch(from rgba(255,255,0,0.4) calc(var(--l) + var(--m) * l) c calc(180 - h))
  498.   }
  499.   .wmd-button-bar {
  500.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  501.   }
  502.   .s-editor-shadow:after {
  503.     background: radial-gradient(50% 50% at 50% 45%,oklch(from rgba(0,0,0,.8) calc(var(--l) + var(--m) * l) c calc(180 - h)) -200%,oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) 115%)
  504.   }
  505.   .s-btn.s-editor-btn:not(.s-btn__link):not(.s-btn__unset):focus-visible {
  506.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))!important;
  507.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))!important
  508.   }
  509.   .s-btn.s-editor-btn:not(.s-btn__link):not(.s-btn__unset):not(.is-selected):not(:hover):focus-visible {
  510.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))!important
  511.   }
  512.   .ProseMirror .ProseMirror-hideselection ::selection {
  513.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  514.   }
  515.   .ProseMirror .ProseMirror-hideselection {
  516.     caret-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  517.   }
  518.   .topbar-dialog.siteSwitcher-dialog {
  519.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  520.   }
  521.   .topbar-dialog.siteSwitcher-dialog::-webkit-scrollbar {
  522.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  523.   }
  524.   .topbar-dialog.siteSwitcher-dialog::-webkit-scrollbar-track {
  525.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  526.   }
  527.   .topbar-dialog.siteSwitcher-dialog::-webkit-scrollbar-corner {
  528.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  529.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  530.   }
  531.   .topbar-dialog.siteSwitcher-dialog .L-shaped-icon {
  532.     border: solid oklch(from #b9c1c5 calc(var(--l) + var(--m) * l) c calc(180 - h))
  533.   }
  534.   .topbar-dialog.inbox-dialog .modal-content,.topbar-dialog.modInbox-dialog .modal-content,.topbar-dialog.achievements-dialog .modal-content {
  535.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  536.   }
  537.   .topbar-dialog.inbox-dialog .modal-content::-webkit-scrollbar,.topbar-dialog.modInbox-dialog .modal-content::-webkit-scrollbar,.topbar-dialog.achievements-dialog .modal-content::-webkit-scrollbar {
  538.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  539.   }
  540.   .topbar-dialog.inbox-dialog .modal-content::-webkit-scrollbar-track,.topbar-dialog.modInbox-dialog .modal-content::-webkit-scrollbar-track,.topbar-dialog.achievements-dialog .modal-content::-webkit-scrollbar-track {
  541.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  542.   }
  543.   .topbar-dialog.inbox-dialog .modal-content::-webkit-scrollbar-corner,.topbar-dialog.modInbox-dialog .modal-content::-webkit-scrollbar-corner,.topbar-dialog.achievements-dialog .modal-content::-webkit-scrollbar-corner {
  544.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  545.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  546.   }
  547.   .topbar-dialog.review-dialog .modal-content li>a .-indicator {
  548.     background-color: oklch(from hsla(0,0%,0%,0.05) calc(var(--l) + var(--m) * l) c calc(180 - h))
  549.   }
  550.   .topbar-dialog.review-dialog.danger-dialog .-item a:before {
  551.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  552.   }
  553.   .topbar-dialog.review-dialog.danger-dialog .-item.danger-urgent a:before {
  554.     box-shadow: 0 0 5px oklch(from hsla(0,60%,49%,0.2) calc(var(--l) + var(--m) * l) c calc(180 - h))
  555.   }
  556.   body.theme-highcontrast .site-footer {
  557.     --theme-footer-background-color: oklch(from hsl(0,0%,0%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  558.     --theme-footer-background-border-top: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  559.     --theme-footer-title-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  560.     --theme-footer-text-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  561.     --theme-footer-link-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  562.     --theme-footer-link-color-hover: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  563.     --theme-footer-divider-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  564.   }
  565.   body.theme-highcontrast .site-footer a:hover,body.theme-highcontrast .site-footer a:focus {
  566.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  567.   }
  568.   .message.gray {
  569.     background-color: oklch(from #f6f6f7 calc(var(--l) + var(--m) * l) c calc(180 - h));
  570.     color: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  571.     border: 1px solid oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  572.   }
  573.   .message.gray .message-title {
  574.     background-color: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  575.   }
  576.   .message.job-improve .message-title {
  577.     background-color: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  578.   }
  579.   .top-notification {
  580.     background-color: oklch(from hsl(210,77%,46%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  581.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  582.   }
  583.   .top-notification a {
  584.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  585.   }
  586.   .top-notification .-content .btn {
  587.     background-color: oklch(from #F48024 calc(var(--l) + var(--m) * l) c calc(180 - h));
  588.     box-shadow: inset 0 1px 0 oklch(from rgba(255,255,255,0.4) calc(var(--l) + var(--m) * l) c calc(180 - h))
  589.   }
  590.   .threadable-comment:last-child>*>.threadable-comment__threadline::after {
  591.     border-left: var(--comment-line-stop-size) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  592.     border-right: var(--comment-line-stop-size) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  593.   }
  594.   ul.comments-list .deleted-comment {
  595.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  596.   }
  597.   ul.comments-list .comment__highlight {
  598.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  599.   }
  600.   .account-info .row.mod-section {
  601.     border-bottom-color: oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  602.   }
  603.   body.theme-dark .ui-datepicker.ui-widget,.theme-dark__forced .ui-datepicker.ui-widget,body.theme-system .theme-dark__forced .ui-datepicker.ui-widget {
  604.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  605.   }
  606.   .ui-datepicker table.ui-datepicker-calendar .ui-state-active {
  607.     color: oklch(from #fff calc(var(--l) + var(--m) * l) c calc(180 - h))
  608.   }
  609.   #content {
  610.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  611.   }
  612.   .narrow .status {
  613.     border: 1px solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  614.   }
  615.   #notify-container span.notify-close a {
  616.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  617.   }
  618.   #notify-container div {
  619.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  620.     background-color: oklch(from #f90 calc(var(--l) + var(--m) * l) c calc(180 - h))
  621.   }
  622.   .lsep {
  623.     color: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  624.     color: oklch(from #1b4072 calc(var(--l) + var(--m) * l) c calc(180 - h))
  625.   }
  626.   #bounty-submit {
  627.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  628.   }
  629.   #noscript-warning {
  630.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  631.   }
  632.   #noscript-warning a {
  633.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  634.   }
  635.   .answered-accepted,.answered-accepted .mini-counts,.answered-accepted .minicounts span {
  636.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  637.   }
  638.   .newuser {
  639.     background-color: oklch(from #FFF8DC calc(var(--l) + var(--m) * l) c calc(180 - h));
  640.     border: 1px solid oklch(from #E0DCBF calc(var(--l) + var(--m) * l) c calc(180 - h))
  641.   }
  642.   span.form-error {
  643.     color: oklch(from #990000 calc(var(--l) + var(--m) * l) c calc(180 - h))
  644.   }
  645.   .system-alert {
  646.     border: 1px dotted oklch(from #AE0000 calc(var(--l) + var(--m) * l) c calc(180 - h))
  647.   }
  648.   .close-reasons li td.close-desc {
  649.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  650.   }
  651.   .tagged-ignored {
  652.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  653.   }
  654.   .accept-reminder {
  655.     color: oklch(from maroon calc(var(--l) + var(--m) * l) c calc(180 - h))
  656.   }
  657.   .ac_loading {
  658.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  659.   }
  660.   .ac_over {
  661.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  662.   }
  663.   body.theme-dark .tag-popup .-container {
  664.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  665.   }
  666.   body.theme-dark .tag-popup .-arrow:before {
  667.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  668.   }
  669.   .user-timeline-deleted-action {
  670.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  671.   }
  672.   .expandable-question-summary:not(.is-expanded) .expandable-question-summary__body:after {
  673.     background: -webkit-linear-gradient(oklch(from hsla(0,0%,100%,0) calc(var(--l) + var(--m) * l) c calc(180 - h)), oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))) left repeat;
  674.     background: linear-gradient(oklch(from hsla(0,0%,100%,0) calc(var(--l) + var(--m) * l) c calc(180 - h)), oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))) left repeat
  675.   }
  676.   .disabled-link {
  677.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  678.   }
  679.   .comments .deleted-comment .deleted-comment-info {
  680.     color: oklch(from #B65454 calc(var(--l) + var(--m) * l) c calc(180 - h))
  681.   }
  682.   .deleted-answer-info {
  683.     color: oklch(from #B65454 calc(var(--l) + var(--m) * l) c calc(180 - h))
  684.   }
  685.   .popup-close a {
  686.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h)) !important;
  687.     background-color: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  688.   }
  689.   .revision-comment.blur {
  690.     color: oklch(from hsl(210,8%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  691.   }
  692.   .full-diff td.content.deleted,.full-diff td.content.inserted {
  693.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  694.   }
  695.   .suggested-edit .score {
  696.     background-color: oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  697.     color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  698.   }
  699.   .lightbox {
  700.     background-color: oklch(from hsl(0,0%,0%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  701.   }
  702.   .tag-editor input {
  703.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  704.   }
  705.   .tag-suggestions>div p.more-info a {
  706.     border: 1px solid oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  707.   }
  708.   .tag-suggestions>div p.more-info a:after,.tag-suggestions>div p.more-info a:before {
  709.     background-color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  710.   }
  711.   .tools-rev-dim-link {
  712.     color: oklch(from hsl(210,8%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  713.   }
  714.   .tools-rev h1 .lsep {
  715.     color: oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  716.   }
  717.   .diff-skipped>div {
  718.     border-bottom-color: oklch(from #d0d0d0 calc(var(--l) + var(--m) * l) c calc(180 - h))
  719.   }
  720.   #tabcomplete li {
  721.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  722.     color: oklch(from hsl(0,0%,0%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  723.     border: 1px solid oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  724.   }
  725.   .comments {
  726.     -webkit-tap-highlight-color: oklch(from hsla(0,0%,100%,0) calc(var(--l) + var(--m) * l) c calc(180 - h))
  727.   }
  728.   span.highlight {
  729.     background-color: oklch(from #FFFF77 calc(var(--l) + var(--m) * l) c calc(180 - h))
  730.   }
  731.   .title-search-float {
  732.     border: 1px solid oklch(from hsl(0,0%,0%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  733.     background-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  734.   }
  735.   .title-float-selected {
  736.     background-color: oklch(from #00FFFF calc(var(--l) + var(--m) * l) c calc(180 - h))
  737.   }
  738.   .facebook-login,.facebook-login:hover {
  739.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  740.     background-color: oklch(from #395697 calc(var(--l) + var(--m) * l) c calc(180 - h))
  741.   }
  742.   .general-error {
  743.     color: oklch(from #c04848 calc(var(--l) + var(--m) * l) c calc(180 - h))
  744.   }
  745.   .general-success {
  746.     color: oklch(from #44B449 calc(var(--l) + var(--m) * l) c calc(180 - h))
  747.   }
  748.   .validation-error {
  749.     border-color: oklch(from #C04848 calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  750.   }
  751.   .val-message {
  752.     border: 1px solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  753.     color: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  754.   }
  755.   .val-success {
  756.     background-color: oklch(from hsl(148,35%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  757.     border-color: oklch(from hsl(148,70%,31%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  758.   }
  759.   .val-error {
  760.     background-color: oklch(from hsl(0,70%,93%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  761.     border-color: oklch(from hsl(0,60%,49%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  762.   }
  763.   .val-info {
  764.     background-color: oklch(from hsl(43,85%,88%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  765.     border-color: oklch(from hsl(43,85%,50%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  766.   }
  767.   .message.message-error code {
  768.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  769.   }
  770.   .message.message-error .message-tip:before {
  771.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  772.   }
  773.   .message.message-error .message-close {
  774.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  775.   }
  776.   .message.message-info code {
  777.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  778.   }
  779.   .message.message-info .message-tip:before {
  780.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  781.   }
  782.   .message.message-info .message-close {
  783.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  784.   }
  785.   .message.message-warning code {
  786.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  787.   }
  788.   .message.message-warning .message-tip:before {
  789.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  790.   }
  791.   .message.message-warning .message-close {
  792.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  793.   }
  794.   .message.message-config code,.message.message-info.contributor-dropdown code {
  795.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  796.   }
  797.   .message.message-config .message-tip:before,.message.message-info.contributor-dropdown .message-tip:before {
  798.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  799.   }
  800.   .message.message-config .message-close,.message.message-info.contributor-dropdown .message-close {
  801.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  802.   }
  803.   .message.message-success code {
  804.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  805.   }
  806.   .message.message-success .message-tip:before {
  807.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  808.   }
  809.   .message.message-success .message-close {
  810.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  811.   }
  812.   .privilege-icon {
  813.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  814.   }
  815.   .tm-links .review-indicator span {
  816.     background-color: oklch(from #cf7721 calc(var(--l) + var(--m) * l) c calc(180 - h))
  817.   }
  818.   .review-indicator span {
  819.     background-color: oklch(from #cf7721 calc(var(--l) + var(--m) * l) c calc(180 - h))
  820.   }
  821.   .upload-image-warning {
  822.     background-color: oklch(from #fcf8e3 calc(var(--l) + var(--m) * l) c calc(180 - h));
  823.     border: 1px solid oklch(from #fbeed5 calc(var(--l) + var(--m) * l) c calc(180 - h));
  824.     color: oklch(from #c09853 calc(var(--l) + var(--m) * l) c calc(180 - h))
  825.   }
  826.   .oauth-authorizebody {
  827.     background-color: oklch(from #EFF0F1 calc(var(--l) + var(--m) * l) c calc(180 - h))
  828.   }
  829.   .oauth-authorize .root .app-authorization {
  830.     border: 1px solid oklch(from #D6D8DB calc(var(--l) + var(--m) * l) c calc(180 - h));
  831.     background-color: oklch(from #fff calc(var(--l) + var(--m) * l) c calc(180 - h))
  832.   }
  833.   .post-tag:not(.s-tag) .post-tag:not(.s-tag)--dismiss,.post-tag:not(.s-tag) button.post-tag:not(.s-tag)--dismiss:not(.s-btn) {
  834.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  835.   }
  836.   .post-tag:not(.s-tag) .post-tag:not(.s-tag)--dismiss:focus-visible,.post-tag:not(.s-tag) button.post-tag:not(.s-tag)--dismiss:not(.s-btn):focus-visible {
  837.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  838.   }
  839.   .post-tag:not(.s-tag):focus-visible {
  840.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  841.   }
  842.   #tabs a,.tabs a {
  843.     border: 1px solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  844.   }
  845.   #tabs a:before,.tabs a:before {
  846.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  847.   }
  848.   #tabs a:focus,.tabs a:focus {
  849.     border-bottom-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  850.   }
  851.   #tabs a:hover:not(.youarehere),.tabs a:hover:not(.youarehere),#tabs a:focus:not(.youarehere),.tabs a:focus:not(.youarehere) {
  852.     border-bottom-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  853.   }
  854.   #tabs a.youarehere,.tabs a.youarehere {
  855.     border-bottom-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  856.   }
  857.   #tabs a.external:hover,.tabs a.external:hover {
  858.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  859.     box-shadow: inset 0 -1px 0 0 oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  860.   }
  861.   #tabs #tab-switch {
  862.     color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  863.     border: 1px solid oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  864.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  865.   }
  866.   #tabs #tab-switch:hover {
  867.     border-color: oklch(from #bdcdd7 calc(var(--l) + var(--m) * l) c calc(180 - h))
  868.   }
  869.   .answered,.answered-accepted {
  870.     border: 1px solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  871.   }
  872.   .status.answered-accepted,.status.answered-accepted .mini-counts,.status.answered-accepted .minicounts span {
  873.     color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  874.   }
  875.   input[type="text"]:not(.s-input):not(.s-textarea):focus,input[type="email"]:not(.s-input):not(.s-textarea):focus,input[type="password"]:not(.s-input):not(.s-textarea):focus,textarea:not(.s-input):not(.s-textarea):focus {
  876.     border: 1px solid oklch(from hsl(210,77%,46%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  877.   }
  878.   input[type="text"]:not(.s-input),textarea:not(.wmd-input):not(.s-textarea),input[type="url"],input[type="datetime"],input[type="datetime-local"],input[type="date"],.tag-editor:not(.s-input) {
  879.     box-shadow: 0 1px 2px oklch(from hsla(210,8%,5%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h)) inset
  880.   }
  881.   body.floating-content #content {
  882.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  883.   }
  884.   .s-banner__danger button,.s-banner__danger a {
  885.     color: oklch(from white calc(var(--l) + var(--m) * l) c calc(180 - h))
  886.   }
  887.   .s-banner__danger button:hover,.s-banner__danger a:hover {
  888.     color: oklch(from white calc(var(--l) + var(--m) * l) c calc(180 - h))
  889.   }
  890.   .left-sidebar {
  891.     box-shadow: 0 0 0 oklch(from hsla(0,0%,0%,0.05) calc(var(--l) + var(--m) * l) c calc(180 - h))
  892.   }
  893.   @supports (position: sticky) or (position: -webkit-sticky) {
  894.     .left-sidebar--sticky-container:not(.left-sidebar__fake-sticky) {
  895.       scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  896.     }
  897.     .left-sidebar--sticky-container:not(.left-sidebar__fake-sticky)::-webkit-scrollbar {
  898.       background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  899.     }
  900.     .left-sidebar--sticky-container:not(.left-sidebar__fake-sticky)::-webkit-scrollbar-track {
  901.       background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  902.     }
  903.     .left-sidebar--sticky-container:not(.left-sidebar__fake-sticky)::-webkit-scrollbar-corner {
  904.       background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  905.       border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  906.     }
  907.   }
  908.   .left-sidebar-toggle.topbar-icon-on span {
  909.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  910.   }
  911.   /* generated: stacks.css */
  912.   .s-badge.s-badge__answered,.s-badge.s-badge__bounty,.s-badge.s-badge__important {
  913.     --_ba-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  914.   }
  915.   .s-badge.s-badge__danger.s-badge__filled,.s-badge.s-badge__muted.s-badge__filled {
  916.     --_ba-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  917.   }
  918.   body.theme-highcontrast .s-banner__warning.s-banner__important {
  919.     --_no-btn-bg-active: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  920.     --_no-btn-bg-focus: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  921.   }
  922.   a.s-block-link,.s-block-link {
  923.     --_bl-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  924.   }
  925.   a.s-block-link:focus-visible,.s-block-link:focus-visible {
  926.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  927.   }
  928.   .s-btn {
  929.     --_bu-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  930.     --_bu-filled-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  931.     --_bu-filled-bc-selected: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  932.   }
  933.   .s-btn.is-selected,.s-btn--radio:checked+.s-btn {
  934.     border-color: var(--_bu-bc-selected, oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)))
  935.   }
  936.   .s-btn.s-btn__link.s-link__dropdown:after {
  937.     border-color: currentColor oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  938.   }
  939.   button.s-btn.s-btn__link {
  940.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  941.   }
  942.   .s-btn.s-btn__dropdown:after {
  943.     border-color: currentColor oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  944.   }
  945.   body.theme-highcontrast .s-btn.s-btn__danger,body.theme-highcontrast .s-btn.s-btn__featured,body.theme-highcontrast .s-btn.s-btn__muted {
  946.     --_bu-filled-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  947.   }
  948.   .s-btn.s-btn__danger {
  949.     --_bu-filled-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  950.   }
  951.   .s-btn.s-btn__featured {
  952.     --_bu-filled-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  953.   }
  954.   .s-btn.s-btn__muted {
  955.     --_bu-filled-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  956.   }
  957.   body.theme-highcontrast .s-btn.s-btn__facebook,body.theme-highcontrast .s-btn.s-btn__github {
  958.     --_bu-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  959.   }
  960.   .s-btn.s-btn__facebook {
  961.     --_bu-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  962.     --_bu-bg: oklch(from #385499 calc(var(--l) + var(--m) * l) c calc(180 - h));
  963.     --_bu-bg-active: oklch(from #2a4074 calc(var(--l) + var(--m) * l) c calc(180 - h));
  964.     --_bu-bg-hover: oklch(from #314a86 calc(var(--l) + var(--m) * l) c calc(180 - h));
  965.     --_bu-fc: oklch(from #fff calc(var(--l) + var(--m) * l) c calc(180 - h));
  966.     --_bu-hc-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  967.   }
  968.   .s-btn.s-btn__github {
  969.     --_bu-hc-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  970.   }
  971.   .s-btn:not(.s-btn__link):not(.s-btn__unset):focus-visible,.s-btn--radio:focus-visible+.s-btn {
  972.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  973.   }
  974.   .s-btn-group .s-btn {
  975.     --_bu-bc-hover: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  976.   }
  977.   .s-checkbox:focus,.s-radio:focus {
  978.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  979.   }
  980.   pre.s-code-block {
  981.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  982.   }
  983.   pre.s-code-block::-webkit-scrollbar {
  984.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  985.   }
  986.   pre.s-code-block::-webkit-scrollbar-track {
  987.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  988.   }
  989.   pre.s-code-block::-webkit-scrollbar-corner {
  990.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  991.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  992.   }
  993.   .s-input,.s-textarea {
  994.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  995.   }
  996.   .s-input:focus,.s-textarea:focus,.s-input:focus-within,.s-textarea:focus-within {
  997.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  998.   }
  999.   .s-input::-webkit-scrollbar,.s-textarea::-webkit-scrollbar {
  1000.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1001.   }
  1002.   .s-input::-webkit-scrollbar-track,.s-textarea::-webkit-scrollbar-track {
  1003.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1004.   }
  1005.   .s-input::-webkit-scrollbar-corner,.s-textarea::-webkit-scrollbar-corner {
  1006.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1007.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1008.   }
  1009.   .s-input-fill.s-input-fill__clear {
  1010.     --_if-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1011.     --_if-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1012.   }
  1013.   a.s-link__dropdown:after,.s-link.s-link__dropdown:after {
  1014.     border-color: currentColor oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1015.   }
  1016.   button.s-link {
  1017.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1018.   }
  1019.   .s-modal {
  1020.     --_mo-bg: oklch(from hsla(210,8%,5%,0.5) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1021.   }
  1022.   .s-modal.has-danger,.s-modal.s-modal__danger {
  1023.     --_mo-bg: oklch(from hsla(0,65%,4%,0.5) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1024.   }
  1025.   .s-modal .s-modal--dialog {
  1026.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1027.   }
  1028.   .s-modal .s-modal--dialog::-webkit-scrollbar {
  1029.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1030.   }
  1031.   .s-modal .s-modal--dialog::-webkit-scrollbar-track {
  1032.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1033.   }
  1034.   .s-modal .s-modal--dialog::-webkit-scrollbar-corner {
  1035.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1036.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1037.   }
  1038.   .s-navigation.s-navigation__scroll {
  1039.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1040.   }
  1041.   .s-navigation.s-navigation__scroll::-webkit-scrollbar {
  1042.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1043.   }
  1044.   .s-navigation.s-navigation__scroll::-webkit-scrollbar-track {
  1045.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1046.   }
  1047.   .s-navigation.s-navigation__scroll::-webkit-scrollbar-corner {
  1048.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1049.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1050.   }
  1051.   .s-navigation .s-navigation--item__dropdown:after {
  1052.     border-color: currentColor oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1053.   }
  1054.   .s-navigation .s-navigation--item:focus-visible {
  1055.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1056.   }
  1057.   body.theme-highcontrast .s-notice__warning.s-notice__important {
  1058.     --_no-btn-bg-active: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1059.     --_no-btn-bg-focus: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1060.   }
  1061.   .s-pagination .s-pagination--item {
  1062.     --_pa-item-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1063.   }
  1064.   .s-pagination .s-pagination--item.is-selected {
  1065.     --_pa-item-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1066.   }
  1067.   .s-pagination .s-pagination--item.s-pagination--item__clear {
  1068.     --_pa-item-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1069.     --_pa-item-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1070.   }
  1071.   .s-pagination .s-pagination--item:focus-visible {
  1072.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1073.   }
  1074.   .s-popover[data-popper-placement^="top"]>.s-popover--arrow,.s-popover .s-popover--arrow__bc,.s-popover .s-popover--arrow__bl,.s-popover .s-popover--arrow__br {
  1075.     --_po-arrow-after-bs: 2px 2px 5px 0 oklch(from hsla(0,0%,0%,0.07) calc(var(--l) + var(--m) * l) c calc(180 - h)), 2px 2px 2px -1px oklch(from hsla(0, 0%, 0%, 0.1) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1076.   }
  1077.   .s-popover[data-popper-placement^="bottom"]>.s-popover--arrow,.s-popover .s-popover--arrow__tc,.s-popover .s-popover--arrow__tl,.s-popover .s-popover--arrow__tr {
  1078.     --_po-arrow-after-bs: -1px -1px 1px 0 oklch(from hsla(0,0%,0%,0.12) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1079.   }
  1080.   .s-popover[data-popper-placement^="left"]>.s-popover--arrow,.s-popover .s-popover--arrow__rc,.s-popover .s-popover--arrow__rt,.s-popover .s-popover--arrow__rb {
  1081.     --_po-arrow-after-bs: 2px -2px 5px 0 oklch(from hsla(0,0%,0%,0.07) calc(var(--l) + var(--m) * l) c calc(180 - h)), 2px -2px 2px -1px oklch(from hsla(0, 0%, 0%, 0.1) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1082.   }
  1083.   .s-popover[data-popper-placement^="right"]>.s-popover--arrow,.s-popover .s-popover--arrow__lc,.s-popover .s-popover--arrow__lt,.s-popover .s-popover--arrow__lb {
  1084.     --_po-arrow-after-bs: -2px 2px 5px 0 oklch(from hsla(0,0%,0%,0.07) calc(var(--l) + var(--m) * l) c calc(180 - h)), -2px 2px 2px -1px oklch(from hsla(0, 0%, 0%, 0.1) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1085.   }
  1086.   .s-post-summary.s-post-summary__deleted,.s-post-summary.s-post-summary__ignored {
  1087.     --_ps-has-answers-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1088.     --_ps-has-accepted-answers-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1089.   }
  1090.   .s-post-summary .s-post-summary--stats-item:not(.s-badge) {
  1091.     border: var(--su1) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1092.   }
  1093.   .s-progress {
  1094.     --_pr-label-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1095.   }
  1096.   .s-progress.s-progress__badge,.s-progress.s-progress__privilege {
  1097.     --_pr-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1098.   }
  1099.   .s-progress.s-progress__circular {
  1100.     --_pr-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1101.   }
  1102.   .s-progress.s-progress__stepped {
  1103.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1104.   }
  1105.   .s-prose {
  1106.     --_pr-kbd-bs: 0 var(--su-static1) var(--su-static1) oklch(from hsla(210,8%,5%,0.15) calc(var(--l) + var(--m) * l) c calc(180 - h)), inset 0 1px 0 0 var(--_white-static)
  1107.   }
  1108.   body.theme-dark .s-prose,.theme-dark__forced .s-prose,body.theme-system .theme-dark__forced .s-prose {
  1109.     --_pr-kbd-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1110.     --_pr-kbd-bs: 0 var(--su-static1) var(--su-static1) oklch(from hsla(210,8%,5%,0.8) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1111.   }
  1112.   .s-prose pre:not(.s-code-block) {
  1113.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1114.   }
  1115.   .s-prose pre:not(.s-code-block) code {
  1116.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1117.   }
  1118.   .s-prose pre:not(.s-code-block)::-webkit-scrollbar {
  1119.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1120.   }
  1121.   .s-prose pre:not(.s-code-block)::-webkit-scrollbar-track {
  1122.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1123.   }
  1124.   .s-prose pre:not(.s-code-block)::-webkit-scrollbar-corner {
  1125.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1126.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1127.   }
  1128.   .s-select {
  1129.     --_se-arrow-bc: currentColor oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1130.   }
  1131.   .is-disabled .s-select {
  1132.     --_se-arrow-bc: var(--bc-dark) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1133.   }
  1134.   .s-select>select:focus {
  1135.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1136.   }
  1137.   .s-sidebarwidget .s-sidebarwidget--header.s-sidebarwidget__expanding-control:before {
  1138.     border: calc(var(--su-static4) + var(--su-static1)) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1139.   }
  1140.   .s-spinner:after {
  1141.     border-top-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1142.     border-right-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1143.     border-bottom-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1144.   }
  1145.   .is-loading:after {
  1146.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1147.   }
  1148.   .s-table.s-table__b0 {
  1149.     --_ta-td-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1150.     --_ta-th-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1151.     --_ta-tbody-tbody-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1152.     --_ta-thead-th-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1153.   }
  1154.   .s-table.s-table__bx tr>*:not(:first-child) {
  1155.     border-left-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1156.   }
  1157.   .s-table.s-table__bx tr>*:not(:last-child) {
  1158.     border-right-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1159.   }
  1160.   .s-table.s-table__bx-simple {
  1161.     --_ta-thead-th-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1162.     --_ta-foot-td-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1163.     --_ta-foot-th-bc: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1164.   }
  1165.   .s-table.s-table__bx-simple td,.s-table.s-table__bx-simple th {
  1166.     border-left-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1167.     border-right-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1168.   }
  1169.   .s-table.s-table__bx-simple tbody tr:first-of-type th,.s-table.s-table__bx-simple tbody tr:first-of-type td {
  1170.     border-top-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1171.   }
  1172.   .s-table.s-table__bx-simple tbody tr:last-of-type th,.s-table.s-table__bx-simple tbody tr:last-of-type td {
  1173.     border-bottom-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1174.   }
  1175.   .s-table.s-table__bx-simple thead th {
  1176.     border-top-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1177.   }
  1178.   .s-table.s-table__sortable thead th button {
  1179.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1180.   }
  1181.   .s-table-container {
  1182.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1183.   }
  1184.   .s-table-container::-webkit-scrollbar {
  1185.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1186.   }
  1187.   .s-table-container::-webkit-scrollbar-track {
  1188.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1189.   }
  1190.   .s-table-container::-webkit-scrollbar-corner {
  1191.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1192.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1193.   }
  1194.   .s-tag .s-tag--dismiss,.s-tag button.s-tag--dismiss:not(.s-btn) {
  1195.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1196.   }
  1197.   .s-tag .s-tag--dismiss:focus-visible,.s-tag button.s-tag--dismiss:not(.s-btn):focus-visible {
  1198.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1199.   }
  1200.   .s-tag:focus-visible {
  1201.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1202.   }
  1203.   .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:focus-visible+label {
  1204.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1205.   }
  1206.   .s-toggle-switch input[type="checkbox"]:focus-visible,input[type="checkbox"].s-toggle-switch:focus-visible {
  1207.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1208.   }
  1209.   .s-topbar {
  1210.     --_tb-logo-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1211.     --_tb-notice-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1212.   }
  1213.   body.theme-highcontrast .s-topbar.s-topbar__dark {
  1214.     --focus-theme: oklch(from hsl(210,89%,77%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1215.   }
  1216.   body.theme-highcontrast .s-topbar__dark {
  1217.     --theme-topbar-item-background-hover: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1218.   }
  1219.   body.theme-highcontrast .s-topbar__light {
  1220.     --theme-topbar-item-color: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1221.     --theme-topbar-item-color-hover: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1222.     --theme-topbar-item-background-hover: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1223.   }
  1224.   .s-topbar.s-topbar__light {
  1225.     --focus-neutral: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1226.   }
  1227.   .s-topbar.s-topbar__dark {
  1228.     --focus-neutral: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1229.     --focus-theme: var(--theme-dark-secondary-custom-400, oklch(from hsl(210,89%,77%) calc(var(--l) + var(--m) * l) c calc(180 - h)))
  1230.   }
  1231.   .s-topbar a.s-topbar--logo:focus-visible {
  1232.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1233.   }
  1234.   .s-topbar .s-topbar--content {
  1235.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1236.   }
  1237.   .s-topbar .s-topbar--content::-webkit-scrollbar {
  1238.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1239.   }
  1240.   .s-topbar .s-topbar--content::-webkit-scrollbar-track {
  1241.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1242.   }
  1243.   .s-topbar .s-topbar--content::-webkit-scrollbar-corner {
  1244.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1245.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1246.   }
  1247.   .s-topbar .s-topbar--item:not(.s-topbar--item__unset):focus-visible {
  1248.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1249.   }
  1250.   .s-topbar .s-topbar--menu-btn.is-selected {
  1251.     --_tb-menu-btn-span-bg: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1252.   }
  1253.   .s-topbar .s-topbar--navigation {
  1254.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1255.   }
  1256.   .s-topbar .s-topbar--navigation::-webkit-scrollbar {
  1257.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1258.   }
  1259.   .s-topbar .s-topbar--navigation::-webkit-scrollbar-track {
  1260.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1261.   }
  1262.   .s-topbar .s-topbar--navigation::-webkit-scrollbar-corner {
  1263.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1264.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1265.   }
  1266.   .s-topbar .s-topbar--notice:focus-visible {
  1267.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1268.   }
  1269.   .s-topbar__dark {
  1270.     --theme-topbar-background-color: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1271.     --theme-topbar-bottom-border: var(--su-static1) solid oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1272.     --theme-topbar-search-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1273.     --theme-topbar-search-background: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1274.     --theme-topbar-search-placeholder: oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1275.     --theme-topbar-search-border: oklch(from hsl(210,8%,45%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1276.     --theme-topbar-select-color: oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1277.     --theme-topbar-select-background: oklch(from hsl(210,8%,35%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1278.     --theme-topbar-item-color: oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1279.     --theme-topbar-item-background-hover: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1280.     --scrollbar: oklch(from hsla(0,0%,100%,0.2) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1281.   }
  1282.   .s-topbar__light {
  1283.     --theme-topbar-bottom-border: var(--su-static1) solid oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1284.     --theme-topbar-search-color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1285.     --theme-topbar-search-placeholder: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1286.     --theme-topbar-search-border: oklch(from hsl(210,9%,75%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1287.     --theme-topbar-select-color: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1288.     --theme-topbar-select-background: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1289.     --theme-topbar-item-color: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1290.     --theme-topbar-item-color-hover: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1291.     --theme-topbar-item-background-hover: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1292.     --scrollbar: oklch(from hsla(0,0%,0%,0.2) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1293.   }
  1294.   .s-uploader .s-uploader--input:focus:focus-visible+.s-uploader--container {
  1295.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1296.   }
  1297.   .s-uploader .s-uploader--previews.has-multiple .s-uploader--preview-thumbnail {
  1298.     color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1299.   }
  1300.   body {
  1301.     --_black-static: oklch(from hsl(0,0%,0%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1302.     --_white-static: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1303.   }
  1304.   body:not(.theme-highcontrast):not(.theme-dark),body:not(.theme-highcontrast).theme-dark .theme-light__forced,body:not(.theme-highcontrast).theme-system .theme-light__forced,body:not(.theme-highcontrast):not(.theme-dark).themed,body:not(.theme-highcontrast).theme-dark .theme-light__forced.themed,body:not(.theme-highcontrast).theme-system .theme-light__forced.themed,body:not(.theme-highcontrast):not(.theme-dark) .themed,body:not(.theme-highcontrast).theme-dark .theme-light__forced .themed,body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
  1305.     --white: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1306.     --black-050: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1307.     --black-100: oklch(from hsl(210,8%,98%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1308.     --black-150: oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1309.     --black-200: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1310.     --black-225: oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1311.     --black-250: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1312.     --black-300: oklch(from hsl(210,9%,75%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1313.     --black-350: oklch(from hsl(210,8%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1314.     --black-400: oklch(from hsl(210,8%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1315.     --black-500: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1316.     --black-600: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1317.     --black: oklch(from hsl(0,0%,0%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1318.     --orange-100: oklch(from hsl(23,87%,97%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1319.     --orange-200: oklch(from hsl(27,87%,87%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1320.     --orange-300: oklch(from hsl(27,87%,72%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1321.     --orange-400: oklch(from hsl(27,89%,48%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1322.     --orange-500: oklch(from hsl(27,87%,41%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1323.     --orange-600: oklch(from hsl(27,87%,27%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1324.     --blue-100: oklch(from hsl(210,80%,96%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1325.     --blue-200: oklch(from hsl(210,80%,91%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1326.     --blue-300: oklch(from hsl(210,78%,76%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1327.     --blue-400: oklch(from hsl(210,77%,46%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1328.     --blue-500: oklch(from hsl(210,77%,36%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1329.     --blue-600: oklch(from hsl(210,80%,23%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1330.     --green-100: oklch(from hsl(148,35%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1331.     --green-200: oklch(from hsl(148,35%,88%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1332.     --green-300: oklch(from hsl(148,35%,69%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1333.     --green-400: oklch(from hsl(148,70%,31%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1334.     --green-500: oklch(from hsl(148,75%,22%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1335.     --green-600: oklch(from hsl(148,75%,15%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1336.     --red-100: oklch(from hsl(0,72%,96%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1337.     --red-200: oklch(from hsl(0,70%,93%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1338.     --red-300: oklch(from hsl(0,66%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1339.     --red-400: oklch(from hsl(0,60%,49%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1340.     --red-500: oklch(from hsl(0,65%,37%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1341.     --red-600: oklch(from hsl(0,65%,22%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1342.     --yellow-100: oklch(from hsl(43,85%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1343.     --yellow-200: oklch(from hsl(43,85%,88%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1344.     --yellow-300: oklch(from hsl(43,85%,72%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1345.     --yellow-400: oklch(from hsl(43,85%,50%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1346.     --yellow-500: oklch(from hsl(43,85%,33%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1347.     --yellow-600: oklch(from hsl(43,85%,18%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1348.     --purple-100: oklch(from hsl(237,83%,98%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1349.     --purple-200: oklch(from hsl(237,78%,93%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1350.     --purple-300: oklch(from hsl(237,60%,83%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1351.     --purple-400: oklch(from hsl(237,55%,57%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1352.     --purple-500: oklch(from hsl(237,50%,45%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1353.     --purple-600: oklch(from hsl(237,50%,32%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1354.     --gold-100: oklch(from hsl(46,100%,91%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1355.     --gold-200: oklch(from hsl(46,100%,74%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1356.     --gold-300: oklch(from hsl(45,100%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1357.     --gold-400: oklch(from hsl(46,92%,26%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1358.     --silver-100: oklch(from hsl(0,0%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1359.     --silver-200: oklch(from hsl(0,0%,84%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1360.     --silver-300: oklch(from hsl(210,5%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1361.     --silver-400: oklch(from hsl(210,2%,40%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1362.     --bronze-100: oklch(from hsl(28,40%,92%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1363.     --bronze-200: oklch(from hsl(30,47%,83%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1364.     --bronze-300: oklch(from hsl(28,43%,65%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1365.     --bronze-400: oklch(from hsl(28,43%,39%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1366.     --bs-sm: 0 1px 2px oklch(from hsla(0,0%,0%,0.05) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 1px 4px oklch(from hsla(0,0%,0%,0.05) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 2px 8px oklch(from hsla(0,0%,0%,0.05) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1367.     --bs-md: 0 1px 3px oklch(from hsla(0,0%,0%,0.06) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 2px 6px oklch(from hsla(0,0%,0%,0.06) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 3px 8px oklch(from hsla(0,0%,0%,0.09) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1368.     --bs-lg: 0 1px 4px oklch(from hsla(0,0%,0%,0.09) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 3px 8px oklch(from hsla(0,0%,0%,0.09) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 4px 13px oklch(from hsla(0,0%,0%,0.13) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1369.     --bs-xl: 0 10px 24px oklch(from hsla(0,0%,0%,0.05) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 20px 48px oklch(from hsla(0,0%,0%,0.05) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 1px 4px oklch(from hsla(0,0%,0%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1370.     --translucent-secondary: var(--theme-secondary-custom-translucent, oklch(from hsla(206,100%,40%,0.15) calc(var(--l) + var(--m) * l) c calc(180 - h)));
  1371.     --translucent-success: oklch(from hsla(140,40%,75%,0.4) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1372.     --translucent-warning: oklch(from hsla(47,79%,58%,0.4) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1373.     --translucent-error: oklch(from hsla(358,62%,47%,0.15) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1374.     --translucent-muted: oklch(from hsla(210,8%,15%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1375.     --focus-ring: var(--theme-secondary-custom-focus-ring, oklch(from hsla(206,100%,40%,0.15) calc(var(--l) + var(--m) * l) c calc(180 - h)));
  1376.     --focus-ring-success: oklch(from hsla(140,40%,75%,0.4) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1377.     --focus-ring-warning: oklch(from hsla(47,79%,58%,0.4) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1378.     --focus-ring-error: oklch(from hsla(358,62%,47%,0.15) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1379.     --focus-ring-muted: oklch(from hsla(210,8%,15%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1380.     --highlight-attribute: oklch(from hsl(206,98.5%,29%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1381.     --highlight-bg: oklch(from hsl(0,0%,96.5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1382.     --highlight-comment: oklch(from hsl(210,8%,43.5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1383.     --highlight-keyword: oklch(from hsl(206,98.5%,29%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1384.     --highlight-literal: oklch(from hsl(27,99%,36%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1385.     --highlight-namespace: oklch(from hsl(27,99%,36%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1386.     --highlight-symbol: oklch(from hsl(306,43%,35%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1387.     --highlight-variable: oklch(from hsl(80,80.5%,26.5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1388.     --scrollbar: oklch(from hsla(0,0%,0%,0.2) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1389.   }
  1390.   body:not(.theme-highcontrast).theme-dark,body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced,body:not(.theme-highcontrast).theme-dark.themed,body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced.themed,body:not(.theme-highcontrast).theme-dark .themed,body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
  1391.     --white: oklch(from hsl(210,3%,15%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1392.     --black-050: oklch(from hsl(210,3%,15%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1393.     --black-100: oklch(from hsl(210,3%,18%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1394.     --black-150: oklch(from hsl(210,4%,21%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1395.     --black-200: oklch(from hsl(210,4%,27%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1396.     --black-225: oklch(from hsl(210,4%,30%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1397.     --black-250: oklch(from hsl(210,5%,36%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1398.     --black-300: oklch(from hsl(210,4%,47%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1399.     --black-350: oklch(from hsl(210,8%,70%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1400.     --black-400: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1401.     --black-500: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1402.     --black-600: oklch(from hsl(210,11%,98%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1403.     --black: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1404.     --orange-100: oklch(from hsl(27,55%,20%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1405.     --orange-200: oklch(from hsl(27,50%,33%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1406.     --orange-300: oklch(from hsl(27,50%,43%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1407.     --orange-400: oklch(from hsl(27,90%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1408.     --orange-500: oklch(from hsl(27,90%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1409.     --orange-600: oklch(from hsl(27,90%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1410.     --blue-100: oklch(from hsl(210,50%,22%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1411.     --blue-200: oklch(from hsl(210,50%,36%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1412.     --blue-300: oklch(from hsl(210,50%,48%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1413.     --blue-400: oklch(from hsl(210,89%,77%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1414.     --blue-500: oklch(from hsl(210,89%,84%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1415.     --blue-600: oklch(from hsl(210,89%,92%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1416.     --green-100: oklch(from hsl(149,51%,15%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1417.     --green-200: oklch(from hsl(149,51%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1418.     --green-300: oklch(from hsl(149,51%,36%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1419.     --green-400: oklch(from hsl(149,50%,62%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1420.     --green-500: oklch(from hsl(149,50%,74%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1421.     --green-600: oklch(from hsl(149,50%,88%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1422.     --red-100: oklch(from hsl(0,43%,22%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1423.     --red-200: oklch(from hsl(0,43%,41%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1424.     --red-300: oklch(from hsl(0,43%,56%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1425.     --red-400: oklch(from hsl(0,90%,81%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1426.     --red-500: oklch(from hsl(0,90%,88%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1427.     --red-600: oklch(from hsl(0,90%,94%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1428.     --yellow-100: oklch(from hsl(43,50%,17%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1429.     --yellow-200: oklch(from hsl(43,50%,28%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1430.     --yellow-300: oklch(from hsl(43,50%,39%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1431.     --yellow-400: oklch(from hsl(43,90%,75%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1432.     --yellow-500: oklch(from hsl(43,90%,82%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1433.     --yellow-600: oklch(from hsl(43,90%,91%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1434.     --purple-100: oklch(from hsl(237,26%,23%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1435.     --purple-200: oklch(from hsl(237,26%,44%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1436.     --purple-300: oklch(from hsl(237,26%,56%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1437.     --purple-400: oklch(from hsl(237,98%,87%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1438.     --purple-500: oklch(from hsl(237,98%,92%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1439.     --purple-600: oklch(from hsl(237,98%,96%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1440.     --gold-100: oklch(from hsl(45,29%,24%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1441.     --gold-200: oklch(from hsl(45,47%,37%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1442.     --gold-300: oklch(from hsl(45,92%,62%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1443.     --gold-400: oklch(from hsl(46,93%,78%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1444.     --silver-100: oklch(from hsl(220,2%,26%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1445.     --silver-200: oklch(from hsl(220,1%,46%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1446.     --silver-300: oklch(from hsl(216,4%,69%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1447.     --silver-400: oklch(from hsl(214,8%,83%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1448.     --bronze-100: oklch(from hsl(28,13%,27%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1449.     --bronze-200: oklch(from hsl(28,27%,45%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1450.     --bronze-300: oklch(from hsl(28,58%,67%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1451.     --bronze-400: oklch(from hsl(28,59%,83%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1452.     --bs-sm: 0 1px 2px oklch(from hsla(0,0%,0%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 1px 4px oklch(from hsla(0,0%,0%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 2px 8px oklch(from hsla(0,0%,0%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1453.     --bs-md: 0 1px 3px oklch(from hsla(0,0%,0%,0.11) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 2px 6px oklch(from hsla(0,0%,0%,0.11) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 3px 8px oklch(from hsla(0,0%,0%,0.14) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1454.     --bs-lg: 0 1px 4px oklch(from hsla(0,0%,0%,0.14) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 3px 8px oklch(from hsla(0,0%,0%,0.14) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 4px 13px oklch(from hsla(0,0%,0%,0.18) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1455.     --bs-xl: 0 10px 24px oklch(from hsla(0,0%,0%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 20px 48px oklch(from hsla(0,0%,0%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h)),0 1px 4px oklch(from hsla(0,0%,0%,0.15) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1456.     --translucent-secondary: var(--theme-dark-secondary-custom-translucent, oklch(from hsla(206,100%,40%,0.25) calc(var(--l) + var(--m) * l) c calc(180 - h)));
  1457.     --translucent-success: oklch(from hsla(140,40%,75%,0.4) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1458.     --translucent-warning: oklch(from hsla(47,79%,58%,0.4) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1459.     --translucent-error: oklch(from hsla(358,62%,47%,0.15) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1460.     --translucent-muted: oklch(from hsla(210,8%,15%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1461.     --focus-ring: var(--theme-dark-secondary-custom-focus-ring, oklch(from hsla(206,100%,40%,0.25) calc(var(--l) + var(--m) * l) c calc(180 - h)));
  1462.     --focus-ring-success: oklch(from hsla(140,40%,75%,0.4) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1463.     --focus-ring-warning: oklch(from hsla(47,79%,58%,0.4) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1464.     --focus-ring-error: oklch(from hsla(358,62%,47%,0.15) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1465.     --focus-ring-muted: oklch(from hsla(210,8%,15%,0.1) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1466.     --highlight-bg: oklch(from hsl(0,2%,11%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1467.     --highlight-comment: oklch(from hsl(0,0%,60%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1468.     --highlight-literal: oklch(from hsl(27,95%,65%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1469.     --highlight-namespace: oklch(from hsl(27,95%,65%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1470.     --highlight-punctuation: oklch(from hsl(0,0%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1471.     --highlight-symbol: oklch(from hsl(306,50%,75%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1472.     --highlight-variable: oklch(from hsl(65.5,39%,57.5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1473.     --scrollbar: oklch(from hsla(0,0%,100%,0.2) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1474.   }
  1475.   body.theme-highcontrast:not(.theme-dark),body.theme-highcontrast.theme-dark .theme-light__forced,body.theme-highcontrast.theme-system .theme-light__forced {
  1476.     --white: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1477.     --black-050: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1478.     --black-100: oklch(from hsl(210,8%,98%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1479.     --black-150: oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1480.     --black-200: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1481.     --black-225: oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1482.     --black-250: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1483.     --black-300: oklch(from hsl(210,9%,75%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1484.     --black-350: oklch(from hsl(210,8%,45%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1485.     --black-400: oklch(from hsl(212,8%,35%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1486.     --black-500: oklch(from hsl(210,8%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1487.     --black-600: oklch(from hsl(210,8%,5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1488.     --black: oklch(from hsl(0,0%,0%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1489.     --orange-100: oklch(from hsl(23,87%,97%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1490.     --orange-200: oklch(from hsl(23,87%,97%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1491.     --orange-300: oklch(from hsl(27,89%,48%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1492.     --orange-400: oklch(from hsl(27,87%,29%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1493.     --orange-500: oklch(from hsl(27,87%,21%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1494.     --orange-600: oklch(from hsl(27,87%,21%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1495.     --blue-100: oklch(from hsl(210,80%,96%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1496.     --blue-200: oklch(from hsl(210,80%,96%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1497.     --blue-300: oklch(from hsl(210,70%,48%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1498.     --blue-400: oklch(from hsl(210,77%,34%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1499.     --blue-500: oklch(from hsl(210,80%,23%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1500.     --blue-600: oklch(from hsl(210,80%,23%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1501.     --green-100: oklch(from hsl(147,36%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1502.     --green-200: oklch(from hsl(147,36%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1503.     --green-300: oklch(from hsl(148,70%,31%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1504.     --green-400: oklch(from hsl(148,75%,22%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1505.     --green-500: oklch(from hsl(146,74%,15%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1506.     --green-600: oklch(from hsl(146,74%,15%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1507.     --red-100: oklch(from hsl(0,80%,96%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1508.     --red-200: oklch(from hsl(0,80%,96%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1509.     --red-300: oklch(from hsl(0,60%,49%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1510.     --red-400: oklch(from hsl(0,65%,37%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1511.     --red-500: oklch(from hsl(0,65%,22%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1512.     --red-600: oklch(from hsl(0,65%,22%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1513.     --yellow-100: oklch(from hsl(41,85%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1514.     --yellow-200: oklch(from hsl(41,85%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1515.     --yellow-300: oklch(from hsl(43,85%,50%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1516.     --yellow-400: oklch(from hsl(43,85%,50%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1517.     --yellow-500: oklch(from hsl(48,85%,18%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1518.     --yellow-600: oklch(from hsl(48,85%,18%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1519.     --purple-100: oklch(from hsl(237,83%,98%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1520.     --purple-200: oklch(from hsl(237,83%,98%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1521.     --purple-300: oklch(from hsl(237,55%,57%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1522.     --purple-400: oklch(from hsl(237,52%,48%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1523.     --purple-500: oklch(from hsl(237,50%,32%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1524.     --purple-600: oklch(from hsl(237,50%,32%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1525.     --gold-100: oklch(from hsl(46,100%,91%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1526.     --gold-200: oklch(from hsl(46,100%,91%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1527.     --gold-300: oklch(from hsl(45,100%,42%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1528.     --gold-400: oklch(from hsl(46,92%,26%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1529.     --silver-100: oklch(from hsl(0,0%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1530.     --silver-200: oklch(from hsl(0,0%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1531.     --silver-300: oklch(from hsl(210,5%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1532.     --silver-400: oklch(from hsl(210,2%,40%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1533.     --bronze-100: oklch(from hsl(28,40%,92%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1534.     --bronze-200: oklch(from hsl(28,40%,92%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1535.     --bronze-300: oklch(from hsl(28,43%,65%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1536.     --bronze-400: oklch(from hsl(28,43%,39%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1537.     --translucent-secondary: oklch(from hsla(206,100%,40%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1538.     --translucent-success: oklch(from hsla(140,40%,40%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1539.     --translucent-warning: oklch(from hsla(47,76%,46%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1540.     --translucent-error: oklch(from hsla(358,62%,47%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1541.     --translucent-muted: oklch(from hsla(210,8%,55%,0.95) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1542.     --focus-ring: oklch(from hsla(206,100%,40%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1543.     --focus-ring-success: oklch(from hsla(140,40%,40%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1544.     --focus-ring-warning: oklch(from hsla(47,76%,46%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1545.     --focus-ring-error: oklch(from hsla(358,62%,47%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1546.     --focus-ring-muted: oklch(from hsla(210,8%,55%,0.95) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1547.     --highlight-attribute: oklch(from hsl(215,100%,35%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1548.     --highlight-bg: oklch(from hsl(0,0%,96.5%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1549.     --highlight-comment: oklch(from hsl(213,7%,33%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1550.     --highlight-keyword: oklch(from hsl(215,100%,35%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1551.     --highlight-literal: oklch(from hsl(16,94%,31%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1552.     --highlight-namespace: oklch(from hsl(16,94%,31%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1553.     --highlight-symbol: oklch(from hsl(309,45%,31%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1554.     --highlight-variable: oklch(from hsl(88,100%,18%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1555.   }
  1556.   body.theme-highcontrast.theme-dark,body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
  1557.     --white: oklch(from hsl(0,0%,0%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1558.     --black-050: oklch(from hsl(210,3%,15%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1559.     --black-100: oklch(from hsl(210,3%,18%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1560.     --black-150: oklch(from hsl(210,4%,21%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1561.     --black-200: oklch(from hsl(210,4%,27%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1562.     --black-225: oklch(from hsl(210,4%,30%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1563.     --black-250: oklch(from hsl(210,5%,36%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1564.     --black-300: oklch(from hsl(210,4%,47%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1565.     --black-350: oklch(from hsl(210,10%,74%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1566.     --black-400: oklch(from hsl(210,8%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1567.     --black-500: oklch(from hsl(210,8%,90%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1568.     --black-600: oklch(from hsl(210,11%,98%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1569.     --black: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1570.     --orange-100: oklch(from hsl(27,30%,19%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1571.     --orange-200: oklch(from hsl(27,30%,19%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1572.     --orange-300: oklch(from hsl(27,80%,72%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1573.     --orange-400: oklch(from hsl(27,80%,72%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1574.     --orange-500: oklch(from hsl(28,78%,93%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1575.     --orange-600: oklch(from hsl(28,78%,93%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1576.     --blue-100: oklch(from hsl(209,30%,19%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1577.     --blue-200: oklch(from hsl(209,30%,19%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1578.     --blue-300: oklch(from hsl(210,80%,72%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1579.     --blue-400: oklch(from hsl(210,80%,75%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1580.     --blue-500: oklch(from hsl(210,78%,93%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1581.     --blue-600: oklch(from hsl(210,78%,93%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1582.     --green-100: oklch(from hsl(147,30%,19%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1583.     --green-200: oklch(from hsl(147,30%,19%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1584.     --green-300: oklch(from hsl(148,40%,62%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1585.     --green-400: oklch(from hsl(148,40%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1586.     --green-500: oklch(from hsl(150,39%,93%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1587.     --green-600: oklch(from hsl(150,39%,93%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1588.     --red-100: oklch(from hsl(358,30%,19%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1589.     --red-200: oklch(from hsl(358,30%,19%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1590.     --red-300: oklch(from hsl(0,75%,77%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1591.     --red-400: oklch(from hsl(0,73%,80%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1592.     --red-500: oklch(from hsl(0,76%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1593.     --red-600: oklch(from hsl(0,76%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1594.     --yellow-100: oklch(from hsl(43,29%,17%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1595.     --yellow-200: oklch(from hsl(43,29%,17%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1596.     --yellow-300: oklch(from hsl(43,75%,75%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1597.     --yellow-400: oklch(from hsl(43,75%,75%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1598.     --yellow-500: oklch(from hsl(48,74%,91%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1599.     --yellow-600: oklch(from hsl(44,74%,91%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1600.     --purple-100: oklch(from hsl(237,26%,23%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1601.     --purple-200: oklch(from hsl(237,26%,23%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1602.     --purple-300: oklch(from hsl(237,98%,87%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1603.     --purple-400: oklch(from hsl(237,98%,87%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1604.     --purple-500: oklch(from hsl(237,98%,96%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1605.     --purple-600: oklch(from hsl(237,98%,96%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1606.     --gold-100: oklch(from hsl(45,22%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1607.     --gold-200: oklch(from hsl(45,22%,25%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1608.     --gold-300: oklch(from hsl(45,92%,62%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1609.     --gold-400: oklch(from hsl(46,93%,78%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1610.     --silver-100: oklch(from hsl(220,2%,26%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1611.     --silver-200: oklch(from hsl(220,2%,26%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1612.     --silver-300: oklch(from hsl(220,4%,69%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1613.     --silver-400: oklch(from hsl(214,8%,83%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1614.     --bronze-100: oklch(from hsl(27,13%,27%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1615.     --bronze-200: oklch(from hsl(27,13%,27%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1616.     --bronze-300: oklch(from hsl(28,58%,67%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1617.     --bronze-400: oklch(from hsl(28,59%,83%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1618.     --translucent-secondary: oklch(from hsla(206,100%,40%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1619.     --translucent-success: oklch(from hsla(140,40%,40%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1620.     --translucent-warning: oklch(from hsla(47,76%,46%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1621.     --translucent-error: oklch(from hsla(358,62%,47%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1622.     --translucent-muted: oklch(from hsla(210,8%,55%,0.95) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1623.     --focus-ring: oklch(from hsla(206,100%,40%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1624.     --focus-ring-success: oklch(from hsla(140,40%,40%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1625.     --focus-ring-warning: oklch(from hsla(47,76%,46%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1626.     --focus-ring-error: oklch(from hsla(358,62%,47%,0.9) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1627.     --focus-ring-muted: oklch(from hsla(210,8%,55%,0.95) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1628.     --highlight-attribute: oklch(from hsl(200,57%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1629.     --highlight-bg: oklch(from hsl(0,0%,10%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1630.     --highlight-color: oklch(from hsl(0,0%,100%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1631.     --highlight-comment: oklch(from hsl(0,0%,99%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1632.     --highlight-keyword: oklch(from hsl(200,57%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1633.     --highlight-literal: oklch(from hsl(36,96%,71%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1634.     --highlight-namespace: oklch(from hsl(36,96%,71%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1635.     --highlight-punctuation: oklch(from hsl(0,0%,99%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1636.     --highlight-symbol: oklch(from hsl(304,39%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h));
  1637.     --highlight-variable: oklch(from hsl(62,71%,81%) calc(var(--l) + var(--m) * l) c calc(180 - h))
  1638.   }
  1639.   .bg-transparent,.h\:bg-transparent:hover,.f\:bg-transparent:focus,.f\:bg-transparent:focus-within {
  1640.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1641.   }
  1642.   .bc-transparent,.h\:bc-transparent:hover,.f\:bc-transparent:focus,.f\:bc-transparent:focus-within {
  1643.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1644.   }
  1645.   body.theme-dark  .bg-transparent,.theme-dark__forced  .bg-transparent,body.theme-system .theme-dark__forced  .bg-transparent,body.theme-dark  .h\:bg-transparent:hover,.theme-dark__forced  .h\:bg-transparent:hover,body.theme-system .theme-dark__forced  .h\:bg-transparent:hover,body.theme-dark  .f\:bg-transparent:focus,.theme-dark__forced  .f\:bg-transparent:focus,body.theme-system .theme-dark__forced  .f\:bg-transparent:focus,body.theme-dark  .f\:bg-transparent:focus-within,.theme-dark__forced  .f\:bg-transparent:focus-within,body.theme-system .theme-dark__forced  .f\:bg-transparent:focus-within {
  1646.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1647.   }
  1648.   body.theme-dark  .bc-transparent,.theme-dark__forced  .bc-transparent,body.theme-system .theme-dark__forced  .bc-transparent,body.theme-dark  .h\:bc-transparent:hover,.theme-dark__forced  .h\:bc-transparent:hover,body.theme-system .theme-dark__forced  .h\:bc-transparent:hover,body.theme-dark  .f\:bc-transparent:focus,.theme-dark__forced  .f\:bc-transparent:focus,body.theme-system .theme-dark__forced  .f\:bc-transparent:focus,body.theme-dark  .f\:bc-transparent:focus-within,.theme-dark__forced  .f\:bc-transparent:focus-within,body.theme-system .theme-dark__forced  .f\:bc-transparent:focus-within {
  1649.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1650.   }
  1651.   .v-truncate-fade {
  1652.     -webkit-mask-image: linear-gradient(180deg, oklch(from #000 calc(var(--l) + var(--m) * l) c calc(180 - h)) calc(var(--lh-md) * 9em), oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)));
  1653.     mask-image: linear-gradient(180deg, oklch(from #000 calc(var(--l) + var(--m) * l) c calc(180 - h)) calc(var(--lh-md) * 9em), oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)))
  1654.   }
  1655.   .v-truncate-fade.v-truncate-fade__sm {
  1656.     -webkit-mask-image: linear-gradient(180deg, oklch(from #000 calc(var(--l) + var(--m) * l) c calc(180 - h)) calc(var(--lh-md) * 3em), oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)));
  1657.     mask-image: linear-gradient(180deg, oklch(from #000 calc(var(--l) + var(--m) * l) c calc(180 - h)) calc(var(--lh-md) * 3em), oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)))
  1658.   }
  1659.   .v-truncate-fade.v-truncate-fade__lg {
  1660.     -webkit-mask-image: linear-gradient(180deg, oklch(from #000 calc(var(--l) + var(--m) * l) c calc(180 - h)) calc(var(--lh-md) * 21em), oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)));
  1661.     mask-image: linear-gradient(180deg, oklch(from #000 calc(var(--l) + var(--m) * l) c calc(180 - h)) calc(var(--lh-md) * 21em), oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)))
  1662.   }
  1663.   .focus,.f\:focus:focus,.f\:focus:focus-within {
  1664.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1665.   }
  1666.   .focus-inset,.f\:focus-inset:focus,.f\:focus-inset:focus-within {
  1667.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1668.   }
  1669.   .focus-bordered,.f\:focus-bordered:focus,.f\:focus-bordered:focus-within {
  1670.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1671.   }
  1672.   .focus-inset-bordered,.f\:focus-inset-bordered:focus,.f\:focus-inset-bordered:focus-within {
  1673.     outline: var(--su-static2) solid oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1674.   }
  1675.   .overflow-auto {
  1676.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1677.   }
  1678.   .overflow-auto::-webkit-scrollbar {
  1679.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1680.   }
  1681.   .overflow-auto::-webkit-scrollbar-track {
  1682.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1683.   }
  1684.   .overflow-auto::-webkit-scrollbar-corner {
  1685.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1686.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1687.   }
  1688.   .overflow-x-auto {
  1689.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1690.   }
  1691.   .overflow-x-auto::-webkit-scrollbar {
  1692.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1693.   }
  1694.   .overflow-x-auto::-webkit-scrollbar-track {
  1695.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1696.   }
  1697.   .overflow-x-auto::-webkit-scrollbar-corner {
  1698.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1699.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1700.   }
  1701.   .overflow-y-auto {
  1702.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1703.   }
  1704.   .overflow-y-auto::-webkit-scrollbar {
  1705.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1706.   }
  1707.   .overflow-y-auto::-webkit-scrollbar-track {
  1708.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1709.   }
  1710.   .overflow-y-auto::-webkit-scrollbar-corner {
  1711.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1712.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1713.   }
  1714.   .overflow-hidden {
  1715.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1716.   }
  1717.   .overflow-hidden::-webkit-scrollbar {
  1718.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1719.   }
  1720.   .overflow-hidden::-webkit-scrollbar-track {
  1721.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1722.   }
  1723.   .overflow-hidden::-webkit-scrollbar-corner {
  1724.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1725.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1726.   }
  1727.   .overflow-x-hidden {
  1728.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1729.   }
  1730.   .overflow-x-hidden::-webkit-scrollbar {
  1731.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1732.   }
  1733.   .overflow-x-hidden::-webkit-scrollbar-track {
  1734.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1735.   }
  1736.   .overflow-x-hidden::-webkit-scrollbar-corner {
  1737.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1738.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1739.   }
  1740.   .overflow-y-hidden {
  1741.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1742.   }
  1743.   .overflow-y-hidden::-webkit-scrollbar {
  1744.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1745.   }
  1746.   .overflow-y-hidden::-webkit-scrollbar-track {
  1747.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1748.   }
  1749.   .overflow-y-hidden::-webkit-scrollbar-corner {
  1750.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1751.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1752.   }
  1753.   .overflow-scroll {
  1754.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1755.   }
  1756.   .overflow-scroll::-webkit-scrollbar {
  1757.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1758.   }
  1759.   .overflow-scroll::-webkit-scrollbar-track {
  1760.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1761.   }
  1762.   .overflow-scroll::-webkit-scrollbar-corner {
  1763.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1764.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1765.   }
  1766.   .overflow-x-scroll {
  1767.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1768.   }
  1769.   .overflow-x-scroll::-webkit-scrollbar {
  1770.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1771.   }
  1772.   .overflow-x-scroll::-webkit-scrollbar-track {
  1773.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1774.   }
  1775.   .overflow-x-scroll::-webkit-scrollbar-corner {
  1776.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1777.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1778.   }
  1779.   .overflow-y-scroll {
  1780.     scrollbar-color: var(--scrollbar) oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1781.   }
  1782.   .overflow-y-scroll::-webkit-scrollbar {
  1783.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1784.   }
  1785.   .overflow-y-scroll::-webkit-scrollbar-track {
  1786.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1787.   }
  1788.   .overflow-y-scroll::-webkit-scrollbar-corner {
  1789.     background-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h));
  1790.     border-color: oklch(from transparent calc(var(--l) + var(--m) * l) c calc(180 - h))
  1791.   }
  1792.   .bs-sm.bs-hover:hover {
  1793.     box-shadow: 0 var(--su-static2) var(--su-static8) oklch(from hsl(210,8%,95%) calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1794.   }
  1795.   .bs-md.bs-hover:hover {
  1796.     box-shadow: 0 var(--su-static4) var(--su-static8) oklch(from hsl(210,8%,85%) calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1797.   }
  1798.   .bs-lg.bs-hover:hover {
  1799.     box-shadow: 0 var(--su-static4) var(--su-static12) oklch(from hsla(210,8%,68%,0.7) calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1800.   }
  1801.   .bs-i-sm.bs-hover:hover {
  1802.     box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 oklch(from hsla(210,9%,75%,0.75) calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1803.   }
  1804.   .bs-i-md.bs-hover:hover {
  1805.     box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 oklch(from hsla(210,8%,68%,0.8) calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1806.   }
  1807.   .bs-i-lg.bs-hover:hover {
  1808.     box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 oklch(from hsl(210,8%,68%) calc(var(--l) + var(--m) * l) c calc(180 - h)) !important
  1809.   }
  1810. }