:root{--layer-cookie:15;--cookie-notice-height:0px}
.cookie-notice{position:fixed;inset:auto max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) auto;z-index:var(--layer-cookie);width:min(40rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:1.5rem;background:var(--white,#fff);color:var(--ink,#242a2e);border:1px solid var(--line,#d9dfe2);border-radius:.5rem;box-shadow:0 4px 24px #242a2e18;font-size:1rem;line-height:1.6}
.cookie-notice[hidden]{display:none}
.cookie-notice h2{font-size:1.125rem;line-height:1.4;letter-spacing:-.015em;max-width:none;margin:0 0 .5rem}
.cookie-notice p{margin:0;max-width:65ch}
.cookie-notice-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1rem}
.cookie-notice-actions>a{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.9375rem;text-underline-offset:.2em}
.cookie-notice .button{flex-shrink:0;min-height:3rem;padding:.75rem 1.5rem}
html.has-cookie-notice body{padding-bottom:calc(var(--cookie-notice-height) + 2rem)}
html.has-cookie-notice .toast{bottom:calc(var(--cookie-notice-height) + 2rem)}
@media(max-width:480px){.cookie-notice{padding:1rem}.cookie-notice-actions{gap:.5rem}.cookie-notice .button{padding:.75rem 1.25rem}}
@media print{.cookie-notice{display:none!important}html.has-cookie-notice body{padding-bottom:0}}
