.component-console .slider{-webkit-appearance:none;width:9px;height:220px;border-radius:3px;background:#d3d3d3;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;writing-mode:vertical-lr;direction:rtl}.component-console .slider:hover{opacity:1}.component-console .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:35px;border-top:17px solid var(--color-06);border-bottom:17px solid var(--color-06);background:var(--color-99);cursor:pointer;position:relative}.component-console .slider::-moz-range-thumb{width:25px;height:35px;border-top:17px solid var(--color-06);border-bottom:17px solid var(--color-06);background:var(--color-99);cursor:pointer;position:relative}.component-console .gap{gap:30px;min-width:70px}.component-console .scale{position:absolute;height:220px;font-size:.6rem}.component-console .scale .scale-label{position:absolute;left:30px}.component-console .slider-scale{padding:10px 0}.component-console .scale-label.label-12{top:4.54%}.component-console .scale-label.label-6{top:15.42%}.component-console .scale-label.label-0{top:25.86%}.component-console .scale-label.label-10{top:41.73%}.component-console .scale-label.label-20{top:56.25%}.component-console .scale-label.label-30{top:67.59%}.component-console .scale-label.label-40{top:77.11%}.component-console .scale-label.label-infinity{top:88%;font-size:.75rem}.component-console .fader-buttons{position:absolute;margin-bottom:152px;gap:10px;margin-left:-30px}.component-console .fader-label{display:inline-block;min-width:110px;padding:3px;text-align:center;background-color:var(--color-04)}.component-console .fader{min-width:70px;background-color:var(--color-02)}.component-console .channel-strip{background-color:var(--color-02);align-items:end}.component-console .mixer-button-bank{padding:0;margin:0;width:30px;height:30px;color:var(--color-09)}.component-console .mixer-button-bank:hover{color:var(--color-99)}.component-console .mixer-label{font-size:.7rem}.component-console .fader-button{position:relative;border:none;padding:0;margin:0;border-radius:2px;cursor:pointer;width:16px;height:16px;z-index:2}.component-console .fader-button:hover{background-color:var(--color-10)}.component-console .fader-button.muted:hover{background-color:#c82333}.component-console .button-solo{background-color:#d1f2eb;opacity:50%}.component-console .button-solo:hover{background-color:#48c9b0}.component-console .button-solo.active{background-color:#48c9b0;opacity:100%}.component-console .button-mute{background-color:#fdebd0;opacity:50%}.component-console .button-mute:hover{background-color:#f5b041}.component-console .button-mute.active{background-color:#f5b041;opacity:100%}.component-console .button-sel{background-color:#d6eaf8;opacity:50%}.component-console .button-sel:hover{background-color:#5dade2}.component-console .button-sel.active{background-color:#5dade2;opacity:100%}