.cookie{--plus-out:0px;position:fixed;z-index:60;left:var(--gutter);bottom:var(--gutter);width:min(400px,calc(100vw - 2 * var(--gutter)));padding:var(--space-md);background:var(--bg);color:var(--fg);border:var(--rule-hair) solid color-mix(in srgb,var(--fg) 10%,transparent);opacity:0;translate:0 12px;transition:opacity var(--dur-medium) var(--ease-out),translate var(--dur-medium) var(--ease-out)}
.cookie.is-in{opacity:1;translate:0 0}
.cookie.is-out{opacity:0;translate:0 6px;transition-duration:.2s}
.cookie__title{margin:0 0 var(--space-2xs);font:500 var(--text-sm)/1.2 var(--font-display)}
.cookie__text{margin:0;font:400 var(--text-sm)/1.55 var(--font-body);color:var(--muted)}
.cookie__actions{display:flex;gap:var(--space-xs);margin-top:var(--space-md)}
.cookie__btn{flex:1;min-height:44px;padding:var(--space-2xs) var(--space-sm);background:var(--bg);color:var(--fg);border:var(--rule-hair) solid var(--line);border-radius:0;font:500 var(--text-sm)/1 var(--font-display);cursor:pointer;transition:color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}
.cookie__btn:active{transform:scale(.97)}
.cookie__btn:hover{color:var(--accent);border-color:var(--accent)}
.cookie__btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
@media (hover:hover){.cookie:hover{--plus-out:6px}}
.cookie-settings{padding-block:var(--space-xs);margin-block:calc(var(--space-xs) * -1);background:none;border:0;color:inherit;font:inherit;cursor:pointer}
.cookie-settings:hover{color:var(--fg)}
@media (max-width:480px){.cookie{left:var(--space-sm);right:var(--space-sm);bottom:calc(var(--curl,72px) + var(--space-2xs));width:auto}}
@media print{.cookie{display:none}}