.band-card[data-v-36d36849]{display:flex;flex-direction:column;position:relative;height:100%;overflow:hidden;color:var(--text);background:linear-gradient(145deg,color-mix(in oklab,hsl(var(--h),70%,55%) 5%,var(--surface-1)),var(--surface-1) 45%);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.band-card[data-v-36d36849]:before{content:"";position:absolute;inset:0 auto 0 0;z-index:2;width:3px;background:hsl(var(--h),72%,55%);transform:scaleY(.32);transform-origin:bottom;transition:transform var(--dur) var(--ease-out)}.band-card[data-v-36d36849]:hover{border-color:color-mix(in oklab,var(--accent) 45%,var(--border));box-shadow:var(--shadow-lg);transform:translateY(-3px)}.band-card[data-v-36d36849]:hover:before{transform:scaleY(1)}.band-card:hover .band-card__media img[data-v-36d36849]{transform:scale(1.05)}.band-card:hover .band-card__arrow[data-v-36d36849]{color:#fff;background:hsl(var(--h),65%,48%);transform:translate(2px)}.band-card--static[data-v-36d36849]{cursor:default}.band-card--static[data-v-36d36849]:hover{border-color:var(--border);transform:none;box-shadow:none}.band-card--static[data-v-36d36849]:hover:before{transform:scaleY(.32)}.band-card__media[data-v-36d36849]{position:relative;aspect-ratio:4/3;overflow:hidden;isolation:isolate;display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--h),60%,46%),hsl(calc(var(--h) + 42),64%,30%))}.band-card__media img[data-v-36d36849]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.band-card__media[data-v-36d36849]:after{content:"";position:absolute;inset:auto 0 0;height:42%;pointer-events:none;background:linear-gradient(transparent,#0000004d)}.band-card__initial[data-v-36d36849]{color:#fff;font-size:var(--fs-3xl);font-weight:700;line-height:1;opacity:.9}.band-card__plays[data-v-36d36849]{position:absolute;left:var(--space-s);bottom:var(--space-s);z-index:1;display:inline-flex;align-items:center;gap:.4em;padding:.38em .72em;font-size:var(--fs-2xs);font-weight:700;color:#fff;background:#0a0c0cb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.18);border-radius:var(--r-pill)}.band-card__plays[data-v-36d36849] svg{color:#1ed760}.band-card__body[data-v-36d36849]{flex-direction:column;padding:var(--space-m);flex:1}.band-card__body[data-v-36d36849],.band-card__heading[data-v-36d36849]{display:flex;gap:var(--space-s);min-width:0}.band-card__heading[data-v-36d36849]{align-items:flex-start}.band-card__name[data-v-36d36849]{flex:1;min-width:0;font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;line-height:1.15;letter-spacing:-.015em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.band-card__arrow[data-v-36d36849]{flex:0 0 1.8rem;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--text-dim);transition:color var(--dur) var(--ease-out),background var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.band-card__arrow[data-v-36d36849] svg{font-size:.72rem}.band-card__meta[data-v-36d36849]{display:flex;flex-wrap:wrap;gap:var(--space-2xs);min-width:0;margin-top:auto}.band-card__tag[data-v-36d36849]{display:inline-flex;align-items:center;gap:.42em;max-width:100%;padding:.32em .65em;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-2xs);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.band-card__tag[data-v-36d36849] svg{flex-shrink:0;color:var(--text-dim);font-size:.82em}.band-card__tag--genre[data-v-36d36849]{border-color:color-mix(in oklab,hsl(var(--h),65%,52%) 28%,var(--border));background:color-mix(in oklab,hsl(var(--h),65%,52%) 9%,var(--surface-2))}.band-card__tag--genre[data-v-36d36849] svg{color:hsl(var(--h),65%,52%)}.band-card--list[data-v-36d36849]{flex-direction:row;align-items:center}.band-card--list .band-card__media[data-v-36d36849]{width:80px;height:80px;flex-shrink:0;aspect-ratio:1;border-radius:var(--r-md);margin:var(--space-s) 0 var(--space-s) var(--space-s)}.band-card--list .band-card__plays[data-v-36d36849]{display:none}.band-card--list .band-card__body[data-v-36d36849]{padding:var(--space-s);justify-content:center}.band-card--list .band-card__heading[data-v-36d36849]{align-items:center}.band-card--list .band-card__name[data-v-36d36849]{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.band-card--list .band-card__arrow[data-v-36d36849]{flex-basis:1.65rem;width:1.65rem;height:1.65rem}.band-card--list .band-card__meta[data-v-36d36849]{margin-top:0;flex-wrap:nowrap;overflow:hidden}.band-card--list .band-card__tag[data-v-36d36849]{min-width:0}@media(max-width:768px){.band-card[data-v-36d36849]{flex-direction:row;align-items:center}.band-card .band-card__media[data-v-36d36849]{width:80px;height:80px;flex-shrink:0;aspect-ratio:1;border-radius:var(--r-md);margin:var(--space-s) 0 var(--space-s) var(--space-s)}.band-card .band-card__plays[data-v-36d36849]{display:none}.band-card .band-card__body[data-v-36d36849]{padding:var(--space-s);justify-content:center}.band-card .band-card__heading[data-v-36d36849]{align-items:center}.band-card .band-card__name[data-v-36d36849]{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.band-card .band-card__arrow[data-v-36d36849]{flex-basis:1.65rem;width:1.65rem;height:1.65rem}.band-card .band-card__meta[data-v-36d36849]{margin-top:0;flex-wrap:nowrap;overflow:hidden}.band-card .band-card__tag[data-v-36d36849]{min-width:0}}