.play-film-wrap.svelte-7jf7lh{margin-top:var(--play-film-offset,1.25rem);perspective:100px;display:inline-flex}.play-film.svelte-7jf7lh{--tone:oklch(from var(--accent) max(l, .82) calc(c * .9) h);--radius:var(--radius-lg,10px);appearance:none;border:1px solid oklch(from var(--accent) l c h / .4);border-radius:var(--radius);background:oklch(from var(--accent) l c h / .08);color:var(--tone);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.7rem;margin:0;padding:.45rem 1.1rem .45rem .45rem;font-size:.75rem;line-height:normal;text-decoration:none;transition:background .3s,border-color .3s,color .3s,translate .2s;display:inline-flex;position:relative;overflow:hidden}.play-film.svelte-7jf7lh.trailing{padding:.45rem .45rem .45rem 1.1rem}@supports (corner-shape:squircle){.play-film.svelte-7jf7lh{corner-shape:squircle;border-radius:calc(var(--radius) * var(--squircle-ratio,2))}}.play-film.svelte-7jf7lh:hover{background:oklch(from var(--accent) l c h / .16);border-color:oklch(from var(--accent) l c h / .8);transition:translate .2s}.play-film.svelte-7jf7lh:active{translate:0 1px clamp(-10px,.2em - 12px,-2px)}.play-film.svelte-7jf7lh:focus-visible{outline:2px solid var(--tone);outline-offset:3px}.disc.svelte-7jf7lh{aspect-ratio:1;background:oklch(from var(--accent) l c h / .22);width:1.9rem;color:var(--tone);transition:background .3s ease, color .3s ease, scale .2s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1));border-radius:50%;place-items:center;display:grid}.play-film.svelte-7jf7lh:hover .disc:where(.svelte-7jf7lh){background:var(--accent);color:#08060f;transition-duration:0s;scale:1.08}.disc.svelte-7jf7lh svg:where(.svelte-7jf7lh){width:55%;height:55%}.meta.svelte-7jf7lh{border-left:1px solid oklch(from var(--accent) l c h / .35);color:oklch(from var(--tone) l calc(c * .5) h / .7);letter-spacing:.1em;padding-left:.7rem}@media (prefers-reduced-motion:reduce){.play-film.svelte-7jf7lh,.disc.svelte-7jf7lh{transition-property:background,border-color,color}.play-film.svelte-7jf7lh:active{translate:none}.play-film.svelte-7jf7lh:hover .disc:where(.svelte-7jf7lh){scale:none}}