.md-cookie-banner,
.md-cookie-modal{
  --md-cookie-yellow:#FDC80A;
  --md-cookie-ink:#0C0C0C;
  --md-cookie-warm:#F9F8F8;
  --md-cookie-char:#313437;
  font-family:Inter,Arial,sans-serif;
}
.md-cookie-banner{
  position:fixed;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:12000;
  background:var(--md-cookie-warm);
  color:var(--md-cookie-ink);
  border:2px solid var(--md-cookie-ink);
  box-shadow:10px 10px 0 var(--md-cookie-yellow);
}
.md-cookie-banner[hidden],
.md-cookie-modal[hidden]{display:none!important}
.md-cookie-banner-inner{
  max-width:1320px;
  margin:auto;
  padding:20px 22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
}
.md-cookie-kicker{
  font:700 10px/1.2 "IBM Plex Mono",monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.md-cookie-banner h2{
  font:700 24px/1.05 "Space Grotesk",Inter,sans-serif;
  margin:0 0 6px;
}
.md-cookie-banner p{
  margin:0;
  max-width:760px;
  color:var(--md-cookie-char);
  font-size:14px;
  line-height:1.55;
}
.md-cookie-banner a,
.md-cookie-modal a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:3px;
}
.md-cookie-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.md-cookie-btn{
  min-height:44px;
  border:1.5px solid var(--md-cookie-ink);
  padding:11px 15px;
  background:var(--md-cookie-warm);
  color:var(--md-cookie-ink);
  cursor:pointer;
  font:700 12px/1 Inter,Arial,sans-serif;
}
.md-cookie-btn:hover{transform:translateY(-1px)}
.md-cookie-btn.accept{background:var(--md-cookie-yellow)}
.md-cookie-btn.reject{background:var(--md-cookie-ink);color:var(--md-cookie-warm)}
.md-cookie-btn.manage{background:transparent}
.md-cookie-modal{
  position:fixed;
  inset:0;
  z-index:12100;
  display:grid;
  place-items:center;
  padding:20px;
}
.md-cookie-backdrop{
  position:absolute;
  inset:0;
  background:rgba(12,12,12,.72);
}
.md-cookie-panel{
  position:relative;
  width:min(620px,100%);
  max-height:min(760px,calc(100vh - 40px));
  overflow:auto;
  background:var(--md-cookie-warm);
  color:var(--md-cookie-ink);
  border:2px solid var(--md-cookie-ink);
  box-shadow:12px 12px 0 var(--md-cookie-yellow);
  padding:26px;
}
.md-cookie-panel-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}
.md-cookie-panel h2{
  margin:4px 0 8px;
  font:700 32px/1 "Space Grotesk",Inter,sans-serif;
}
.md-cookie-panel p{
  color:var(--md-cookie-char);
  font-size:14px;
  line-height:1.55;
}
.md-cookie-close{
  width:40px;
  height:40px;
  border:1.5px solid var(--md-cookie-ink);
  background:transparent;
  cursor:pointer;
  font-size:22px;
}
.md-cookie-category{
  border-top:1px solid #c9c6c0;
  padding:18px 0;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
}
.md-cookie-category:last-of-type{border-bottom:1px solid #c9c6c0}
.md-cookie-category b{
  display:block;
  font:700 17px/1.2 "Space Grotesk",Inter,sans-serif;
  margin-bottom:5px;
}
.md-cookie-category small{
  display:block;
  color:var(--md-cookie-char);
  line-height:1.45;
  max-width:430px;
}
.md-cookie-always{
  font:700 10px/1 "IBM Plex Mono",monospace;
  padding:8px 10px;
  border:1px solid var(--md-cookie-ink);
  background:#fff;
}
.md-cookie-switch{
  position:relative;
  width:48px;
  height:28px;
  flex:0 0 auto;
}
.md-cookie-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.md-cookie-switch span{
  position:absolute;
  inset:0;
  background:#bcb9b3;
  border:1.5px solid var(--md-cookie-ink);
  cursor:pointer;
}
.md-cookie-switch span:before{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  left:4px;
  top:3px;
  background:var(--md-cookie-warm);
  border:1px solid var(--md-cookie-ink);
  transition:transform .16s ease;
}
.md-cookie-switch input:checked + span{background:var(--md-cookie-yellow)}
.md-cookie-switch input:checked + span:before{transform:translateX(19px)}
.md-cookie-switch input:focus-visible + span{outline:3px solid var(--md-cookie-yellow);outline-offset:3px}
.md-cookie-modal-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:22px;
}
.md-cookie-settings{
  border:0;
  background:transparent;
  padding:0;
  color:inherit;
  font:inherit;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
@media(max-width:760px){
  .md-cookie-banner{left:10px;right:10px;bottom:10px;box-shadow:6px 6px 0 var(--md-cookie-yellow)}
  .md-cookie-banner-inner{grid-template-columns:1fr;gap:16px;padding:18px}
  .md-cookie-actions{justify-content:flex-start}
  .md-cookie-btn{flex:1 1 140px}
  .md-cookie-panel{padding:20px;box-shadow:7px 7px 0 var(--md-cookie-yellow)}
  .md-cookie-panel h2{font-size:28px}
  .md-cookie-modal-actions .md-cookie-btn{flex:1 1 150px}
}