.id-card.svelte-1wz5kpj{background:var(--bg-card,var(--color-base-200));border:2px dashed var(--cmc-teal);width:100%;max-width:320px;transform:rotate(var(--tilt,.6deg));cursor:pointer;aspect-ratio:5/3;border-radius:10px;flex-direction:column;padding:0;transition:transform .22s cubic-bezier(.34,1.4,.64,1),box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:visible;container-type:inline-size}.id-card.svelte-1wz5kpj:focus,.id-card.svelte-1wz5kpj:hover{border-color:var(--cmc-brown);border-style:solid;transform:rotate(0)translateY(-3px)}.id-card__header.svelte-1wz5kpj{justify-content:space-between;align-items:center;gap:3cqi;padding:4cqi 5cqi 2.5cqi;display:flex;position:relative}.id-card__brand.svelte-1wz5kpj{letter-spacing:.02em;color:var(--cmc-teal);align-items:center;gap:1.5cqi;max-width:65%;font-size:3.3cqi;font-weight:700;line-height:1.1;display:flex}.id-card__logo.svelte-1wz5kpj{object-fit:contain;flex-shrink:0;width:auto;height:8cqi}.id-card__tag.svelte-1wz5kpj{letter-spacing:.16em;color:var(--cmc-teal);border:1.5px solid var(--cmc-teal);border-radius:3px;flex-shrink:0;padding:1cqi 2.5cqi;font-size:2.8cqi;font-weight:700;line-height:1}.id-card__header.svelte-1wz5kpj:after{content:"";background:linear-gradient(to bottom, var(--cmc-teal) 0 33.333%, var(--cmc-goldenrod) 33.333% 66.666%, var(--cmc-red-orange) 66.666% 100%);height:2cqi;position:absolute;bottom:-2cqi;left:0;right:0}.id-card__body.svelte-1wz5kpj{flex:1;align-items:stretch;gap:3.5cqi;padding:5cqi 5cqi 4cqi;display:flex}.id-card__photo.svelte-1wz5kpj{border-radius:4px;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:17.5cqi;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.id-card__placeholder.svelte-1wz5kpj{background:var(--cmc-teal);opacity:.15;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.id-card__question.svelte-1wz5kpj{color:var(--cmc-navy);opacity:1;font-size:8cqi;font-weight:700}.id-card__info.svelte-1wz5kpj{flex-direction:column;flex:1;gap:.5cqi;min-width:0;display:flex}.id-card__name.svelte-1wz5kpj{color:var(--color-secondary);font-size:5.8cqi;font-weight:700;line-height:1.15}.id-card__role.svelte-1wz5kpj{color:var(--fg-2);font-size:3.8cqi}.id-card__cta-arrow.svelte-1wz5kpj{letter-spacing:.04em;color:var(--cmc-teal);margin-top:auto;font-size:3.5cqi;font-weight:700}.id-card__footer.svelte-1wz5kpj{justify-content:space-between;align-items:flex-end;gap:3cqi;padding:0 5cqi 3cqi;display:flex}.id-card__since.svelte-1wz5kpj{letter-spacing:.04em;text-transform:uppercase;color:var(--color-base-content,currentColor);opacity:.4;white-space:nowrap;font-size:2.6cqi;font-weight:600}.id-card__barcode.svelte-1wz5kpj{opacity:.35;background:repeating-linear-gradient(90deg,currentColor 0 .5cqi,#0000 .5cqi 1cqi,currentColor 1cqi 1.3cqi,#0000 1.3cqi 2cqi,currentColor 2cqi 2.3cqi,#0000 2.3cqi 3.2cqi,currentColor 3.2cqi 3.5cqi,#0000 3.5cqi 4cqi,currentColor 4cqi 5cqi,#0000 5cqi 5.4cqi,currentColor 5.4cqi 5.7cqi,#0000 5.7cqi 6.5cqi);flex:1;max-width:28cqi;height:5cqi}.vinyl-card.svelte-zh42se{cursor:pointer;--vinyl-label:var(--cmc-teal);width:100%;max-width:220px;display:block;position:relative}.vinyl-card.svelte-zh42se:focus,.vinyl-card.svelte-zh42se:hover{z-index:10}:is(.vinyl-card.svelte-zh42se:focus,.vinyl-card.svelte-zh42se:hover) .vinyl-card__sleeve-wrap:where(.svelte-zh42se){transform:rotate(-3deg)}:is(.vinyl-card.svelte-zh42se:focus,.vinyl-card.svelte-zh42se:hover) .vinyl-card__sleeve:where(.svelte-zh42se){transform:translate(-8%)}:is(.vinyl-card.svelte-zh42se:focus,.vinyl-card.svelte-zh42se:hover) .vinyl-card__disc:where(.svelte-zh42se){transform:translate(10%,-50%)rotate(60deg)}:is(.vinyl-card.svelte-zh42se:focus,.vinyl-card.svelte-zh42se:hover) .vinyl-card__meta:where(.svelte-zh42se){color:var(--cmc-teal)}.vinyl-card__disc.svelte-zh42se{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-zh42se{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-zh42se{width:100%;height:100%;position:absolute;inset:0}.vinyl-card__arc.svelte-zh42se text:where(.svelte-zh42se){fill:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:6.5px;font-weight:700}.vinyl-card__arc.svelte-zh42se text:where(.svelte-zh42se):last-child{letter-spacing:.06em;fill:#fffc;font-size:4.2px;font-weight:600}.vinyl-card__logo.svelte-zh42se{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-zh42se{background:var(--cmc-cream);z-index:2;border:2px dashed var(--cmc-teal);width:100%;transition:transform .5s cubic-bezier(.34,1.2,.64,1);position:relative}.vinyl-card__sleeve-wrap.svelte-zh42se{transition:transform .5s cubic-bezier(.34,1.2,.64,1);position:relative}.vinyl-card__sleeve-art.svelte-zh42se{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.vinyl-card__placeholder.svelte-zh42se{background:var(--cmc-teal);opacity:.12;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vinyl-card__question.svelte-zh42se{color:var(--cmc-navy);opacity:1;font-size:3rem;font-weight:700}.vinyl-card__caption.svelte-zh42se{padding:8px 2px 0}.vinyl-card__band.svelte-zh42se{color:var(--cmc-navy);font-size:.95rem;font-weight:700;line-height:1.2}.vinyl-card__meta.svelte-zh42se{color:var(--fg-2);margin-top:2px;font-size:.7rem;font-weight:600;transition:color .22s}.vinyl-card.svelte-zh42se:hover .vinyl-card__sleeve:where(.svelte-zh42se){border-style:solid;border-color:var(--cmc-brown)}