.id-card.svelte-1w7zqvx{background:var(--bg-card,var(--color-base-200));border:2px solid var(--cmc-brown);width:100%;max-width:320px;transform:rotate(var(--tilt,-1deg));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;display:flex;position:relative;overflow:visible;container-type:inline-size}.id-card.svelte-1w7zqvx:focus,.id-card.svelte-1w7zqvx:hover{box-shadow:0 6px 0 0 var(--cmc-brown);transform:rotate(0)translateY(-3px)}.id-card.svelte-1w7zqvx:nth-child(3n+1){--tilt:-1.2deg}.id-card.svelte-1w7zqvx:nth-child(3n+2){--tilt:.8deg}.id-card.svelte-1w7zqvx:nth-child(3n+3){--tilt:-.3deg}.id-card.svelte-1w7zqvx:nth-child(5n){--tilt:1.6deg}.id-card.svelte-1w7zqvx:nth-child(7n){--tilt:-1.8deg}.id-card__header.svelte-1w7zqvx{justify-content:space-between;align-items:center;gap:3cqi;padding:4cqi 5cqi 2.5cqi;display:flex;position:relative}.id-card__brand.svelte-1w7zqvx{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-1w7zqvx{object-fit:contain;flex-shrink:0;width:auto;height:8cqi}.id-card__tag.svelte-1w7zqvx{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-1w7zqvx: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-1w7zqvx{flex:1;align-items:stretch;gap:3.5cqi;padding:5cqi 5cqi 4cqi;display:flex}.id-card__photo.svelte-1w7zqvx{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__pattern.svelte-1w7zqvx{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.id-card__initials.svelte-1w7zqvx{color:#fff;-webkit-text-stroke:2px var(--cmc-brown);paint-order:stroke fill;letter-spacing:.02em;z-index:1;font-size:6cqi;font-weight:700}.id-card__info.svelte-1w7zqvx{flex-direction:column;flex:1;gap:.5cqi;min-width:0;display:flex}.id-card__name.svelte-1w7zqvx{color:var(--color-secondary);font-size:5.8cqi;font-weight:700;line-height:1.15}.id-card__pronouns.svelte-1w7zqvx{white-space:nowrap;color:var(--fg-3);margin-left:.5cqi;font-size:3.2cqi;font-weight:400}.id-card__role.svelte-1w7zqvx{color:var(--fg-2);font-size:3.8cqi}.id-card__badges.svelte-1w7zqvx{flex-wrap:wrap;gap:1.2cqi;margin-top:1cqi;display:flex}.id-tag.svelte-1w7zqvx{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-base-content,currentColor);opacity:.55;font-size:2.9cqi;font-weight:700;display:inline-block}.id-tag--teal.svelte-1w7zqvx{color:var(--cmc-teal);opacity:.6}.id-tag--teal.svelte-1w7zqvx:has(+.id-tag--teal:where(.svelte-1w7zqvx)):after{content:", "}.id-tag--band.svelte-1w7zqvx{color:var(--color-secondary);opacity:.6}.id-tag--band.svelte-1w7zqvx:has(+.id-tag--band:where(.svelte-1w7zqvx)):after{content:", "}.id-tag--genre.svelte-1w7zqvx:has(+.id-tag--genre:where(.svelte-1w7zqvx)):after{content:", "}.id-card__bands.svelte-1w7zqvx{flex-wrap:wrap;gap:1.2cqi;display:flex}.id-card__footer.svelte-1w7zqvx{justify-content:space-between;align-items:center;gap:3cqi;padding:0 5cqi 3cqi;display:flex}.id-card__flags.svelte-1w7zqvx{flex-wrap:wrap;gap:2cqi;display:flex}.id-card__flags.svelte-1w7zqvx .id-card__flag-icon{width:5cqi;height:5cqi;color:var(--cmc-orange);opacity:.85}.id-card__since.svelte-1w7zqvx{letter-spacing:.04em;text-transform:uppercase;color:var(--color-base-content,currentColor);opacity:.4;white-space:nowrap;font-size:2.6cqi;font-weight:600}.vinyl-card.svelte-1lat3pc{cursor:pointer;--vinyl-label:var(--cmc-orange);width:100%;max-width:220px;display:block;position:relative}.vinyl-card.svelte-1lat3pc:focus,.vinyl-card.svelte-1lat3pc:hover{z-index:10}:is(.vinyl-card.svelte-1lat3pc:focus,.vinyl-card.svelte-1lat3pc:hover) .vinyl-card__sleeve-wrap:where(.svelte-1lat3pc){transform:rotate(-3deg)}:is(.vinyl-card.svelte-1lat3pc:focus,.vinyl-card.svelte-1lat3pc:hover) .vinyl-card__sleeve:where(.svelte-1lat3pc){transform:translate(-8%)}:is(.vinyl-card.svelte-1lat3pc:focus,.vinyl-card.svelte-1lat3pc:hover) .vinyl-card__disc:where(.svelte-1lat3pc){transform:translate(10%,-50%)rotate(60deg)}.vinyl-card__disc.svelte-1lat3pc{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-1lat3pc{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-1lat3pc{width:100%;height:100%;position:absolute;inset:0}.vinyl-card__arc.svelte-1lat3pc text:where(.svelte-1lat3pc){fill:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:6.5px;font-weight:700}.vinyl-card__arc.svelte-1lat3pc text:where(.svelte-1lat3pc):last-child{letter-spacing:.06em;fill:#fffc;font-size:4.2px;font-weight:600}.vinyl-card__logo.svelte-1lat3pc{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-1lat3pc{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-1lat3pc{transition:transform .5s cubic-bezier(.34,1.2,.64,1);position:relative}.vinyl-card__sleeve.svelte-1lat3pc:after{display:none}.vinyl-card__sleeve-art.svelte-1lat3pc{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.vinyl-card__pattern.svelte-1lat3pc{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vinyl-card__initials.svelte-1lat3pc{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-1lat3pc{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-1lat3pc{padding:8px 2px 0}.vinyl-card__band.svelte-1lat3pc{color:var(--cmc-teal);font-size:.95rem;font-weight:700;line-height:1.2}.vinyl-card__meta.svelte-1lat3pc{color:var(--fg-2);margin-top:2px;font-size:.7rem}