: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);display:flex;align-items:center;gap:1.25rem;width:max-content;max-width:calc(100% - 2rem);padding:.75rem 1rem;background:var(--white,#fff);color:var(--ink,#242a2e);border:1px solid var(--line,#d9dfe2);border-radius:.5rem;box-shadow:0 4px 24px #242a2e12;font-size:.875rem;line-height:1.5}
.cookie-notice[hidden]{display:none}
.cookie-notice p{margin:0;max-width:28ch}
.cookie-notice a{display:inline;text-underline-offset:.2em;color:inherit}
.cookie-notice .button{flex-shrink:0;min-height:2.75rem;padding:.625rem 1rem;font-size:.875rem}
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{inset:auto max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));width:auto;max-width:none;gap:.75rem;padding:.75rem}.cookie-notice p{flex:1;min-width:0}}
@media print{.cookie-notice{display:none!important}html.has-cookie-notice body{padding-bottom:0}}