.snackbar-host.svelte-1srpoyx{bottom:max(1.25rem, env(safe-area-inset-bottom));z-index:100;pointer-events:none;width:min(28rem,100% - 2rem);position:fixed;left:50%;transform:translate(-50%)}.announcement.svelte-1srpoyx{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.snackbar-host.playback.svelte-1srpoyx{bottom:calc(8rem + env(safe-area-inset-bottom))}.snackbar.svelte-1srpoyx{border:1px solid var(--border-hover);background:var(--surface-raised);color:var(--text);pointer-events:auto;border-radius:1.1rem;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1rem;animation:.18s ease-out svelte-1srpoyx-snackbar-in;display:flex;box-shadow:inset 0 1px #ffffff14,0 12px 32px #0000004d}.snackbar.svelte-1srpoyx>svg:where(.svelte-1srpoyx){color:var(--accent);flex-shrink:0}.snackbar.error.svelte-1srpoyx>svg:where(.svelte-1srpoyx){color:#ef9999}p.svelte-1srpoyx{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:.85rem;line-height:1.5}button.svelte-1srpoyx{width:2.75rem;height:2.75rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:.75rem;flex-shrink:0;place-items:center;padding:0;display:grid}button.svelte-1srpoyx:hover{background:var(--accent-muted);color:var(--text)}button.svelte-1srpoyx:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@keyframes svelte-1srpoyx-snackbar-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.above-navigation.svelte-1srpoyx{bottom:calc(6.25rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.snackbar.svelte-1srpoyx{animation:none}}[data-motion=reduce] .snackbar.svelte-1srpoyx{animation:none}