@media (width>=1000px){:root{--_body-gutters-base:64px}main{--_body-gutters-base:inherit;--color-border:light-dark(var(--color-primary-600),var(--color-primary-400))}}.c-button{--link-shadow-color:light-dark(var(--color-primary-800),var(--color-primary-400));cursor:pointer;color:light-dark(var(--color-primary-50),var(--color-primary-800));background-color:light-dark(var(--color-primary-700),var(--color-primary-200));box-shadow:0 2px 0 var(--link-shadow-color);text-box-trim:trim-end;border:0;border-radius:12px;padding:1.2rem 2.4rem}@supports (corner-shape:squircle){.c-button{corner-shape:squircle;border-radius:24px}}.c-button{transition:background-color .15s,transform .15s}.c-button:hover,.c-button:focus-visible{background-color:light-dark(var(--color-primary-600),var(--color-primary-50));--link-shadow-color:light-dark(var(--color-primary-700),var(--color-primary-100))}.c-button:active{transition:transform;transform:translateY(.2rem);--link-shadow-color:transparent!important}.c-button--secondary{color:light-dark(var(--color-primary-800),var(--color-primary-100));background-color:light-dark(var(--color-primary-100),var(--color-primary-800));--link-shadow-color:light-dark(var(--color-primary-200),var(--color-primary-900))}.c-button--secondary:hover,.c-button--secondary:focus-visible{background-color:light-dark(color-mix(in oklch, var(--color-primary-50), white 50%),var(--color-primary-700));--link-shadow-color:light-dark(var(--color-primary-100),var(--color-primary-900))}@media (width>=1000px){:root{--_body-gutters-base:64px}main{--_body-gutters-base:inherit;--color-border:light-dark(var(--color-primary-600),var(--color-primary-400))}}.cookies-eu-banner__wrapper{--banner-translate-y:0;inset:0;top:unset;pointer-events:none;z-index:10;padding:20rem 2.4rem 2.4rem;position:fixed}.cookies-eu-banner__wrapper:before{content:"";background:radial-gradient(100% 100% at bottom, light-dark(var(--color-primary-300),var(--color-primary-900)) 20%, transparent);transform:translateY(var(--banner-translate-y));transition:transform .3s;animation:.15s bannerShadowIn;position:absolute;inset:0}@media (prefers-color-scheme:light){.cookies-eu-banner__wrapper:before{opacity:.5}}@keyframes bannerShadowIn{0%{transform:translateY(100%)}}.cookies-eu-banner{background:light-dark(var(--color-primary-50),var(--color-primary-900));max-width:80rem;color:light-dark(var(--color-primary-800),var(--color-primary-100));border:.2rem solid light-dark(var(--color-primary-700),var(--color-primary-300));pointer-events:initial;border-bottom-width:.6rem;border-radius:24px;grid-template-columns:repeat(2,1fr);gap:1.6rem;margin:0 auto;padding:1.6rem;display:grid}@supports (corner-shape:squircle){.cookies-eu-banner{corner-shape:squircle;border-radius:48px}}.cookies-eu-banner{transform:translateY(var(--banner-translate-y));will-change:transform;transition:transform .2s;animation:.2s cubic-bezier(.34,1.56,.64,1) bannerIn}.cookies-eu-banner--before-remove{--banner-translate-y:200%}@media (width<=999px){.cookies-eu-banner :first-child{grid-column:span 2}}@media (width>=1000px){.cookies-eu-banner{grid-template-columns:1fr auto auto;padding-inline-end:2.4rem}}@keyframes bannerIn{0%{transform:translateY(100%)scale(.9,.5)}}.cookies-eu-banner__text{padding:.8rem}.cookies-eu-banner__text p{padding:0;line-height:1.3}.cookies-eu-banner__title{font-size:2rem;font-family:var(--font-family-title);color:light-dark(var(--color-primary-700),var(--color-primary-300));text-box:trim-start cap alphabetic;padding-block:.4rem .2rem}.cookies-eu-banner .c-button{margin-block:auto}:root{color-scheme:light dark;--body-border-width:6px;--_body-gutters-base:0;--body-gutters:calc(var(--_body-gutters-base) + var(--body-border-width) * 2);--color-chocolate-50:#fde9de;--color-chocolate-100:#f9d4bd;--color-chocolate-200:#f4be9d;--color-chocolate-300:#eea97e;--color-chocolate-400:#e6945f;--color-chocolate-500:#dc7e40;--color-chocolate-600:#d2691e;--color-chocolate-700:#a5541c;--color-chocolate-800:#7a4018;--color-chocolate-900:#512c14;--color-chocolate-950:#2c1a0d;--color-primary-50:var(--color-chocolate-50);--color-primary-100:var(--color-chocolate-100);--color-primary-200:var(--color-chocolate-200);--color-primary-300:var(--color-chocolate-300);--color-primary-400:var(--color-chocolate-400);--color-primary-500:var(--color-chocolate-500);--color-primary-600:var(--color-chocolate-600);--color-primary-700:var(--color-chocolate-700);--color-primary-800:var(--color-chocolate-800);--color-primary-900:var(--color-chocolate-900);--color-primary-950:var(--color-chocolate-950);--color-complementary:light-dark(#7f41dc,#dccafb);--color-link:light-dark(#1c6da6,#9fd4f4);--color-border:light-dark(var(--color-primary-200),var(--color-primary-800));--color-page-background:light-dark(var(--color-primary-100),var(--color-primary-900));--color-text:light-dark(var(--color-primary-800),var(--color-primary-100));--color-text-emphasis:light-dark(color-mix(in oklch, var(--color-primary-800), var(--color-primary-900)),color-mix(in oklch, var(--color-primary-50), var(--color-primary-100)));--color-gradient-from:light-dark(var(--color-primary-200),var(--color-primary-800));--color-gradient-to:light-dark(var(--color-primary-300),var(--color-primary-900));--color-gradient:linear-gradient(to bottom right, var(--color-gradient-from), var(--color-gradient-to));--border-radius-xs:8px;--border-radius-s:12px;--border-radius-m:16px;--border-radius-l:24px;--border-radius-xl:32px;--rotation-angle:-6deg;--text-shadow:.3rem .3rem 0 light-dark(var(--color-primary-200),var(--color-primary-950))}@media (width>=1000px){:root{--_body-gutters-base:64px}main{--_body-gutters-base:inherit;--color-border:light-dark(var(--color-primary-600),var(--color-primary-400))}}.demo__blocks{margin-top:2.4rem}@media (width>=1000px){.demo__blocks{grid-template-columns:1fr 1fr;display:grid}}.demo__state dl{padding-block:1.6rem 2.4rem}.demo__state dt{margin-bottom:-.25em}.demo__state dd{font-family:var(--font-family-title);margin-bottom:1.2rem;font-weight:700}@media (width>=600px){.demo__state dl{box-sizing:content-box;flex-flow:column wrap;max-height:4em;display:flex}.demo__state dd{min-height:2em;margin-bottom:unset}}.demo__buttons{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.6rem;display:grid}#custom-reset{grid-column:span 2}