.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 var(--duration-fast) 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;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);transition:background var(--duration-base),color var(--duration-base)}.current.svelte-7vuq36 .face:where(.svelte-7vuq36){inset:calc(var(--ring-w) + var(--space-0-5))}.solid.svelte-7vuq36 .face:where(.svelte-7vuq36){background:var(--color-primary);color:var(--color-on-primary)}.face.svelte-7vuq36 .spinner:where(.svelte-7vuq36){width:var(--glyph);height:var(--glyph);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)}