.vinyl[data-v-296210f3]{z-index:0;aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;width:21rem;display:flex;position:relative}.vinyl[data-v-296210f3]:before{content:"";z-index:-1;border-radius:inherit;background-color:#ffffff0d;position:absolute;inset:-5%;box-shadow:inset 0 0 0 2px #ffffff0d}.vinyl-record[data-v-296210f3]{aspect-ratio:1;border-radius:inherit;z-index:0;width:100%;position:relative}.vinyl-record[data-v-296210f3]:before{z-index:1;background-color:var(--color-base-100);background-image:repeating-radial-gradient(#0000 0,#00000080 2px,#ffffff03 4px)}.vinyl-record[data-v-296210f3]:after,.vinyl-record[data-v-296210f3]:before{content:"";border-radius:inherit;position:absolute;inset:0}.vinyl-record[data-v-296210f3]:after{z-index:5;box-shadow:inset 0 0 0 3px var(--color-base-100);background:conic-gradient(from 100deg,#0000 0deg,#fff3 45deg,#0000 90deg,#0000004d 135deg,#0000 180deg 180deg,#fff3 225deg,#0000 270deg,#0000004d 315deg,#0000 1turn)}.vinyl-cover[data-v-296210f3]{z-index:10;width:66%;box-shadow:0 0 0 6px var(--color-base-100)}.vinyl--playing .vinyl-cover[data-v-296210f3]{animation:30s linear 2s infinite vinyl-rotate-296210f3}@keyframes vinyl-rotate-296210f3{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.vinyl-container[data-v-e6c04c3b]{z-index:-1;filter:blur(4px);display:flex;position:absolute;bottom:0;right:0;transform:translate(32%,16%)}@media screen and (width>=768px){.vinyl-container[data-v-e6c04c3b]{transform:translate(30%,15%)}}