.eq-page{--eqAccent:var(--navButtonAvtiveColor, var(--radioTitlecolor));color:var(--textColor);padding:0 8px 16px 3px;max-width:640px;margin:0 auto;box-sizing:border-box}.eq-presets{display:flex;flex-wrap:wrap;justify-content:center;margin:8px 0 4px 0}.eq-page .eq-preset{background:0 0;color:var(--textColor);border:1px solid var(--borderTopColor);border-radius:16px;padding:5px 12px;margin:4px;font-size:13px;line-height:18px;outline:0;-webkit-tap-highlight-color:transparent}.eq-page .eq-preset:hover{border-color:var(--eqAccent)}.eq-page .eq-preset.eq-preset-selected{background:var(--eqAccent);border-color:var(--eqAccent);color:#fff}.eq-page .eq-preset .material-icons{font-size:16px;vertical-align:middle;line-height:18px}.eq-page .eq-preset-user{padding-right:6px}.eq-page .eq-preset-user span:first-child{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.eq-page .eq-preset-delete{padding:2px;margin:-2px -2px -2px 4px;opacity:.7;border-radius:50%}.eq-page .eq-preset-delete:hover{opacity:1}.eq-page .eq-preset-save{border-style:dashed;padding-left:8px}.eq-page .eq-preset-save .material-icons{margin-right:2px}.eq-bands{display:flex;justify-content:space-between;padding:8px 0 0 0;user-select:none;-webkit-user-select:none}.eq-band{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center}.eq-value{font-size:12px;height:18px;line-height:18px;font-variant-numeric:tabular-nums;color:var(--menuOptionsTextColor)}.eq-freq{font-size:11px;margin-top:6px;color:var(--menuOptionsTextColor);white-space:nowrap}.eq-track{position:relative;width:30px;height:220px;cursor:pointer;touch-action:none;outline:0;-webkit-tap-highlight-color:transparent}.eq-rail{position:absolute;left:50%;top:9px;bottom:9px;width:4px;margin-left:-2px;border-radius:2px;background:var(--borderTopColor)}.eq-zero{position:absolute;left:50%;top:50%;width:14px;height:1px;margin-left:-7px;background:var(--menuOptionsTextColor);opacity:.6}.eq-fill{position:absolute;left:50%;width:4px;margin-left:-2px;border-radius:2px;background:var(--eqAccent)}.eq-thumb{position:absolute;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--eqAccent);box-shadow:0 1px 3px rgba(0,0,0,.4);transition:transform .1s}.eq-track.eq-active .eq-thumb{transform:scale(1.25)}.eq-track:focus-visible .eq-thumb{transform:scale(1.25)}.eq-status{display:none;margin:14px 8px 0 8px;font-size:13px;text-align:center;color:var(--secondBaseColor)}.eq-page.eq-disabled .eq-fill,.eq-page.eq-disabled .eq-thumb{background:var(--btnOptionsColor)}.eq-page.eq-disabled .eq-bands,.eq-page.eq-disabled .eq-presets{opacity:.55}@media (max-height:640px){.eq-track{height:160px}}@media (max-width:360px){.eq-freq{font-size:10px}.eq-page .eq-preset{padding:4px 10px;font-size:12px}}.vu-meter{pointer-events:none}.vu-off .vu-meter{display:none}.display-time:before{font-variant-numeric:tabular-nums;min-width:3.1em;text-align:right}.display-time:not([start-time]):before,.display-time[start-time=""]:before{content:"00:00";visibility:hidden}.display-time:not([end-time]):after,.display-time[end-time=""]:after{content:"Live";visibility:hidden}.vu-header{position:relative;height:inherit}.vu-header .vu-meter{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%)}.vu-ch{position:relative;height:5px;overflow:hidden;background:rgba(128,128,128,.22);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0,#000 4px,transparent 4px,transparent 6px);mask-image:repeating-linear-gradient(90deg,#000 0,#000 4px,transparent 4px,transparent 6px)}.vu-ch+.vu-ch{margin-top:2px}.vu-bar{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,#22c43a 0,#5be04a 66%,#f2d21b 66%,#ffb300 86%,#ff3b30 86%,#ff1a1a 100%);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.vu-peak{position:absolute;left:0;top:0;width:6px;height:100%;opacity:0;background:var(--textColor,#fff);transform:translateX(0)}.vu-idle .vu-ch{opacity:.6}.vu-spec-bars{display:none}.vu-spectrum.vu-live img{display:none}.vu-spectrum.vu-live .vu-spec-bars{display:inline-flex;align-items:flex-end}.vu-spec-bars i{flex:0 0 auto;height:100%;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}.vu-spec-bars i+i{margin-left:1px}.vu-spec-title .vu-spec-bars{width:32px;height:23px}.vu-spec-title .vu-spec-bars i{width:7px;background:linear-gradient(to top,#22c43a 0,#5be04a 16px,#f2d21b 16px,#ffb300 20px,#ff3b30 20px,#ff1a1a 100%);-webkit-mask-image:repeating-linear-gradient(to top,#000 0,#000 3px,transparent 3px,transparent 4px);mask-image:repeating-linear-gradient(to top,#000 0,#000 3px,transparent 3px,transparent 4px)}.vu-spec-bottom img{display:block}.vu-spectrum.vu-spec-bottom.vu-live .vu-spec-bars{display:flex;width:23px;height:17px;margin:-1px -3px 0 0}.vu-spec-bottom .vu-spec-bars i{width:5px;background:linear-gradient(to top,#22c43a 0,#5be04a 12px,#f2d21b 12px,#ffb300 15px,#ff3b30 15px,#ff1a1a 100%);-webkit-mask-image:repeating-linear-gradient(to top,#000 0,#000 2px,transparent 2px,transparent 3px);mask-image:repeating-linear-gradient(to top,#000 0,#000 2px,transparent 2px,transparent 3px)}