.disc.svelte-1yzlg2v{--disc:var(--color-accent);border-radius:var(--radius-circle);background:color-mix(in srgb, var(--disc) 13%, transparent);width:56px;height:56px;color:var(--disc);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}@supports not (color:color-mix(in srgb, red, red)){.disc.svelte-1yzlg2v{--disc-rgb:var(--color-accent-rgb);background:rgb(var(--disc-rgb) / 13%)}}.audio.svelte-1yzlg2v{--disc:var(--color-purple)}@supports not (color:color-mix(in srgb, red, red)){.audio.svelte-1yzlg2v{--disc-rgb:var(--color-purple-rgb)}}.icon.svelte-1yzlg2v{display:flex}img.svelte-1yzlg2v{border-radius:var(--radius-circle);object-fit:cover;width:100%;height:100%;box-shadow:var(--shadow-raised)}.disc.svelte-1yzlg2v:before{content:"";border-radius:var(--radius-circle);background:conic-gradient(var(--disc) calc(var(--progress) * 1turn), color-mix(in srgb, var(--disc) 19%, transparent) 0);opacity:0;transition:opacity var(--duration-fast) var(--ease);position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}@supports not (color:color-mix(in srgb, red, red)){.disc.svelte-1yzlg2v:before{background:conic-gradient(var(--disc) calc(var(--progress) * 1turn), rgb(var(--disc-rgb) / 19%) 0)}}.active.svelte-1yzlg2v:before{opacity:1}.play.svelte-1yzlg2v{border-radius:var(--radius-circle);background:color-mix(in srgb, var(--color-black) 45%, transparent);color:var(--color-white);cursor:pointer;transition:opacity var(--duration-fast) var(--ease);border:0;justify-content:center;align-items:center;padding:0;font-size:28px;display:flex;position:absolute;inset:0}@supports not (color:color-mix(in srgb, red, red)){.play.svelte-1yzlg2v{background:rgb(var(--color-black-rgb) / 45%)}}.disc.svelte-1yzlg2v:not(.cover) .play:where(.svelte-1yzlg2v){color:inherit;background:0 0}.play.svelte-1yzlg2v{opacity:var(--disc-hover,0)}.disc.svelte-1yzlg2v:hover .play:where(.svelte-1yzlg2v),.active.svelte-1yzlg2v .play:where(.svelte-1yzlg2v),.play.svelte-1yzlg2v:focus-visible{opacity:1}@media (hover:hover){.disc.svelte-1yzlg2v:not(.cover)>.icon:where(.svelte-1yzlg2v){visibility:var(--disc-icon,visible)}.disc.svelte-1yzlg2v:not(.cover):is(:where(.svelte-1yzlg2v):hover,.active:where(.svelte-1yzlg2v),:where(.svelte-1yzlg2v):has(.play:where(.svelte-1yzlg2v):focus-visible))>.icon:where(.svelte-1yzlg2v){visibility:hidden}}@media (hover:none),(pointer:coarse){.play.svelte-1yzlg2v,.disc.svelte-1yzlg2v:not(.cover) .play:where(.svelte-1yzlg2v){background:var(--color-accent);width:24px;height:24px;color:var(--color-contrast);opacity:1;font-size:15px;inset:auto -3px -3px auto}.play.svelte-1yzlg2v:after{content:"";position:absolute;inset:-10px}}