/* Scene theme for vanilla-cookieconsent (vendor/cookieconsent). The card is the
   dark "theatre" surface on every page, like the homepage's .note toast,
   blurred over whatever lies under it, with a lit top edge and a deep, soft
   shadow. The fonts are the @font-face families each page already declares. */
#cc-main{
  --cc-font-family:'InterDisplay','Helvetica Neue',Arial,sans-serif;
  --cc-modal-border-radius:18px;
  --cc-btn-border-radius:999px;
  --cc-modal-margin:20px;
  --cc-modal-transition-duration:.36s;
  --cc-z-index:60;
  --cc-bg:rgba(19,15,13,.86);
  --cc-primary-color:#F4EFE8;
  --cc-secondary-color:#B6ADA3;
  --cc-link-color:#F4EFE8;
  --cc-btn-primary-bg:#F4EFE8;
  --cc-btn-primary-color:#130F0D;
  --cc-btn-primary-border-color:#F4EFE8;
  --cc-btn-primary-hover-bg:#FFFFFF;
  --cc-btn-primary-hover-color:#130F0D;
  --cc-btn-primary-hover-border-color:#FFFFFF;
  --cc-btn-secondary-bg:rgba(244,239,232,.04);
  --cc-btn-secondary-color:#F4EFE8;
  --cc-btn-secondary-border-color:rgba(244,239,232,.16);
  --cc-btn-secondary-hover-bg:rgba(244,239,232,.09);
  --cc-btn-secondary-hover-color:#F4EFE8;
  --cc-btn-secondary-hover-border-color:rgba(244,239,232,.28);
  --cc-separator-border-color:rgba(244,239,232,.10);
  --cc-toggle-on-bg:#5E56F9;
  --cc-toggle-off-bg:#5C534B;
  --cc-toggle-on-knob-bg:#F4EFE8;
  --cc-toggle-off-knob-bg:#F4EFE8;
  --cc-toggle-enabled-icon-color:#5E56F9;
  --cc-toggle-disabled-icon-color:#5C534B;
  --cc-toggle-readonly-bg:#3A322C;
  --cc-toggle-readonly-knob-bg:#8C8379;
  --cc-toggle-readonly-knob-icon-color:#3A322C;
  --cc-section-category-border:rgba(244,239,232,.10);
  --cc-cookie-category-block-bg:#1C1714;
  --cc-cookie-category-block-border:rgba(244,239,232,.10);
  --cc-cookie-category-block-hover-bg:#221C18;
  --cc-cookie-category-block-hover-border:rgba(244,239,232,.16);
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:#221C18;
  --cc-overlay-bg:rgba(19,15,13,.6);
  --cc-webkit-scrollbar-bg:#1C1714;
  --cc-webkit-scrollbar-hover-bg:#5C534B;
  --cc-footer-bg:transparent;
  --cc-footer-color:#8C8379;
  --cc-footer-border-color:rgba(244,239,232,.10);
  --sc-ease-out:cubic-bezier(.2,.8,.2,1);
  --sc-ease-io:cubic-bezier(.4,0,.2,1);
  color-scheme:dark;
}

/* the surface: the site's own glass (the player's chip: saturate, blur), its
   hairline ring, and its shadow — deep and soft rather than wide */
#cc-main .cm,#cc-main .pm{
  -webkit-backdrop-filter:saturate(1.3) blur(14px);
  backdrop-filter:saturate(1.3) blur(14px);
  box-shadow:0 0 0 1px var(--th-rule,rgba(244,239,232,.10)),0 40px 80px -40px rgba(0,0,0,.75);
}
#cc-main .pm{--cc-bg:rgba(19,15,13,.94)}
#cc-main .cm__title,#cc-main .pm__title{font-family:'Jokker','InterDisplay','Helvetica Neue',Arial,sans-serif;font-weight:500;letter-spacing:-.01em}
#cc-main .cm__desc{font-size:13.5px;line-height:1.5;text-wrap:pretty}
#cc-main .cm__btn,#cc-main .pm__btn{min-height:40px;font-size:14px;font-weight:500;transition:background-color .14s var(--sc-ease-out),border-color .14s var(--sc-ease-out),color .14s var(--sc-ease-out),transform .14s var(--sc-ease-out)}
#cc-main .cm__btn:active,#cc-main .pm__btn:active{transform:scale(.985)}
#cc-main a,#cc-main .cc__link{font-weight:500}
#cc-main :focus-visible{outline:2px solid #9793FB;outline-offset:3px}
/* the library focuses an empty tabindex=-1 sentinel when a modal opens; no ring there */
#cc-main [tabindex="-1"]:focus,#cc-main [tabindex="-1"]:focus-visible{outline:none}
#cc-main .pm__section-title{font-weight:500}
#cc-main .pm__badge{background:#3A322C;color:#B6ADA3}

