/* Maps vanilla-cookieconsent's variables onto the site's design tokens, so the banner follows the dark/light theme. */
#cc-main{
  --cc-font-family:var(--sans);
  --cc-z-index:200;
  --cc-modal-border-radius:var(--r);
  --cc-btn-border-radius:99px;

  --cc-bg:var(--surface);
  --cc-primary-color:var(--fg);
  --cc-secondary-color:var(--mute);

  --cc-btn-primary-bg:var(--btn-bg);
  --cc-btn-primary-color:var(--btn-fg);
  --cc-btn-primary-border-color:var(--btn-bg);
  --cc-btn-primary-hover-bg:var(--teal);
  --cc-btn-primary-hover-color:var(--btn-hover-fg);
  --cc-btn-primary-hover-border-color:var(--teal);

  --cc-btn-secondary-bg:transparent;
  --cc-btn-secondary-color:var(--fg);
  --cc-btn-secondary-border-color:var(--line-strong);
  --cc-btn-secondary-hover-bg:var(--ghost-hover-bg);
  --cc-btn-secondary-hover-color:var(--fg);
  --cc-btn-secondary-hover-border-color:var(--teal);

  --cc-separator-border-color:var(--line);
  --cc-toggle-on-bg:var(--teal);
  --cc-toggle-on-knob-bg:#fff;
  --cc-toggle-off-bg:var(--line-strong);
  --cc-toggle-off-knob-bg:var(--bg);
  --cc-toggle-readonly-bg:var(--line);
  --cc-toggle-readonly-knob-bg:var(--mute);
  --cc-toggle-readonly-knob-icon-color:var(--bg);
  --cc-section-category-border:var(--line);
  --cc-cookie-category-block-bg:transparent;
  --cc-cookie-category-block-border:var(--line);
  --cc-cookie-category-block-hover-bg:var(--ghost-hover-bg);
  --cc-cookie-category-block-hover-border:var(--teal);
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:var(--ghost-hover-bg);
  --cc-overlay-bg:rgba(0,0,0,.55);
  --cc-footer-bg:transparent;
  --cc-footer-color:var(--mute);
  --cc-footer-border-color:var(--line);
  color-scheme:inherit;
}
#cc-main .cm,#cc-main .pm{border:1px solid var(--line);box-shadow:0 30px 80px -30px #000a}
#cc-main a{color:var(--teal-t)}
#cc-main :focus-visible{outline:3px solid var(--teal);outline-offset:2px}
#cc-main .cm__btn,#cc-main .pm__btn{font-weight:600}