.vinyl-card.svelte-1da9q1y{cursor:pointer;--vinyl-label:var(--cmc-orange);width:100%;max-width:220px;display:block;position:relative}.vinyl-card.svelte-1da9q1y:focus,.vinyl-card.svelte-1da9q1y:hover{z-index:10}:is(.vinyl-card.svelte-1da9q1y:focus,.vinyl-card.svelte-1da9q1y:hover) .vinyl-card__sleeve-wrap:where(.svelte-1da9q1y){transform:rotate(-3deg)}:is(.vinyl-card.svelte-1da9q1y:focus,.vinyl-card.svelte-1da9q1y:hover) .vinyl-card__sleeve:where(.svelte-1da9q1y){transform:translate(-8%)}:is(.vinyl-card.svelte-1da9q1y:focus,.vinyl-card.svelte-1da9q1y:hover) .vinyl-card__disc:where(.svelte-1da9q1y){transform:translate(10%,-50%)rotate(60deg)}.vinyl-card__disc.svelte-1da9q1y{aspect-ratio:1;background:radial-gradient(circle, #1a1a1a 0 1.5%, transparent 1.6%), radial-gradient(circle, var(--vinyl-label) 0 30%, transparent 30.1%), repeating-radial-gradient(circle, #181818 0 1px, #0e0e0e 1px 2px), radial-gradient(circle, transparent 0 92%, #ffffff0f 93%, transparent 100%), radial-gradient(circle at 35% 35%, #ffffff1f 0 8%, transparent 30%), #0a0a0a;z-index:1;pointer-events:none;border-radius:50%;width:95%;transition:transform .5s cubic-bezier(.34,1.2,.64,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-card__label.svelte-1da9q1y{background:var(--vinyl-label);border-radius:50%;width:56%;height:56%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-card__arc.svelte-1da9q1y{width:100%;height:100%;position:absolute;inset:0}.vinyl-card__arc.svelte-1da9q1y text:where(.svelte-1da9q1y){fill:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:6.5px;font-weight:700}.vinyl-card__arc.svelte-1da9q1y text:where(.svelte-1da9q1y):last-child{letter-spacing:.06em;fill:#fffc;font-size:4.2px;font-weight:600}.vinyl-card__logo.svelte-1da9q1y{object-fit:contain;filter:brightness(0)invert();opacity:.92;pointer-events:none;width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-card__sleeve.svelte-1da9q1y{background:var(--cmc-cream);z-index:2;width:100%;transition:transform .5s cubic-bezier(.34,1.2,.64,1);position:relative}.vinyl-card__sleeve-wrap.svelte-1da9q1y{transition:transform .5s cubic-bezier(.34,1.2,.64,1);position:relative}.vinyl-card__sleeve.svelte-1da9q1y:after{display:none}.vinyl-card__sleeve-art.svelte-1da9q1y{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.vinyl-card__pattern.svelte-1da9q1y{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vinyl-card__initials.svelte-1da9q1y{color:#fff;-webkit-text-stroke:3px var(--cmc-brown);paint-order:stroke fill;letter-spacing:.02em;z-index:1;font-size:2rem;font-weight:700}.vinyl-card__gaff.svelte-1da9q1y{background:var(--color-primary);color:var(--color-primary-content);letter-spacing:.12em;text-transform:uppercase;z-index:2;z-index:10;padding:3px 10px;font-size:.55rem;font-weight:700;position:absolute;top:8%;right:-6px;transform:rotate(-2deg)}.vinyl-card__caption.svelte-1da9q1y{padding:8px 2px 0}.vinyl-card__band.svelte-1da9q1y{color:var(--cmc-teal);font-size:.95rem;font-weight:700;line-height:1.2}.vinyl-card__meta.svelte-1da9q1y{color:var(--fg-2);margin-top:2px;font-size:.7rem}.vinyl-card__tagline.svelte-1da9q1y{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}