.utilityStack{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:6;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  opacity:0;
  animation:utilityStackIn .55s ease 3.55s forwards;
}
.utilityCommand{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(14,19,17,.70);
  color:rgba(255,255,255,.72);
  font:inherit;
  font-size:10px;
  font-weight:720;
  letter-spacing:.015em;
  text-decoration:none;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 10px 30px rgba(0,0,0,.10);
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.utilityCommand:hover{
  background:rgba(18,25,21,.88);
  border-color:rgba(114,207,255,.26);
  color:#fff;
  box-shadow:0 14px 38px rgba(0,0,0,.14);
  transform:translateX(-2px);
}
.utilityKey{
  flex:0 0 auto;
  min-width:26px;
  height:24px;
  display:grid;
  place-items:center;
  padding:0 6px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:7px;
  background:rgba(255,255,255,.035);
  color:#8bd7ff;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:11px;
  line-height:1;
}
.utilityArrow{
  color:rgba(255,255,255,.45);
  font-size:11px;
  transition:transform .18s ease,color .18s ease;
}
.utilityCommand:hover .utilityArrow{
  transform:translate(1px,-1px);
  color:#8bd7ff;
}
.cookieQuick{
  padding-right:8px;
}
.cookieOpenButton{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:10px;
  font-weight:720;
  cursor:pointer;
}
.appleSwitch{
  --switch-w:33px;
  --switch-h:19px;
  position:relative;
  width:var(--switch-w);
  height:var(--switch-h);
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  cursor:pointer;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.appleSwitch::after{
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:rgba(255,255,255,.82);
  box-shadow:0 1px 4px rgba(0,0,0,.22);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease;
}
.appleSwitch[aria-checked="true"]{
  border-color:#30d158;
  background:#30d158;
  box-shadow:0 0 0 1px rgba(48,209,88,.05),0 0 16px rgba(48,209,88,.18);
}
.appleSwitch[aria-checked="true"]::after{
  transform:translateX(14px);
  background:#fff;
}
.appleSwitch:disabled{
  cursor:default;
  opacity:.65;
}
html.theme-light body .utilityCommand{
  border-color:rgba(24,38,29,.10);
  background:rgba(255,255,255,.76);
  color:rgba(24,32,27,.62);
  box-shadow:0 10px 30px rgba(34,48,39,.07);
}
html.theme-light body .utilityCommand:hover{
  background:rgba(255,255,255,.94);
  border-color:rgba(52,151,210,.22);
  color:#17201b;
  box-shadow:0 14px 36px rgba(34,48,39,.09);
}
html.theme-light body .utilityKey{
  border-color:rgba(24,38,29,.10);
  background:rgba(20,32,25,.025);
  color:#38a8e9;
}
html.theme-light body .utilityArrow{color:rgba(24,32,27,.38)}
html.theme-light body .appleSwitch{
  border-color:rgba(24,38,29,.14);
  background:rgba(20,32,25,.035);
}
html.theme-light body .appleSwitch::after{
  background:#fff;
  box-shadow:0 1px 4px rgba(26,36,29,.20);
}
html.theme-light body .appleSwitch[aria-checked="true"]{
  border-color:#34c759;
  background:#34c759;
}
@keyframes utilityStackIn{to{opacity:1}}

.cookieBackdrop{
  position:fixed;
  inset:0;
  z-index:80;
  background:rgba(0,0,0,.18);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease;
}
.cookieBackdrop.open{
  opacity:1;
  pointer-events:auto;
}
.cookieDrawer{
  position:absolute;
  top:0;
  right:0;
  width:min(470px,100vw);
  height:100%;
  display:flex;
  flex-direction:column;
  background:#050505;
  color:#fff;
  border-left:1px solid rgba(255,255,255,.10);
  box-shadow:-24px 0 80px rgba(0,0,0,.28);
  transform:translateX(100%);
  transition:transform .30s cubic-bezier(.2,.85,.2,1);
}
.cookieBackdrop.open .cookieDrawer{transform:translateX(0)}
.cookieDrawerInner{
  flex:1;
  overflow:auto;
  padding:clamp(22px,5vw,30px) clamp(20px,5vw,28px) 18px;
}
.cookieDrawer h2{
  margin:0 0 10px;
  font-size:clamp(24px,4vw,32px);
  line-height:1.05;
  letter-spacing:-.035em;
}
.cookieIntro{
  margin:0 0 22px;
  color:rgba(255,255,255,.66);
  font-size:12.5px;
  line-height:1.65;
}
.cookieLearn{
  color:rgba(255,255,255,.82);
  text-underline-offset:3px;
}
.cookieList{
  display:grid;
  gap:17px;
}
.cookieItem{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:flex-start;
}
.cookieItem h3{
  margin:0 0 5px;
  font-size:13px;
  line-height:1.35;
}
.cookieItem p{
  margin:0;
  color:rgba(255,255,255,.56);
  font-size:11.5px;
  line-height:1.55;
}
.cookieDrawer .appleSwitch{
  margin-top:1px;
  width:39px;
  height:23px;
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
}
.cookieDrawer .appleSwitch::after{
  width:17px;
  height:17px;
  top:2px;
  left:2px;
}
.cookieDrawer .appleSwitch[aria-checked="true"]::after{
  transform:translateX(16px);
}
.cookieDrawer .appleSwitch[aria-checked="true"]{
  background:#30d158;
  border-color:#30d158;
}
.cookieDrawer .appleSwitch.locked[aria-checked="true"]{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.18);
  box-shadow:none;
}
.cookieRule{
  height:1px;
  background:rgba(255,255,255,.08);
  margin:4px 0 0;
}
.cookieFooter{
  flex:0 0 auto;
  padding:14px clamp(20px,5vw,28px) max(18px,env(safe-area-inset-bottom));
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(5,5,5,.96);
}
.cookieDone{
  width:100%;
  min-height:45px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#111;
  font:inherit;
  font-size:12px;
  font-weight:720;
  cursor:pointer;
}
.cookieDone:hover{background:#f0f0f0}
.cookieMeta{
  margin-top:10px;
  color:rgba(255,255,255,.38);
  font-size:9.5px;
  text-align:center;
  line-height:1.45;
}

/* Cookie drawer adapts to the current page theme */
html.theme-light body .cookieBackdrop{background:rgba(20,28,24,.10)}
html.theme-light body .cookieDrawer{
  background:#f6f7f3;
  color:#17201b;
  border-left:1px solid rgba(24,38,29,.10);
  box-shadow:-24px 0 80px rgba(28,42,33,.14);
}
html.theme-light body .cookieIntro{color:rgba(24,32,27,.66)}
html.theme-light body .cookieLearn{color:#17201b}
html.theme-light body .cookieItem p{color:rgba(24,32,27,.60)}
html.theme-light body .cookieDrawer .appleSwitch{
  border-color:rgba(24,38,29,.14);
  background:rgba(20,32,25,.035);
}
html.theme-light body .cookieDrawer .appleSwitch::after{
  background:#fff;
  box-shadow:0 1px 4px rgba(26,36,29,.20);
}
html.theme-light body .cookieDrawer .appleSwitch[aria-checked="true"]{
  background:#34c759;
  border-color:#34c759;
}
html.theme-light body .cookieDrawer .appleSwitch.locked[aria-checked="true"]{
  background:rgba(20,32,25,.10);
  border-color:rgba(24,38,29,.16);
}
html.theme-light body .cookieRule{
  background:rgba(24,38,29,.08);
}
html.theme-light body .cookieFooter{
  border-top:1px solid rgba(24,38,29,.08);
  background:rgba(246,247,243,.96);
}
html.theme-light body .cookieDone{
  background:#17201b;
  color:#fff;
}
html.theme-light body .cookieDone:hover{background:#0f1712}
html.theme-light body .cookieMeta{color:rgba(24,32,27,.42)}
@media(max-width:760px){
  .utilityStack{
    right:12px;
    top:auto;
    bottom:14px;
    transform:none;
    flex-direction:row;
    align-items:center;
  }
  .utilityCommand{padding:7px 8px}
  .utilityCommand .utilityText,
  .utilityCommand .utilityArrow{display:none}
  .cookieQuick .cookieOpenButton{display:none}
  .cookieQuick{gap:7px}
}