.vinyl-disc-surface{position:relative;width:100%;height:100%;border-radius:50%;background-color:#171717;background-image:radial-gradient(circle at 50% 50%,transparent 20%,rgba(0,0,0,.15) 20.5%,transparent 21%,transparent 30%,rgba(0,0,0,.15) 30.5%,transparent 31%,transparent 40%,rgba(0,0,0,.15) 40.5%,transparent 41%,transparent 50%,rgba(0,0,0,.15) 50.5%,transparent 51%,transparent 60%,rgba(0,0,0,.15) 60.5%,transparent 61%,transparent 70%,rgba(0,0,0,.15) 70.5%,transparent 71%,transparent 80%,rgba(0,0,0,.15) 80.5%,transparent 81%,transparent 90%,rgba(0,0,0,.15) 90.5%,transparent 91%);box-shadow:0 .7px .7px -.3px rgba(0,0,0,.07),0 1.9px 1.9px -.6px rgba(0,0,0,.08),0 4.3px 4.3px -.9px rgba(0,0,0,.09),0 9.4px 9.4px -1.2px rgba(0,0,0,.11),0 24px 24px -1.5px rgba(0,0,0,.17);transform:translateZ(0);backface-visibility:hidden;animation:vinyl-spin 8s linear infinite;animation-play-state:paused}.vinyl-disc-surface.spin-infinite{animation-play-state:running;will-change:transform}.vinyl-disc-surface.hover-tilt{transform:rotate(-40deg) translateZ(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.vinyl-disc-surface.spin-infinite.hover-tilt{transform:rotate(0deg) translateZ(0)}.vinyl-disc-label{position:absolute;top:50%;left:50%;width:34%;height:34%;transform:translate(-50%,-50%);overflow:hidden;border-radius:50%;z-index:1}@keyframes vinyl-spin{0%{transform:translateZ(0) rotate(0deg)}to{transform:translateZ(0) rotate(1turn)}}@media (prefers-reduced-motion:reduce){.vinyl-disc-surface{animation:none!important}.vinyl-disc-surface.hover-tilt{transform:translateZ(0);transition:none}}