.vinyl-container{height:300px;width:300px}.vinyl,.vinyl-container{margin:0 auto;position:relative}.vinyl{animation:spin 4s linear infinite;animation-play-state:paused;background:#000;border-radius:50%;box-shadow:0 0 60px #000c,0 0 100px #1db95433;height:100%;max-height:500px;max-width:500px;overflow:hidden;perspective:1000px;transform-style:preserve-3d;transition:all .3s ease;width:100%}.vinyl-label{background-position:50%;background-size:cover;box-shadow:inset 0 0 40px #0000004d,0 0 20px #1db95433;filter:brightness(1.1) contrast(1.1);z-index:1}.vinyl-label,.vinyl:before{border-radius:50%;height:92%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:92%}.vinyl:before{background:linear-gradient(45deg,#3333 25%,#0000 0,#0000 50%,#3333 0,#3333 75%,#0000 0);background-size:40px 40px;content:"";opacity:.2;z-index:2}.vinyl:after{background:#000;border-radius:50%;box-shadow:0 0 30px #000c,inset 0 0 20px #1db95433;content:"";height:25%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:25%;z-index:3}.spinning{animation-play-state:running}.spinning .vinyl-label{filter:brightness(1.2) contrast(1.1)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vinyl.paused{animation-play-state:paused}.vinyl:hover{box-shadow:0 0 80px #1db95466,0 0 120px #1db95433;transform:scale(1.02)}.vinyl:hover .vinyl-label{box-shadow:inset 0 0 50px #0000004d,0 0 30px #1db9544d;filter:brightness(1.3) contrast(1.2)}
/*# sourceMappingURL=main.9e8e6b04.css.map*/