#popup{--snack-in-dur:.15s;--snack-out-dur:.2s;--snack-in-ease:cubic-bezier(0, 0, .2, 1);--snack-out-ease:cubic-bezier(.4, 0, 1, 1);--snack-slide:.375rem;left:50%;top:var(--page-top);z-index:40;max-width:min(calc(100vw - var(--space-8,2rem)), 28rem);padding:var(--space-2) var(--space-5);background:var(--c-filter);border:var(--ring) solid var(--c-filter-border);box-shadow:0 var(--space-2) var(--space-6) #0000002e;color:var(--c-ink);font-size:var(--t-meta);line-height:var(--t-meta-lh);text-align:center;text-wrap:balance;visibility:hidden;opacity:0;transform:translate(-50%, calc(-50% - var(--snack-slide)));transition:opacity var(--snack-out-dur) var(--snack-out-ease), transform var(--snack-out-dur) var(--snack-out-ease), visibility 0s linear var(--snack-out-dur);will-change:opacity, transform;border-radius:999px;position:fixed}#popup[data-open]{visibility:visible;opacity:1;transition:opacity var(--snack-in-dur) var(--snack-in-ease), transform var(--snack-in-dur) var(--snack-in-ease), visibility 0s linear 0s;transform:translate(-50%,-50%)}#popup:empty{visibility:hidden;opacity:0}@media (width<=40rem){#popup{top:calc(var(--header-height,4.5rem) + var(--space-1));transform:translate(-50%, var(--snack-slide))}#popup[data-open]{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){#popup,#popup[data-open]{transition:opacity 80ms linear,visibility 0s linear 80ms;transform:translate(-50%,-50%)}#popup[data-open]{transition:opacity 80ms linear,visibility linear}@media (width<=40rem){#popup,#popup[data-open]{transform:translate(-50%)}}}