@layer components{.music-cover-artwork{isolation:isolate;aspect-ratio:3/2;width:100%;position:relative}.music-cover-artwork__stage{position:absolute;inset:8% 7%}.music-cover-artwork__record{aspect-ratio:1;background:repeating-radial-gradient(circle,#111110 0 3px,#292826 3.5px 4px,#0c0c0b 4.5px 7px);border:1px solid #343230;border-radius:50%;place-items:center;width:65%;transition:transform .3s;display:grid;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%);box-shadow:0 12px 22px #0005}.music-cover-artwork__rotor{border-radius:inherit;place-items:center;animation:12s linear infinite paused music-cover-artwork-spin;display:grid;position:absolute;inset:0}.music-cover-artwork[data-playing=true] .music-cover-artwork__rotor{animation-play-state:running}.music-cover-artwork__rotor:before{border-radius:inherit;content:"";background:conic-gradient(from 25deg,#0000 10%,#ffffff0d 18%,#0000 26% 55%,#ffffff09 66%,#0000 75%);position:absolute;inset:0}.music-cover-artwork__label{aspect-ratio:1;background:#a66c44;border:2px solid #ac864a80;border-radius:50%;place-items:center;width:33%;display:grid;position:relative;overflow:hidden}.music-cover-artwork__label img,.music-cover-artwork__sleeve img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.music-cover-artwork__label img{transform:rotate(-22deg)scale(1.2)}.music-cover-artwork__spindle{z-index:1;aspect-ratio:1;background:#101010;border:1px solid #000;border-radius:50%;width:13%}.music-cover-artwork__sleeve{aspect-ratio:1;background:var(--muted);border:1px solid #ffffff26;border-radius:5%;place-items:center;width:68%;display:grid;position:absolute;top:50%;right:0;overflow:hidden;transform:translateY(-50%);box-shadow:-5px 3px 14px #0005,0 16px 24px #0003}.music-cover-artwork__sleeve:after{pointer-events:none;content:"";background:linear-gradient(90deg,#0006,#0000 4%,#ffffff0b 5%,#0000 7%),linear-gradient(35deg,#0003,#0000 55%,#ffffff17);position:absolute;inset:0}.music-cover-artwork__fallback{width:25%;height:25%;color:var(--muted-foreground)}@keyframes music-cover-artwork-spin{to{transform:rotate(1turn)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.music-cover-artwork:hover .music-cover-artwork__record{transform:translate(-3%,-50%)}}@media (prefers-reduced-motion:reduce){.music-cover-artwork__rotor{animation:none}.music-cover-artwork__record{transition:none}}}