.quad.svelte-1v6z4cb{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.player.svelte-1r04ie9{display:grid;grid-template-columns:2.5em 1fr;align-items:center;gap:1em;padding:.5em 1em .5em .5em;border-radius:2em;background:var(--bg-1);transition:filter .2s;-webkit-user-select:none;user-select:none}.player.svelte-1r04ie9:not(.paused){color:var(--clr-mauve);filter:drop-shadow(.5em .5em 1em rgba(0,0,0,.1))}button.svelte-1r04ie9{width:100%;aspect-ratio:1;background-repeat:no-repeat;background-position:50% 50%;border-radius:50%;border:none;background-color:var(--clr-blue)}button.svelte-1r04ie9:hover{filter:brightness(120%)}[aria-label=pause].svelte-1r04ie9{background-image:url(../../../images/icons/pause.svg)}[aria-label=play].svelte-1r04ie9{background-image:url(../../../images/icons/play.svg)}.info.svelte-1r04ie9{overflow:hidden}.description.svelte-1r04ie9{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.time.svelte-1r04ie9{display:flex;align-items:center;gap:.5em}.time.svelte-1r04ie9 span:where(.svelte-1r04ie9){font-size:.7em}.slider.svelte-1r04ie9{flex:1;height:.5em;background:var(--clr-surface);border-radius:.5em;overflow:hidden}.progress.svelte-1r04ie9{width:calc(100 * var(--progress));height:100%;background:var(--clr-overlay)}