/* The consent notice: a quiet strip, not a card. Loaded on every page,
   so this file must style nothing but .cc and its children. */
.cc{
  position:fixed;z-index:90;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));
  max-width:330px;color:#F3F1EC;
  background:rgba(7,8,12,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(243,241,236,.13);border-radius:0;box-shadow:none;
  font-family:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;
  opacity:0;transform:translateY(10px);
  transition:opacity .4s ease,transform .45s cubic-bezier(.16,1,.3,1);
}
.cc.cc-in{opacity:1;transform:none}
@media(min-width:700px){.cc{left:18px;right:auto;bottom:18px}}

.ccInner{position:relative;padding:12px 14px 4px;display:grid;gap:9px}
.ccTitle{display:none}
.ccBody{margin:0;padding-right:20px;font-size:12.5px;line-height:1.5;color:rgba(243,241,236,.6)}
.ccBody a{color:rgba(243,241,236,.9);text-underline-offset:2px}
.ccBody a:hover{color:#AFE9FD}
.cc [hidden]{display:none!important}

.ccOpts{display:grid;gap:9px;padding-top:2px}
.ccOpt{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.45;
  color:rgba(243,241,236,.5);cursor:pointer}
.ccOpt input{margin-top:1px;flex:0 0 auto;accent-color:#085CF0;width:14px;height:14px}
.ccOpt b{display:block;color:rgba(243,241,236,.82);font-weight:600}

.ccBtns{display:flex;align-items:center;gap:18px}
.ccBtn{
  font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:.01em;
  display:inline-flex;align-items:center;min-height:40px;padding:0;
  border:0;border-radius:0;background:none;color:rgba(243,241,236,.5);
  cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease}
.ccBtn:hover{color:#F3F1EC}
.ccYes{color:#AFE9FD}
.ccYes:hover{color:#FFFFFF}
.ccBtn[data-cc-act="choose"],.ccBtn[data-cc-act="save"]{margin-left:auto;order:3;
  color:rgba(243,241,236,.38)}
.ccBtn[data-cc-act="choose"]:hover,.ccBtn[data-cc-act="save"]:hover{color:rgba(243,241,236,.8)}

.ccX{position:absolute;top:2px;right:2px;width:34px;height:34px;background:none;border:0;
  color:rgba(243,241,236,.34);font-size:17px;line-height:1;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:color .2s ease}
.ccX:hover{color:rgba(243,241,236,.85)}
@media(prefers-reduced-motion:reduce){.cc,.ccBtn,.ccX{transition:none}}
