article.svelte-rzt99k{display:flex;flex-direction:column;gap:1rem;margin:0 auto;padding:7rem 1rem;max-width:48rem}.audio.svelte-rzt99k{display:flex;position:relative;flex-direction:row;align-items:center;gap:1rem}.root.svelte-rzt99k{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:0 auto;max-width:36rem}.root.svelte-rzt99k a:where(.svelte-rzt99k){display:flex;position:absolute;right:0;align-items:center;gap:.25rem;transform:translate(calc(100% + 1rem));transition:background-color .3s var(--ease);border-radius:var(--radii-full);padding:1rem;color:var(--colors-foreground)}.root.svelte-rzt99k a:where(.svelte-rzt99k):focus-visible,.root.svelte-rzt99k a:where(.svelte-rzt99k):hover{background-color:var(--colors-gray-5)}.root.svelte-rzt99k a:where(.svelte-rzt99k):active{background-color:var(--colors-gray-10)}.root.svelte-rzt99k a:where(.svelte-rzt99k) svg{opacity:.25;transition:opacity .3s var(--ease);stroke-width:1.5;width:2rem;height:2rem}.root.svelte-rzt99k a:where(.svelte-rzt99k):focus-visible svg,.root.svelte-rzt99k a:where(.svelte-rzt99k):hover svg{opacity:.5}.root.svelte-rzt99k a:where(.svelte-rzt99k):active svg{opacity:1}.root.svelte-rzt99k button:where(.svelte-rzt99k){display:flex;justify-content:center;align-items:center;transition:background-color .3s var(--ease),color .3s var(--ease);border-radius:var(--radii-full);background-color:var(--colors-gray-5);aspect-ratio:1 / 1;width:7rem;height:7rem;color:gray;line-height:1}.root.svelte-rzt99k button:where(.svelte-rzt99k):focus-visible,.root.svelte-rzt99k button:where(.svelte-rzt99k):hover{background-color:var(--colors-gray-10);color:#404040}.root.svelte-rzt99k button:where(.svelte-rzt99k):active{background-color:var(--colors-gray-25);color:#000}@media(prefers-color-scheme:dark){.root.svelte-rzt99k button:where(.svelte-rzt99k):focus-visible,.root.svelte-rzt99k button:where(.svelte-rzt99k):hover{color:#bfbfbf}.root.svelte-rzt99k button:where(.svelte-rzt99k):active{color:#fff}}.root.svelte-rzt99k button:where(.svelte-rzt99k) svg{fill:currentColor;width:2.5rem;height:2.5rem}.root.svelte-rzt99k>div:where(.svelte-rzt99k){gap:1.5rem}.root.svelte-rzt99k div:where(.svelte-rzt99k){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.root.svelte-rzt99k p:where(.svelte-rzt99k){color:var(--colors-gray-50)}