.spectrum.svelte-p83jop{width:100%;position:relative}.labels.svelte-p83jop{height:calc(var(--rows) * 2.6rem + .5rem);position:relative}.tag.svelte-p83jop{bottom:calc(var(--row) * 2.6rem + .4rem);border-left:1px solid color-mix(in oklab, var(--c) 60%, transparent);text-align:left;white-space:nowrap;opacity:.6;transition:opacity .4s, transform .5s var(--ease-expo);gap:.1rem;padding-left:.55rem;display:grid;position:absolute}.tag.flip.svelte-p83jop{border-left:0;border-right:1px solid color-mix(in oklab, var(--c) 60%, transparent);text-align:right;padding-left:0;padding-right:.55rem;translate:-100%}.tag.svelte-p83jop:hover,.tag.on.svelte-p83jop{opacity:1;transform:translateY(-3px)}.t-nm.svelte-p83jop{font-family:var(--font-mono);color:var(--c);font-size:.55rem}.t-name.svelte-p83jop{font-size:.8rem;font-weight:600}.band.svelte-p83jop{background:#050506;border-radius:.4rem;height:4.5rem;position:relative;overflow:hidden}.compact.svelte-p83jop .band:where(.svelte-p83jop){height:2.75rem}.compact.svelte-p83jop .labels:where(.svelte-p83jop){height:calc(var(--rows) * 1.9rem + .4rem)}.compact.svelte-p83jop .tag:where(.svelte-p83jop){bottom:calc(var(--row) * 1.9rem + .3rem)}.compact.svelte-p83jop .t-nm:where(.svelte-p83jop){display:none}.glow.svelte-p83jop{opacity:.12;filter:blur(6px);position:absolute;inset:0}.range.svelte-p83jop{background:linear-gradient(90deg, color-mix(in oklab, var(--c) 35%, transparent), transparent);opacity:.35;transition:opacity .5s;position:absolute;top:0;bottom:0}.range.on.svelte-p83jop{opacity:.9}.line.svelte-p83jop{background:var(--c);width:3px;box-shadow:0 0 8px var(--c), 0 0 22px var(--c);transition:width .5s var(--ease-expo);margin-left:-1.5px;animation:3.2s ease-in-out infinite svelte-p83jop-flicker;position:absolute;top:0;bottom:0}.line.on.svelte-p83jop{width:5px;box-shadow:0 0 12px var(--c), 0 0 40px var(--c), 0 0 80px var(--c);margin-left:-2.5px}.line.svelte-p83jop:nth-child(3n){animation-delay:-1.1s}.line.svelte-p83jop:nth-child(3n+1){animation-delay:-2.3s}@keyframes svelte-p83jop-flicker{0%,to{opacity:1}45%{opacity:.75}50%{opacity:.95}55%{opacity:.7}}.ticks.svelte-p83jop{height:1.5rem;color:var(--color-ash);margin-top:.5rem;font-size:.55rem;position:relative}.ticks.svelte-p83jop span:where(.svelte-p83jop){position:absolute;transform:translate(-50%)}.ticks.svelte-p83jop span:where(.svelte-p83jop):first-child{transform:none}