.play.svelte-7vuq36{position:relative;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary-text);transition:transform .12s var(--ease-out)}.play.svelte-7vuq36:active{transform:scale(.92)}.ring.svelte-7vuq36{position:absolute;inset:0;pointer-events:none}.face.svelte-7vuq36{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);transition:background .15s,color .15s}.face.svelte-7vuq36 svg{margin-left:1px}.playing.svelte-7vuq36 .face:where(.svelte-7vuq36) svg{margin-left:0}.solid.svelte-7vuq36 .face:where(.svelte-7vuq36){background:var(--color-primary);color:var(--color-on-primary)}.face.svelte-7vuq36 .spinner:where(.svelte-7vuq36){width:40%;height:40%;border-width:2.5px;border-color:color-mix(in srgb,var(--color-on-primary) 25%,transparent);border-top-color:var(--color-on-primary)}.play.svelte-7vuq36:hover .face:where(.svelte-7vuq36){background:var(--color-primary-bg)}.solid.svelte-7vuq36:hover .face:where(.svelte-7vuq36){background:var(--color-primary-hover)}