.button.svelte-1pe7ioe{aspect-ratio:1}.volume-control.svelte-1pe7ioe{max-width:30%}.waveform-container.svelte-1pe7ioe:hover{opacity:.9}.waveform-container.svelte-1pe7ioe{height:5rem;display:flex;gap:0px;justify-content:space-evenly}.waveform-container.svelte-1pe7ioe button:where(.svelte-1pe7ioe){height:100%;flex-grow:1;border-right:1px solid transparent}.waveform-container.svelte-1pe7ioe button:where(.svelte-1pe7ioe)>div:where(.svelte-1pe7ioe){background-color:var(--bulma-primary);transition:background-color .25s ease}.waveform-container.svelte-1pe7ioe button:where(.svelte-1pe7ioe):hover>div:where(.svelte-1pe7ioe){filter:grayscale(100%) invert(100%)}#time-cursor.svelte-1pe7ioe~button:where(.svelte-1pe7ioe)>div:where(.svelte-1pe7ioe){background-color:var(--extra-hover-on-primary)}@media (max-width: 1024px){.waveform-container.svelte-1pe7ioe button:where(.svelte-1pe7ioe):nth-child(odd){display:none}}.player-header.svelte-1pe7ioe{display:flex;align-items:center;justify-content:space-between}.track-info.svelte-1pe7ioe{display:flex;align-items:center}.artwork.svelte-1pe7ioe{border-radius:var(--bulma-radius);background:var(--bulma-primary);display:flex;align-items:center;justify-content:center;color:var(--extra-text-on-primary)}.artwork.svelte-1pe7ioe img:where(.svelte-1pe7ioe){width:100%;height:100%;object-fit:cover}.track-details.svelte-1pe7ioe{flex:1}.controls.svelte-1pe7ioe{display:flex;align-items:center}.controls.small.svelte-1pe7ioe{flex-grow:1}.play-button.svelte-1pe7ioe{width:50px;height:50px;aspect-ratio:1;border-radius:50%;border:none;background:var(--bulma-primary);color:var(--extra-text-on-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .25s}.play-button.small.svelte-1pe7ioe{width:35px;height:35px}.play-button.svelte-1pe7ioe:hover:not(:disabled){background:var(--extra-hover-on-primary)}.play-button.svelte-1pe7ioe:disabled{opacity:.6;cursor:not-allowed}.spinner.svelte-1pe7ioe{width:20px;height:20px;border:2px solid var(--extra-hover-on-primary);border-top:2px solid var(--extra-text-on-primary);border-radius:50%;animation:svelte-1pe7ioe-spin 1s linear infinite}@keyframes svelte-1pe7ioe-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.time-display.svelte-1pe7ioe{display:flex;flex-direction:column;align-items:flex-end}