:root{--snd-house:#ffb000;--snd-techno:#9fb0c0;--snd-trance:#8c96ff;--snd-big-room:#ff4fa3;--snd-bass:#00d1b2;--snd-dnb:#b4e61d;--snd-hard:#ff3b2f;--snd-left:#c8a2ff}[data-fam=house]{--snd:var(--snd-house)}[data-fam=techno]{--snd:var(--snd-techno)}[data-fam=trance]{--snd:var(--snd-trance)}[data-fam=big-room]{--snd:var(--snd-big-room)}[data-fam=bass]{--snd:var(--snd-bass)}[data-fam=dnb]{--snd:var(--snd-dnb)}[data-fam=hard]{--snd:var(--snd-hard)}[data-fam=left]{--snd:var(--snd-left)}.snd-chip{font:400 .66rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:#d5cdbd;background:0 0;border:1px solid #716a5e;align-items:center;gap:7px;min-height:34px;padding:7px 10px 6px;text-decoration:none;display:inline-flex}.snd-chip.is-main{background:var(--paper);border-color:var(--paper);color:var(--ink)}a.snd-chip:hover,a.snd-chip:focus-visible{border-color:var(--snd,var(--paper));color:var(--paper)}a.snd-chip.is-main:hover,a.snd-chip.is-main:focus-visible{background:var(--paper);color:var(--ink);box-shadow:0 0 0 2px var(--snd,var(--red))}.snd-dot{background:var(--snd,var(--dim));border-radius:50%;flex:none;width:.62em;height:.62em;display:inline-block}.snd-chip.is-main .snd-dot{box-shadow:0 0 0 1.5px var(--ink)}.snd-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.snd-row .snd-label{color:var(--dim);font:400 .62rem var(--mono);text-transform:uppercase;letter-spacing:.05em}