.bg-fix.svelte-1uha8ag{z-index:-1;position:fixed;inset:0}.bg-fix.svelte-1uha8ag video:where(.svelte-1uha8ag),.bg-fix.svelte-1uha8ag img:where(.svelte-1uha8ag){object-fit:cover;width:100%;height:100%}.scrim.svelte-1uha8ag{background:linear-gradient(to bottom, color-mix(in srgb, var(--color-canvas) 88%, transparent), color-mix(in srgb, var(--color-canvas) 52%, transparent) 28%, color-mix(in srgb, var(--color-canvas) 52%, transparent) 72%, color-mix(in srgb, var(--color-canvas) 92%, transparent));position:absolute;inset:0}.pane.svelte-1uha8ag,.pane-lg.svelte-1uha8ag{background:color-mix(in srgb, var(--color-canvas) 68%, transparent);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);border-radius:var(--radius-lg)}.pane.svelte-1uha8ag{padding:1rem 1.25rem}.pane-lg.svelte-1uha8ag{padding:2.5rem}.beats.svelte-1uha8ag{display:grid}.beats.svelte-1uha8ag>div:where(.svelte-1uha8ag){opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease);grid-area:1/1;transform:translateY(16px)}.beats.svelte-1uha8ag>div.active:where(.svelte-1uha8ag){opacity:1;transform:none}.tick.svelte-1uha8ag{background:var(--color-border);width:2.5rem;height:2px;transition:background .3s var(--ease)}.tick.on.svelte-1uha8ag{background:var(--color-accent)}