.image.svelte-wlp8fs{background-size:cover;background-color:#000;height:8rem;width:8rem;border-radius:50%}ul.svelte-wlp8fs{list-style-type:none;margin:2rem 0 4rem;padding:0;display:flex;justify-content:space-between}ul.svelte-wlp8fs li:where(.svelte-wlp8fs){list-style-type:none;margin:0 .7rem}.track.svelte-wlp8fs,.artist.svelte-wlp8fs{position:relative}.track.svelte-wlp8fs p:where(.svelte-wlp8fs),.artist.svelte-wlp8fs p:where(.svelte-wlp8fs){position:absolute;display:grid;top:calc(anchor(bottom) + .5rem);left:anchor(left);right:anchor(right);text-align:center;grid-template:"track" "name"}.track.svelte-wlp8fs .artist-name:where(.svelte-wlp8fs),.artist.svelte-wlp8fs .artist-name:where(.svelte-wlp8fs){font-size:.8rem;grid-area:name}.track.svelte-wlp8fs .track-name:where(.svelte-wlp8fs),.artist.svelte-wlp8fs .track-name:where(.svelte-wlp8fs){font-size:.8rem;grid-area:track}.track.svelte-wlp8fs .plays:where(.svelte-wlp8fs),.artist.svelte-wlp8fs .plays:where(.svelte-wlp8fs){position:absolute;left:calc(anchor(right) - 2rem);bottom:calc(anchor(top) - 2rem);background-color:#000;border-radius:50%;color:#fff;height:1.7rem;width:1.7rem;font-size:.5rem;text-align:center;display:inline-block;line-height:1.7rem;border:1px solid rgba(188,188,188,.5)}