@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";@font-face{font-family:Generation Mono;src:url(/Generation-Mono.otf)}:root{--black-color:#131313;--white-color:#5e5e5d;--red-color:#d72828;--grey-color:#db091e;--green-color:#57d963;--bright-color:#70706e}html{background-color:var(--black-color)}*{font-family:Geist Mono;font-size:1rem;font-weight:400}.tooltip{overflow-wrap:break-word;max-width:35rem}.title{font-family:Generation Mono}body{width:40rem;margin:1rem auto}#connect-device{justify-content:space-between;display:flex}#connect-device p{text-align:right;width:70%;margin:0;padding:0}@media (width<=700px){body{width:90%;margin:2rem auto}.title{word-break:break-all;width:100%!important}}.control-panel{flex-wrap:wrap;gap:.6rem;display:flex}.primary,.status{background-color:var(--white-color);color:var(--black-color);border:none;width:max-content;height:max-content;padding:0 2px}#connect-device{background-color:var(--red-color)}.status[data-status=connected],.status[data-status=saved]{background-color:var(--green-color)}button{cursor:pointer}.secondary{color:var(--white-color);outline:var(--white-color) 1px solid;background-color:#0000;border:none;width:max-content;height:max-content;padding:0 2px}.active-product{color:var(--red-color);outline:var(--red-color) 1px solid}.info-text p{width:70%;color:var(--white-color)}p{color:var(--white-color)}.header{flex-direction:column;justify-content:space-between;gap:.6rem;width:100%;display:flex}.graph-and-gain{outline:1px var(--white-color) solid;justify-content:space-between;width:100%;display:flex}.graph-lines text{fill:var(--white-color);opacity:.5;padding-bottom:10px;font-size:.8rem}svg line{stroke:var(--red-color);opacity:.3}#eq-path{stroke:var(--red-color)}.eq-point rect{fill:var(--red-color)}.eq-point text{fill:var(--black-color)}.fader{background-color:var(--white-color);outline:1px var(--white-color) solid;flex-direction:column;align-items:center;width:70px;height:340px;display:flex;position:relative}.fader-inverted{outline:1px var(--white-color) solid;background-color:#0000}.fader-track-line{background:var(--red-color);opacity:.5;width:2px;height:280px;position:absolute;top:15px}.fader-inverted .fader-track-line{background:var(--red-color)}.fader-handle{background:var(--red-color);color:var(--black-color);cursor:n-resize;-webkit-user-select:none;user-select:none;padding:0 2px;position:absolute}.fader-inverted .fader-handle{background:var(--red-color);color:var(--black-color)}.fader-value-box{background:var(--black-color);color:var(--white-color);justify-content:center;align-items:center;height:30px;font-family:monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.fader-inverted .fader-value-box{background:var(--white-color);color:var(--black-color)}.bands-container{justify-content:space-between;width:100%;margin-top:1.2rem;margin-right:-5px;padding-top:3px;padding-bottom:3px;display:flex;overflow-x:auto}.band-card{flex-direction:column;flex:none;align-items:center;gap:10px;width:4.8rem;display:flex}.band-inputs{flex-direction:column;align-items:center;gap:6px;width:60px;display:flex}select option{background-color:var(--black-color);color:var(--white-color)}.band-numeric-input{color:var(--white-color);flex-direction:column;gap:2px;font-size:.6rem;display:flex}.input-with-unit{border:1px solid var(--white-color);align-items:center;width:fit-content;padding:2px 4px;display:flex}.input-with-unit input,.band-numeric-input>input{color:var(--white-color);background:0 0;border:none;outline:none;padding:0;font-family:Geist Mono}.band-numeric-input>input{border:1px solid var(--white-color);width:fit-content;padding:2px 4px}.unit{color:var(--white-color)}.slider{opacity:0;cursor:pointer;z-index:3;-webkit-appearance:slider-vertical;writing-mode:bt-lr;width:100%;height:260px;position:absolute;top:10px}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}a{text-decoration:none}table{width:100%;color:var(--white-color);opacity:.5;margin-top:.6rem;padding:0}tr td:nth-child(2){text-align:right}.link{color:var(--bright-color);background-color:#0000;border:0;margin:0;padding:0;text-decoration:underline}code{color:var(--bright-color);font-style:italic}.bright-text{color:var(--bright-color)}a{color:inherit;text-decoration:none}.tooltip-container{display:inline-block;position:relative}.tooltip{z-index:999999;border:1px solid var(--white-color);background:var(--black-color);width:max-content;color:var(--white-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;padding:2px 8px;position:absolute}.tooltip-bottom{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.tooltip-bottom:before{content:"";width:100%;height:5px;position:absolute;top:-5px;left:0}.tooltip-container:hover .tooltip,.tooltip:hover{opacity:1;visibility:visible}