.vh.svelte-1keldgp{--vh-out:calc(var(--vh-size) * .7);width:calc(var(--vh-size) + var(--vh-out));aspect-ratio:auto;max-width:100%;height:var(--vh-size);flex:none;position:relative}.vh__sleeve.svelte-1keldgp{left:calc(var(--vh-out) * .5);z-index:2;width:var(--vh-size);height:var(--vh-size);border-radius:var(--r-lg,16px);transition:transform .7s var(--v3-ease,cubic-bezier(.2, .8, .2, 1));display:block;position:absolute;top:0;overflow:hidden;box-shadow:0 30px 60px -24px #000000e6,inset 0 0 0 1px #ffffff1a}.vh__sleeve.svelte-1keldgp>*{width:100%;height:100%;display:block}.vh__record.svelte-1keldgp{top:3%;left:calc(var(--vh-out) * .5 + var(--vh-size) * .03);z-index:1;width:calc(var(--vh-size) * .94);height:calc(var(--vh-size) * .94);transition:transform .8s var(--v3-ease,cubic-bezier(.2, .8, .2, 1));background:radial-gradient(circle,#0000 34%,#ffffff0d 34.5%,#0000 35%),repeating-radial-gradient(circle,#0c0c0c 0 2px,#1c1c1c 2px 3px);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 24px 50px -20px #000000e6,inset 0 0 0 1px #ffffff14}.vh__grooves.svelte-1keldgp{background:conic-gradient(from 200deg, transparent 0 8%, #ffffff1f 10%, transparent 14% 52%, #ffffff14 56%, transparent 60%);border-radius:50%;position:absolute;inset:0}.vh__label.svelte-1keldgp{background:#1a1a1a;border-radius:50%;width:36%;height:36%;animation:1.8s linear infinite paused svelte-1keldgp-vh-spin;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0009}.vh__label.svelte-1keldgp img:where(.svelte-1keldgp){-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.vh__hole.svelte-1keldgp{background:#e9e5e1;border-radius:50%;width:9%;height:9%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vh.is-playing.svelte-1keldgp .vh__sleeve:where(.svelte-1keldgp){transform:translateX(calc(var(--vh-out) * -.5))}.vh.is-playing.svelte-1keldgp .vh__record:where(.svelte-1keldgp){transform:translateX(calc(var(--vh-out) * .5))}.vh.is-playing.svelte-1keldgp .vh__label:where(.svelte-1keldgp){animation-play-state:running}@keyframes svelte-1keldgp-vh-spin{to{transform:rotate(360deg)}}@media (width<=768px){.vh.svelte-1keldgp{--vh-size:min(52vw, 220px)!important}}@media (prefers-reduced-motion:reduce){.vh__sleeve.svelte-1keldgp,.vh__record.svelte-1keldgp{transition:none}.vh__label.svelte-1keldgp{animation:none}}