/* banner: one line, then one row — two small pills and Settings as a text
   link at the row's end. No title, no footer: the policy is in the line. */
#cc-main .cm--box{max-width:23.5rem}
#cc-main .cm__texts{padding:0}
#cc-main .cm__desc{max-height:none;overflow:visible;padding:16px 18px 0;font-size:13.5px;line-height:1.5;color:var(--cc-primary-color)}
#cc-main .cm__desc a{color:var(--cc-secondary-color);font-weight:400;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(182,173,163,.4);transition:color .14s var(--sc-ease-out)}
#cc-main .cm__desc a:hover{color:var(--cc-primary-color)}
#cc-main .cm__btns{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;border-top:0;padding:12px 18px 16px}
#cc-main .cm__btn-group{display:flex;flex-direction:row;gap:8px}
#cc-main .cm__btn-group+.cm__btn-group{margin:0 0 0 auto}
#cc-main .cm__btn{min-width:0;min-height:34px;padding:0 16px;font-size:13px;font-weight:500;margin:0!important}
#cc-main .cm__btn[data-role=show]{background:none;border-color:transparent;padding:0;min-height:34px;color:var(--cc-secondary-color);font-size:13px;font-weight:400}
#cc-main .cm__btn[data-role=show]:hover{color:var(--cc-primary-color);background:none;border-color:transparent}
#cc-main .cm__footer{display:none}

/* How it comes and goes. It rises into place a moment after the page has
   settled, on the curve the app uses for what enters, rather than sliding
   up as the page paints; it leaves at once, and quicker. The library's own
   rules for the shown state are matched for specificity and overridden
   here; reduced motion takes the library's duration to nothing. */
#cc-main .cm-wrapper .cm.cm--box{
  transform:translateY(14px) scale(.98);
  transition:opacity var(--cc-modal-transition-duration) var(--sc-ease-io),transform var(--cc-modal-transition-duration) var(--sc-ease-io),visibility var(--cc-modal-transition-duration);
  transition-duration:.2s;
}
html.show--consent #cc-main .cm-wrapper .cm.cm--box{
  transform:translateY(0) scale(1);
  transition-timing-function:var(--sc-ease-out);
  transition-duration:var(--cc-modal-transition-duration);
  transition-delay:.45s;
}

/* preferences: size to content instead of the library's fixed-height box */
#cc-main .pm--box{height:auto;max-width:34rem}
#cc-main .pm__title{font-size:17px}
/* category blocks share the library's button radius; keep pills for buttons only */
#cc-main .pm__section,#cc-main .pm__section--toggle{--cc-btn-border-radius:12px}

/* phones: the same line and row, the pills at a finger's size */
@media screen and (max-width:640px){
  #cc-main{--cc-modal-margin:12px}
  #cc-main .cm__desc{padding:16px 18px 0!important}
  #cc-main .cm__btns{display:flex!important;flex-direction:row!important;padding:14px 18px 16px!important;border-top:0!important}
  #cc-main .cm__btn-group:first-child{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}
  #cc-main .cm__btn{height:40px!important;min-height:0!important;padding:0 18px!important;font-size:14px;line-height:1}
  /* the library stacks its buttons here, a top margin on every one after the
     first, at a specificity our margin:0 above does not reach */
  #cc-main .cm__btn+.cm__btn{margin:0!important}
  #cc-main .cm__btn[data-role=show]{padding:0!important;font-size:14px}
  #cc-main .cm__btn-group+.cm__btn-group{margin:0 0 0 auto!important}
}