.equalizer{padding:16px 0 4px;border-top:1px solid #00f0ff44}.eq-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.eq-heading h2{font:700 17px/1.3 Rajdhani,sans-serif;letter-spacing:.08em;color:var(--cy);margin:0}.eq-actions{display:flex;gap:8px}.eq-actions button{font:700 14px Rajdhani,sans-serif;min-height:44px;padding:7px 10px;background:transparent;border:1px solid #8db6c8;color:#c0e6ed;cursor:pointer}.eq-actions button[aria-pressed=true]{color:var(--ye);border-color:var(--ye)}.eq-actions button:focus-visible{outline:3px solid var(--ye);outline-offset:3px}
.eq-faders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,3vw,28px);margin-top:12px}.eq-band{--eq-color:var(--cy);display:grid;justify-items:center;gap:7px;min-width:0}.eq-band:nth-child(2){--eq-color:var(--mg)}.eq-band:nth-child(3){--eq-color:var(--ye)}.eq-band label{font:700 16px Rajdhani,sans-serif;letter-spacing:.06em;color:var(--eq-color)}.eq-rail{position:relative;height:156px;width:100%;display:grid;place-items:center}.eq-rail::before{content:"";position:absolute;top:12px;bottom:12px;left:calc(50% - 4px);width:8px;background:#243244}
.eq-rail input[type=range]{appearance:auto;-webkit-appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:44px;height:156px;accent-color:var(--eq-color);position:relative;z-index:1;padding:0;margin:0}.eq-rail input[type=range]::-webkit-slider-runnable-track{background:transparent;mask:none;-webkit-mask:none;width:8px;height:100%}.eq-rail input[type=range]::-webkit-slider-thumb{-webkit-appearance:auto;appearance:auto;width:28px;height:14px;margin:0;box-shadow:none;background:var(--eq-color)}.eq-rail input[type=range]::-moz-range-track{background:transparent;mask:none;width:8px;height:100%}.eq-rail input[type=range]::-moz-range-thumb{width:28px;height:14px;margin:0;box-shadow:none;background:var(--eq-color);border:0}.eq-scale{position:absolute;left:calc(50% + 24px);top:7px;bottom:7px;display:flex;flex-direction:column;justify-content:space-between;font:500 13px Rajdhani,sans-serif;color:#94b3ca;pointer-events:none}.eq-band output{font:700 16px Rajdhani,sans-serif;color:var(--eq-color);font-variant-numeric:tabular-nums;min-width:58px;text-align:center}.eq-caption{margin-top:13px;font:500 14px/1.3 Rajdhani,sans-serif;color:#94b3ca}.equalizer[data-enabled=false] .eq-band:not(.balance-band){opacity:.5}
@media(max-width:500px){.eq-heading{gap:4px}.eq-heading h2{font-size:16px}.eq-actions button{padding:6px 8px}.eq-band label{font-size:15px;letter-spacing:0}.eq-scale{left:calc(50% + 18px);font-size:12px}.eq-rail,.eq-rail input[type=range]{height:144px}}

.eq-band:nth-child(4){--eq-color:#bdaaff}.balance-band output{font-size:14px}.eq-faders{gap:clamp(6px,2vw,20px)}.equalizer[data-enabled=false] .balance-band{opacity:1}
@media(max-width:500px){.eq-band label{font-size:13px}.eq-scale{left:calc(50% + 17px)}.eq-band output{font-size:14px;min-width:0}.balance-band output{font-size:12px}}