.vinyl-album-container{--vinyl-slide:75%;--sleeve-slide:0%;--sleeve-scale:1;--vinyl-ease:cubic-bezier(.22, 1, .36, 1);width:256px;height:256px;position:relative}@media (max-width:480px){.vinyl-album-container{--vinyl-slide:40%;--sleeve-slide:-35%;width:180px;height:180px}}.vinyl-disc{z-index:0;opacity:.9;width:95%;height:95%;transition:transform .45s var(--vinyl-ease), opacity .3s ease;position:absolute;top:2.5%;left:0;transform:translate(0)}.vinyl-album-container[data-revealed=true] .vinyl-disc{opacity:1;transform:translateX(var(--vinyl-slide))}.vinyl-disc-face{background:radial-gradient(circle at 38% 38%,#2a2a2a 0%,#1a1a1a 40%,#111 100%);border-radius:9999px;width:100%;height:100%;box-shadow:inset 0 0 30px #0009,0 4px 20px #0006}.vinyl-disc-rim{pointer-events:none;border-radius:9999px;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #ffffff0f,inset 0 0 0 3px #0000004d}@keyframes vinylRotate{0%{transform:rotate(0)translateZ(0)}to{transform:rotate(360deg)translateZ(0)}}.vinyl-rotating{border-radius:9999px;width:100%;height:100%;animation:8s linear infinite paused vinylRotate;position:relative}.vinyl-album-container[data-revealed=true] .vinyl-rotating{animation-play-state:running}.vinyl-sheen{background:conic-gradient(from 200deg,#0000 0%,#ffffff08 10%,#0000 20%,#ffffff0d 45%,#0000 55%,#ffffff05 70%,#0000 80%);border-radius:9999px;position:absolute;inset:0}.vinyl-label{clip-path:circle(50%);border-radius:9999px;width:30%;height:30%;position:absolute;top:35%;left:35%;overflow:hidden;box-shadow:0 0 0 2px #00000080,inset 0 0 8px #0000004d}.vinyl-label-vignette{background:radial-gradient(circle,#0000 50%,#0003 100%);border-radius:9999px;position:absolute;inset:0}.vinyl-spindle{background:#0a0a0a;border-radius:9999px;width:3.5%;height:3.5%;position:absolute;top:48.25%;left:48.25%;box-shadow:inset 0 0 2px #000c}.vinyl-album-sleeve{z-index:10;cursor:pointer;width:100%;height:100%;transform:translateX(var(--sleeve-x,0%)) scale(var(--sleeve-scale));transition:transform .4s var(--vinyl-ease);background:#2c1d2f;position:relative;overflow:hidden}.vinyl-album-container[data-revealed=true] .vinyl-album-sleeve{--sleeve-x:var(--sleeve-slide)}@media (hover:hover){.vinyl-album-container:hover .vinyl-album-sleeve{--sleeve-scale:1.03}}.vinyl-sleeve-edge{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a,inset 0 -1px 3px #0000000d}.vinyl-album-artwork{opacity:0;transition:opacity .3s}.vinyl-album-sleeve[data-artwork-state=ready] .vinyl-album-artwork{opacity:1}.vinyl-cover-fallback{background:linear-gradient(145deg,#0000 42%,#ffffff14 42.5% 44%,#0000 44.5%),radial-gradient(circle at 72% 28%,#e09d768c 0 7%,#0000 7.5%),radial-gradient(circle at 72% 28%,#0000 0 20%,#ffffff17 20.5% 21.5%,#0000 22%),linear-gradient(145deg,#512f43,#1d2538)}@media (prefers-reduced-motion:reduce){.vinyl-disc,.vinyl-album-sleeve,.vinyl-album-artwork{transition:none}.vinyl-rotating{animation:none}.vinyl-album-container:hover .vinyl-album-sleeve{--sleeve-scale:1}}