.modal.equalizer-modal{max-width:610px;width:calc(100vw - 32px);padding:28px}.equalizer-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600}.eq-switch{width:42px;height:25px;border:0;padding:3px;border-radius:20px;background:var(--line);cursor:pointer}.eq-switch span{display:block;width:19px;height:19px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0002;transition:transform .15s}.eq-switch.on{background:#777970}.eq-switch.on span{transform:translateX(17px)}.equalizer-graph{display:flex;gap:4px;margin:22px -6px 25px;align-items:stretch}.equalizer-graph.disabled{opacity:.45}.equalizer-band{display:flex;flex:1;min-width:0;align-items:center;flex-direction:column;gap:12px}.equalizer-band output{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.equalizer-band>span{color:var(--muted);font-size:11px}.equalizer-band input[type=range]{writing-mode:vertical-lr;direction:rtl;width:26px;height:164px;padding:0;border:0;border-radius:0;background:linear-gradient(var(--line),var(--line)) 50% /2px 100% no-repeat;cursor:ns-resize;touch-action:none}.equalizer-band input[type=range]::-webkit-slider-thumb{width:15px;height:15px;border:1.5px solid #777970;background:var(--surface);border-radius:50%;box-shadow:0 1px 3px #0001}.equalizer-band input[type=range]::-moz-range-thumb{width:13px;height:13px;border:1.5px solid #777970;background:var(--surface);border-radius:50%}.equalizer-band input[type=range]:focus-visible{outline:2px solid #777970;outline-offset:3px;border-radius:10px}.eq-preamp{margin-right:10px;padding-right:8px;border-right:1px solid var(--line)}.eq-scale{display:flex;flex:0 0 26px;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:10px;padding:26px 0 29px}.eq-preset-label{display:grid;gap:9px}.eq-description,.eq-preset-label{font-size:12px;color:var(--muted)}.eq-description{min-height:38px;line-height:1.6;margin:12px 0 16px}.eq-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:16px;font-size:11px;color:var(--muted)}.eq-reset{display:inline-flex;gap:6px;align-items:center;background:none;border:0;color:inherit;padding:8px 0 8px 8px;cursor:pointer}.eq-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}@media (max-width:600px){.modal.equalizer-modal{padding:23px 18px}.equalizer-graph{gap:0;margin-left:-7px;margin-right:-7px}.equalizer-band input[type=range]{width:24px;height:150px}.equalizer-band>span{font-size:10px}.eq-preamp{margin-right:5px;padding-right:4px}.eq-scale{flex-basis:22px;font-size:9px}}@media (prefers-reduced-motion:reduce){.eq-switch span{transition:none}}@media (max-width:380px){.equalizer-band input[type=range]{width:20px}.equalizer-band>span{font-size:9px}.eq-scale{flex-basis:18px}}