.vinyl[data-v-7af8aa2f]{background:radial-gradient(circle at 50% 50%,#222 0,#111 60%,#0e0e0e);border-radius:9999px;box-shadow:0 10px 30px #00000040,inset 0 0 10px #ffffff0a;height:min(60vw,280px);position:relative;width:min(60vw,280px)}.vinyl-grooves[data-v-7af8aa2f]{background:repeating-radial-gradient(circle at 50% 50%,#ffffff0f 0 1px,#0000000f 2px 3px);inset:0;opacity:.5}.vinyl-grooves[data-v-7af8aa2f],.vinyl-label[data-v-7af8aa2f]{border-radius:9999px;position:absolute}.vinyl-label[data-v-7af8aa2f]{align-items:center;background:radial-gradient(circle at 30% 30%,#f0e,#a7f,#67f);background-position:50%;background-size:cover;color:#fff;display:flex;font-weight:600;height:40%;justify-content:center;left:50%;text-shadow:0 1px 2px rgba(0,0,0,.6);top:50%;transform:translate(-50%,-50%);width:40%}.label-fallback[data-v-7af8aa2f]{font-size:14px;opacity:.9}.vinyl-hole[data-v-7af8aa2f]{background:#ddd;border-radius:9999px;box-shadow:0 0 0 2px #444;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.spinning[data-v-7af8aa2f]{animation:spin-7af8aa2f 6s linear infinite}@keyframes spin-7af8aa2f{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media(min-width:768px){.vinyl[data-v-7af8aa2f]{height:320px;width:320px}}.progress[data-v-7af8aa2f]{background:var(--border-color);border-radius:9999px;box-shadow:inset 0 1px 2px #0000001f;height:8px;overflow:hidden;position:relative}.progress-fill[data-v-7af8aa2f]{background:linear-gradient(180deg,#ffffff29,#fff0),currentColor;border-radius:9999px;box-shadow:0 0 14px currentColor;color:var(--svg-color);height:100%;transition:width .3s ease-out}