.cookie-note{z-index:29;background:var(--color-ink-4);border:1px solid var(--color-line-2);border-radius:16px;gap:12px;width:min(400px,100vw - 32px);padding:14px 16px 14px 14px;animation:.22s cubic-bezier(.2,.8,.2,1) cookie-in;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:inset 0 1px #ffffff0d,0 18px 48px -18px #000000bf,0 0 0 1px #a683f814}.cookie-note:before{content:"";background:var(--color-violet);border-radius:16px 0 0 16px;width:3px;position:absolute;inset:0 auto 0 0}.cookie-note-mark{width:34px;height:34px;color:var(--color-violet-2);background:color-mix(in srgb, var(--color-violet) 14%, var(--color-ink-3));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-violet) 30%, transparent);border-radius:10px;flex:none;place-items:center;display:grid}.cookie-note-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--color-paper);font-size:17px;font-weight:800;line-height:1.1}.cookie-note p{color:var(--color-paper-2);margin-top:5px;font-size:12.5px;line-height:1.5}.cookie-note-actions{align-items:center;gap:14px;margin-top:10px;display:flex}.cookie-note-link{color:var(--color-paper-3);font-size:12.5px;font-weight:700}.cookie-note-link:hover{color:var(--color-violet-2)}@keyframes cookie-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.cookie-note{animation:none}}@media (max-width:1023px){.cookie-note{width:auto;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom))}}