/*!
 * 
 *   simple-keyboard v3.4.210
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#777;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--background-color);border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px rgba(0,0,0,.3);box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:50px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;max-width:272px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:rgba(0,0,0,.03);cursor:pointer}li.hg-candidate-box-list-item:active{background:rgba(0,0,0,.1)}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;background:#d0d0d0;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.clr-picker{background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.05),0 5px 20px rgba(0,0,0,.1);display:none;flex-wrap:wrap;justify-content:flex-end;position:absolute;-moz-user-select:none;-webkit-user-select:none;user-select:none;width:200px;z-index:1000}.clr-picker.clr-open,.clr-picker[data-inline=true]{display:flex}.clr-gradient,.clr-picker[data-inline=true]{position:relative}.clr-gradient{background-image:linear-gradient(transparent,#000),linear-gradient(90deg,#fff,currentColor);border-radius:3px 3px 0 0;cursor:pointer;height:100px;margin-bottom:15px;width:100%}.clr-marker{background-color:currentColor;border:1px solid #fff;border-radius:50%;cursor:pointer;height:12px;margin:-6px 0 0 -6px;position:absolute;width:12px}.clr-picker input[type=range]::-webkit-slider-runnable-track{height:8px;width:100%}.clr-picker input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:8px;width:8px}.clr-picker input[type=range]::-moz-range-track{border:0;height:8px;width:100%}.clr-picker input[type=range]::-moz-range-thumb{border:0;height:8px;width:8px}.clr-hue{background-image:linear-gradient(90deg,red 0,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red)}.clr-alpha,.clr-hue{border-radius:4px;height:8px;margin:5px 20px;position:relative;width:calc(100% - 40px)}.clr-alpha span{background-image:linear-gradient(90deg,transparent,currentColor);border-radius:inherit;display:block;height:100%;width:100%}.clr-alpha input,.clr-hue input{appearance:none;-webkit-appearance:none;background-color:transparent;cursor:pointer;height:16px;left:-8px;margin:0;opacity:0;position:absolute;top:-4px;width:calc(100% + 16px)}.clr-alpha div,.clr-hue div{border:2px solid #fff;box-shadow:0 0 1px #888;height:16px;margin-left:-8px;pointer-events:none;top:50%;transform:translateY(-50%);width:16px}.clr-alpha div,.clr-alpha div:before,.clr-hue div{background-color:currentColor;border-radius:50%;left:0;position:absolute}.clr-alpha div:before{content:"";height:100%;top:0;width:100%}.clr-format{display:none;margin:0 20px 20px;order:1;width:calc(100% - 40px)}.clr-segmented{border:1px solid #ddd;border-radius:15px;box-sizing:border-box;color:#999;display:flex;font-size:12px;margin:0;padding:0;position:relative;width:100%}.clr-segmented input,.clr-segmented legend{border:0;height:100%;left:0;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;top:0;width:100%}.clr-segmented label{cursor:pointer;flex-grow:1;font-size:inherit;font-weight:400;line-height:normal;margin:0;padding:4px 0;text-align:center}.clr-segmented label:first-of-type{border-radius:10px 0 0 10px}.clr-segmented label:last-of-type{border-radius:0 10px 10px 0}.clr-segmented input:checked+label{background-color:#666;color:#fff}.clr-swatches{margin:0 16px;order:2;width:calc(100% - 32px)}.clr-swatches div{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:12px}.clr-swatches button{border:0;border-radius:50%;color:inherit;cursor:pointer;height:20px;margin:0 4px 6px;overflow:hidden;padding:0;position:relative;text-indent:-1000px;white-space:nowrap;width:20px}.clr-swatches button:after{background-color:currentColor;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}input.clr-color{background-color:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:none;color:#444;font-family:sans-serif;font-size:14px;height:32px;margin:15px 20px 20px auto;order:1;padding:0 10px;text-align:center;width:calc(100% - 80px)}input.clr-color:focus{border:1px solid #1e90ff;outline:none}.clr-clear,.clr-close{background-color:#666;border:0;border-radius:12px;color:#fff;cursor:pointer;display:none;font-family:inherit;font-size:12px;font-weight:400;height:24px;margin:0 20px 20px;order:2;padding:0 20px}.clr-close{display:block;margin:0 20px 20px auto}.clr-preview{border-radius:50%;height:32px;margin:15px 0 20px 20px;overflow:hidden;position:relative;width:32px}.clr-preview:after,.clr-preview:before{border:1px solid #fff;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.clr-preview:after{background-color:currentColor;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.clr-preview button{background-color:transparent;border:0;cursor:pointer;height:100%;margin:0;padding:0;position:absolute;text-indent:-9999px;width:100%;z-index:1}.clr-alpha div,.clr-color,.clr-hue div,.clr-marker{box-sizing:border-box}.clr-field{color:transparent;display:inline-block;position:relative}.clr-field input{margin:0}.clr-field button{border:0;color:inherit;height:100%;margin:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;right:0;text-indent:-1000px;top:50%;transform:translateY(-50%);white-space:nowrap;width:30px}.clr-field button:after{background-color:currentColor;border-radius:inherit;box-shadow:inset 0 0 1px rgba(0,0,0,.5);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.clr-alpha,.clr-alpha div,.clr-field button,.clr-preview:before,.clr-swatches button{background-image:repeating-linear-gradient(45deg,#aaa 25%,transparent 0,transparent 75%,#aaa 0,#aaa),repeating-linear-gradient(45deg,#aaa 25%,#fff 0,#fff 75%,#aaa 0,#aaa);background-position:0 0,4px 4px;background-size:8px 8px}.clr-marker:focus{outline:none}.clr-keyboard-nav .clr-alpha input:focus+div,.clr-keyboard-nav .clr-hue input:focus+div,.clr-keyboard-nav .clr-marker:focus,.clr-keyboard-nav .clr-segmented input:focus+label{box-shadow:0 0 0 2px #1e90ff,0 0 2px 2px #fff;outline:none}.clr-picker[data-alpha=false] .clr-alpha{display:none}.clr-picker[data-minimal=true]{padding-top:16px}.clr-picker[data-minimal=true] .clr-alpha,.clr-picker[data-minimal=true] .clr-color,.clr-picker[data-minimal=true] .clr-gradient,.clr-picker[data-minimal=true] .clr-hue,.clr-picker[data-minimal=true] .clr-preview{display:none}.clr-dark{background-color:#444}.clr-dark .clr-segmented{border-color:#777}.clr-dark .clr-swatches button:after{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.3)}.clr-dark input.clr-color{background-color:#555;border-color:#777;color:#fff}.clr-dark input.clr-color:focus{border-color:#1e90ff}.clr-dark .clr-preview:after{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5)}.clr-dark .clr-alpha,.clr-dark .clr-alpha div,.clr-dark .clr-preview:before,.clr-dark .clr-swatches button{background-image:repeating-linear-gradient(45deg,#666 25%,transparent 0,transparent 75%,#888 0,#888),repeating-linear-gradient(45deg,#888 25%,#444 0,#444 75%,#888 0,#888)}.clr-picker.clr-polaroid{border-radius:6px;box-shadow:0 0 5px rgba(0,0,0,.1),0 5px 30px rgba(0,0,0,.2)}.clr-picker.clr-polaroid:before{border:solid transparent;border-bottom:solid;border-width:0 8px 10px;box-sizing:border-box;color:#fff;content:"";display:block;filter:drop-shadow(0 -4px 3px rgba(0,0,0,.1));height:10px;left:20px;pointer-events:none;position:absolute;top:-10px;width:16px}.clr-picker.clr-polaroid.clr-dark:before{color:#444}.clr-picker.clr-polaroid.clr-left:before{left:auto;right:20px}.clr-picker.clr-polaroid.clr-top:before{bottom:-10px;top:auto;transform:rotate(180deg)}.clr-polaroid .clr-gradient{border-radius:3px;height:120px;margin:10px;width:calc(100% - 20px)}.clr-polaroid .clr-alpha,.clr-polaroid .clr-hue{border-radius:5px;height:10px;margin:6px 15px;width:calc(100% - 30px)}.clr-polaroid .clr-alpha div,.clr-polaroid .clr-hue div{box-shadow:0 0 5px rgba(0,0,0,.2)}.clr-polaroid .clr-format{margin:0 10px 15px;width:calc(100% - 20px)}.clr-polaroid .clr-swatches{margin:0 6px;width:calc(100% - 12px)}.clr-polaroid .clr-swatches div{padding-bottom:10px}.clr-polaroid .clr-swatches button{height:22px;width:22px}.clr-polaroid input.clr-color{margin:10px 10px 15px auto;width:calc(100% - 60px)}.clr-polaroid .clr-clear{margin:0 10px 15px}.clr-polaroid .clr-close{margin:0 10px 15px auto}.clr-polaroid .clr-preview{margin:10px 0 15px 10px}.clr-picker.clr-large{width:275px}.clr-large .clr-gradient{height:150px}.clr-large .clr-swatches button{height:22px;width:22px}.clr-picker.clr-pill{box-sizing:border-box;padding-left:180px;width:380px}.clr-pill .clr-gradient{border-radius:3px 0 0 3px;height:100%;left:0;margin-bottom:0;position:absolute;top:0;width:180px}.clr-pill .clr-hue{margin-top:20px}body{margin:0;padding:0;user-select:none}#gaugeDivID_ADC_DAC-td,#gaugeDivID_GPS-td,#gaugeDivID_VehicleTile-td{position:relative;z-index:11}@media (max-aspect-ratio:4503599627370496/5854679515581645){#tile-table{border-bottom:.5vw solid var(--config-input-background-color);border-collapse:collapse;display:grid;grid-auto-flow:column;padding:0;width:100%;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0}}@media (min-aspect-ratio:4503599627370496/5854679515581645){#tile-table{border-bottom:.5vw solid var(--config-input-background-color);border-collapse:collapse;display:grid;grid-auto-flow:column;padding:0;width:100%;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0}}td.tile-table-td-2row{-webkit-box-sizing:border-box;height:50vw;margin:0;padding:0;text-align:left;width:50vw}td.tile-table-td-4row{-webkit-box-sizing:border-box;display:inline-block;height:50vw;margin:-12.5vw;padding:0;scale:.5;text-align:left;width:50vw;.gauge-div{border-radius:3vw;-webkit-box-sizing:border-box;height:48vw;margin:1vw;overflow:hidden;padding:0;width:48vw}}.div96x96{background-color:var(--background-color);box-sizing:border-box;display:grid;grid-template-columns:repeat(96,1fr);grid-template-rows:repeat(96,1fr);height:47vw;width:46.7vw;.lastOne{border-right:none}& table{& td{display:inline-grid}}}.div96x90wrapper{background-color:var(--background-color);box-sizing:border-box;display:grid;grid-template-columns:repeat(96,1fr);grid-template-rows:repeat(90,1fr);height:44.0625vw;width:46.7vw;.lastOne{border-right:none}& table{& td{display:inline-grid}}}.r2x1{[class*=digit]{& h3{line-height:normal;text-align:right}& h3,& h4{margin-bottom:0;position:relative}& h4{text-align:left}& h5{margin:0;padding-bottom:3%;padding-top:2%;text-align:center}}.digits-8{& h3{left:-11%;margin-top:6%;scale:.75}& h4{left:66%;margin-top:-15.5%;scale:.75}}.digits-7{& h3{left:-16%;margin-top:6%;scale:.85}& h4{left:70%;margin-top:-15.5%;scale:.85}}.digits-6{& h3{left:-23%;margin-top:6%;scale:.9}& h4{left:68%;margin-top:-15.5%;scale:.9}}.digits-5{& h3{left:-33%;margin-top:5%}& h3,& h4{scale:1.05}& h4{left:73%;margin-top:-16%}}.digits-4{& h3{left:-47%;margin-top:6%}& h3,& h4{scale:1.25}& h4{left:79%;margin-top:-15.5%}}.digits-3{& h3{left:-65%;margin-top:6%;scale:1.5}& h4{left:85%;margin-top:-14.5%;scale:1.5}}.digits-2{& h3{left:-89%;margin-top:6%;scale:1.8}& h4{left:92%;margin-top:-14.5%;scale:1.8}}.digits-1{& h3{left:-89%;margin-top:6%;scale:1.8}& h4{left:92%;margin-top:-14.5%;scale:1.8}}}.r3x1{[class*=digit]{height:100%;& h3{line-height:normal;text-align:right}& h3,& h4{margin-bottom:0;position:relative}& h4{text-align:left}& h5{margin:0;padding-bottom:3%;padding-top:2%;text-align:center}}.digits-8{& h3{left:-11%;margin-top:-3%;scale:.75}& h4{left:66%;margin-top:-16%;scale:.75}}.digits-7{& h3{left:-16%;margin-top:-3%;scale:.85}& h4{left:70%;margin-top:-16.5%;scale:.85}}.digits-6{& h3{left:-23%;margin-top:-3%;scale:.9}& h4{left:68%;margin-top:-15.5%;scale:.9}}.digits-5{& h3{left:-33%;margin-top:-3%}& h3,& h4{scale:1.05}& h4{left:73%;margin-top:-15%}}.digits-4{& h3{left:-47%;margin-top:0}& h3,& h4{scale:1.25}& h4{left:79%;margin-top:-15.5%}}.digits-3{& h3{left:-50%;margin-top:0;scale:1.3}& h4{left:80%;margin-top:-15.5%;scale:1.3}}.digits-3-no-Label{& h3{left:-48%;margin-top:7%;scale:1.5}& h4{left:104%;margin-top:-16.5%;scale:1.5}& h5{display:none}}.digits-2{& h3{left:-74%;margin-top:0;scale:1.5}& h4{left:77%;margin-top:-14.5%;scale:1.5}}.digits-1{& h3{left:-74%;margin-top:0;scale:1.5}& h4{left:77%;margin-top:-14.5%;scale:1.5}}}.r8x1{align-items:center;border-bottom:.2vw solid var(--main-table-grid-color);display:block;overflow:hidden;& div{& div{display:block}}[class*=digit]{height:100%;& h3{line-height:normal;text-align:right;white-space:nowrap}& h3,& h4{margin-bottom:0;position:relative}& h4,& h5{text-align:left}& h5{margin:0;max-width:8vw;overflow:hidden;padding-bottom:3%;padding-top:2%;scale:.7;transform-origin:left center;white-space:nowrap}}.defaultdigits{opacity:30%;& h3{left:0;top:-3.5vw;transform:scale(.6)}& h4{left:8.1vw;top:-7.4vw;transform:scale(.5)}& h5{max-width:12vw}}.digits-8{& h3{left:11%;margin-top:-16%;scale:.4}& h4{left:55%;margin-top:-18%;scale:.4}}.digits-7{& h3{left:3%;margin-top:-16%;scale:.6}& h4{left:58%;margin-top:-18%;scale:.5}}.digits-6{& h3{left:0;top:-3.5vw;transform:scale(.6)}& h4{left:8.1vw;top:-7.4vw;transform:scale(.5)}& h5{max-width:12vw}}.digits-5{& h3{left:0;top:-3.5vw;transform:scale(.6)}& h4{left:8.1vw;top:-7.4vw;transform:scale(.5)}& h5{max-width:12vw}}.digits-4{& h3{left:0;top:-3.5vw;transform:scale(.6)}& h4{left:8.1vw;top:-7.4vw;transform:scale(.5)}& h5{max-width:12vw}}.digits-3{& h3{left:0;top:-3.5vw;transform:scale(.6)}& h4{left:8.1vw;top:-7.4vw;transform:scale(.5)}& h5{max-width:12vw}}.digits-2{& h3{left:0;top:-3.5vw;transform:scale(.6)}& h4{left:8.1vw;top:-7.4vw;transform:scale(.5)}& h5{max-width:12vw}}.digits-1{& h3{left:0;top:-3.5vw;transform:scale(.6)}& h4{left:8.1vw;top:-7.4vw;transform:scale(.5)}& h5{max-width:12vw}}}.r5x3{[class*=digit]{& h3{line-height:normal;text-align:right}& h3,& h4{margin-bottom:0;position:relative}& h4{text-align:left}& h5{margin:0;padding-bottom:3%;padding-top:2%;text-align:center}}.digits-8{& h3{left:-11%;margin-top:6%;scale:.75}& h4{left:66%;margin-top:-15.5%;scale:.75}}.digits-7{& h3{left:-16%;margin-top:6%;scale:.85}& h4{left:70%;margin-top:-15.5%;scale:.85}}.digits-6{& h3{left:-23%;margin-top:6%;scale:.9}& h4{left:68%;margin-top:-15.5%;scale:.9}}.digits-5{& h3{left:-33%;margin-top:5%}& h3,& h4{scale:1.05}& h4{left:73%;margin-top:-16%}}.digits-4{& h3{left:-47%;margin-top:6%}& h3,& h4{scale:1.25}& h4{left:79%;margin-top:-15.5%}}.digits-3{& h3{left:-65%;margin-top:6%;scale:1.5}& h4{left:85%;margin-top:-14.5%;scale:1.5}}.digits-2{& h3{left:-89%;margin-top:6%;scale:1.8}& h4{left:92%;margin-top:-14.5%;scale:1.8}}.digits-1{& h3{left:-89%;margin-top:6%;scale:1.8}& h4{left:92%;margin-top:-14.5%;scale:1.8}}}.r4x3{[class*=digit]{& h3{line-height:normal;text-align:right}& h3,& h4{margin-bottom:0;position:relative}& h4{text-align:left}& h5{margin:0;padding-bottom:3%;padding-top:10%;scale:1.6;text-align:center}}.digits-8{& h3{left:-11%;margin-top:6%;scale:.75}& h4{left:66%;margin-top:-15.5%;scale:.75}}.digits-7{& h3{left:-16%;margin-top:6%;scale:.85}& h4{left:70%;margin-top:-15.5%;scale:.85}}.digits-6{& h3{left:-23%;margin-top:6%;scale:.9}& h4{left:68%;margin-top:-15.5%;scale:.9}}.digits-5{& h3{left:-33%;margin-top:5%}& h3,& h4{scale:1.05}& h4{left:73%;margin-top:-16%}}.digits-4{& h3{left:-47%;margin-top:6%}& h3,& h4{scale:1.25}& h4{left:79%;margin-top:-15.5%}}.digits-3{& h3{left:-65%;margin-top:6%;scale:1.5}& h4{left:85%;margin-top:-14.5%;scale:1.5}}.digits-2{& h3{left:-89%;margin-top:6%;scale:1.8}& h4{left:92%;margin-top:-14.5%;scale:1.8}}.digits-1{& h3{left:-89%;margin-top:6%;scale:1.8}& h4{left:92%;margin-top:-14.5%;scale:1.8}}}.div96x6header{border-bottom:.2vw solid;grid-column:span 96;grid-row:span 6;text-align:center;z-index:10;& h3{font-size:2.5vw;margin-bottom:0;margin-left:2vw;margin-top:1.5vw;text-align:left}}.div96x90box{grid-column:span 96;grid-row:span 90}.div48x90box{grid-column:span 48;grid-row:span 90}.div96x2line{background-color:var(--main-table-grid-color);grid-column:span 96;grid-row:span 1}.div32x45box{display:grid;grid-column:span 32;grid-row:span 45;grid-template-columns:repeat(32,1fr);grid-template-rows:repeat(45,1fr)}.div32x23box,.div32x25box{grid-column:span 32;grid-row:span 25;overflow:hidden}.div32x20box{grid-column:span 32;grid-row:span 20}.div32x22box{grid-column:span 32;grid-row:span 22}.G_Gauge_32x45{justify-content:center;overflow:hidden}#VESC_ggaugeCanvas,#ggaugeCanvas{background:#fff;height:16vw;margin-top:-2.2vw;width:16vw}.div32x5box{font-size:1.7vw;grid-row:span 5}.div32x3box,.div32x5box{align-content:center;grid-column:span 32;text-align:center}.div32x3box{font-size:1vw;grid-row:span 3}.div32x4{grid-column:span 32;grid-row:span 4}.div12x4{grid-column:span 12;grid-row:span 4;& h3{font-size:.8vw;text-align:center}& h4{font-size:.6vw}& h5{font-size:.4vw}}.div32x45boxborder{grid-column:span 32;grid-row:span 45;grid-template-columns:repeat(32,1fr);grid-template-rows:repeat(45,1fr)}.div32x16boxbordergrid,.div32x45boxborder{border:.1vw solid;border-radius:.7vw;box-sizing:border-box;display:grid;margin:.5vw}.div32x16boxbordergrid{grid-column:span 32;grid-row:span 16;grid-template-columns:repeat(36,1fr);grid-template-rows:repeat(19,1fr);overflow:hidden}.div32x7box{grid-column:span 32;grid-row:span 7}.div32x45boxborder>div:last-of-type{border-bottom:none}.div96x48{grid-column:span 96;grid-row:span 48;& h3{font-size:8vw}& h4{font-size:5.33333vw}& h5{font-size:3vw}}.div96x32{& h3{font-size:8vw}& h4{font-size:5.33333vw}& h5{font-size:3vw}}.div80x40{grid-column:span 80;grid-row:span 40;& h3{font-size:6.66667vw}& h4{font-size:4.44444vw}& h5{font-size:2.5vw}}.div64x32{grid-column:span 64;grid-row:span 32;& h3{font-size:5.33333vw}& h4{font-size:3.55556vw}& h5{font-size:2vw}}.div48x24{grid-column:span 48;grid-row:span 24;& h3{font-size:4vw}& h4{font-size:2.66667vw}& h5{font-size:1.5vw}}.div48x16{grid-column:span 48;grid-row:span 16;& h3{font-size:4vw}& h4{font-size:2.66667vw}& h5{font-size:1.5vw}}.div40x20{grid-column:span 40;grid-row:span 20;& h3{font-size:3.33333vw}& h4{font-size:2.22222vw}& h5{font-size:1.25vw}}.div32x16{grid-column:span 32;grid-row:span 16;& h3{font-size:2.66667vw}& h4{font-size:1.77778vw}& h5{font-size:1vw}}.div32x11{grid-column:span 32;grid-row:span 11;& h3{font-size:2.66667vw}& h4{font-size:1.77778vw}& h5{font-size:1vw}}.div24x18{grid-column:span 24;grid-row:span 18;& h3{font-size:2vw}& h4{font-size:1.33333vw}& h5{font-size:.75vw}}.div24x12{grid-column:span 24;grid-row:span 12;& h3{font-size:2vw}& h4{font-size:1.33333vw}& h5{font-size:.75vw}}.div24x8{grid-column:span 24;grid-row:span 8;& h3{font-size:2vw}& h4{font-size:1.33333vw}& h5{font-size:.75vw}}.div96x32{grid-column:span 96;grid-row:span 32;& h3{font-size:8vw}& h4{font-size:5.33333vw}& h5{font-size:3vw}}.div16x8{grid-column:span 16;grid-row:span 8;& h3{font-size:1.33333vw}& h4{font-size:.88889vw}& h5{font-size:.5vw}}.div8x4{grid-column:span 8;grid-row:span 4;& h3{font-size:.66667vw}& h4{font-size:.44444vw}& h5{font-size:.25vw}}.div1x05{border:none;grid-column:span 4;grid-row:span 2;& h3{font-size:.33333vw;line-height:0;margin-bottom:0;margin-top:13%;padding-left:6%;padding-right:13%;scale:1.5;text-align:right;width:66%}& h4{font-size:.22222vw;margin:0;padding-right:8%;padding-top:8%;text-align:left;width:25%}& h5{font-size:.125vw;margin:0;padding-bottom:3%;padding-top:2%;text-align:center}}.pointer-events-none{pointer-events:none}.r3x1{align-items:center;border-bottom:.1px dashed var(--main-table-grid-color);border-right:.1px dashed var(--main-table-grid-color);display:block;overflow:hidden;& div{& div{display:block}}.defaultdigits{opacity:30%;& h3{left:-33%;margin-top:-3%}& h3,& h4{scale:1.05}& h4{left:73%;margin-top:-15%}}}.r2x1{align-items:center;border-bottom:.1px dashed var(--main-table-grid-color);border-right:.1px dashed var(--main-table-grid-color);display:block;overflow:hidden;& div{& div{display:block}}.defaultdigits{opacity:30%;& h3{left:-33%;margin-top:5%}& h3,& h4{scale:1.05}& h4{left:73%;margin-top:-16%}}}.r5x3{align-items:center;border-bottom:.1px dashed var(--main-table-grid-color);border-right:.1px dashed var(--main-table-grid-color);display:block;overflow:hidden;& div{& div{display:block}}.defaultdigits{opacity:30%;& h3{left:-33%;margin-top:5%}& h3,& h4{scale:1.05}& h4{left:73%;margin-top:-16%}}}.r4x3{align-items:center;border-bottom:.1px dashed var(--main-table-grid-color);border-right:.1px dashed var(--main-table-grid-color);display:block;overflow:hidden;& div{& div{display:block}}.defaultdigits{opacity:30%;& h3{left:-33%;margin-top:15%}& h3,& h4{scale:1.05}& h4{left:73%;margin-top:-16%}}}.version-number-field-but-bigger-please-this-is-not-elegant-ahhh{font-size:7vw}@media (max-aspect-ratio:4503599627370496/5854679515581645){#tilebar{align-items:center;border-bottom:.3vw solid var(--main-table-grid-color);display:flex;height:5.5vw;justify-content:space-between;padding-left:2vw;padding-right:10vw;position:fixed;top:0;width:98vw;z-index:101;& span{font-size:3.8vw;height:5vw}& p{display:none}& #execute-mapping-time-field{display:flex;font-size:3vw;height:3vw;justify-content:right;width:10vw;& h5{font-size:1.5vw;margin-left:.2vw;margin-top:1.1vw;text-align:right}}& #execute-mapping-frequency-field{display:flex;font-size:2.8vw;height:2.8vw;justify-content:right;margin-top:-.4vw;width:10vw;& h5{font-size:1.5vw;margin-left:.2vw;margin-top:1.1vw;text-align:right}}& #tilebar-bandwidth-telemetry-percent{text-align:right}& .version-number-field{color:var(--accent-color);font-size:2.8vw;margin-top:2.8vw;width:3vw}& #tilebar-bandwith-div-left{margin-top:-2vw;width:8vw}& #tilebar-bandwith-div-left,& #tilebar-bandwith-div-right{display:flex;line-height:2vw;margin-left:-2vw;position:absolute}& #tilebar-bandwith-div-right{margin-top:.3vw}.tilebar-bandwidth-container{margin-left:-2vw;max-width:13vw;width:13vw;& a{text-align:left}& a,& span{font-size:2vw}& span{color:green;margin-right:1vw;width:10vw}& .dropdown-content{width:20vw}}& #loggingWillPauseNote{border-bottom:.3vw solid var(--accent-color);color:red;display:block;font-size:3vw;line-height:normal;margin:auto;text-align:center}.tilebar-performance-container{font-size:4vw;margin-left:2vw;max-width:11vw;width:11vw;& a{font-size:2vw;text-align:left}& span{text-align:right}& .dropdown-content{width:20vw}}& #tilebar-right{align-items:center;display:flex;height:5vw;margin-right:8vw;width:28vw}& #execute-times-div{display:block}}}@media (min-aspect-ratio:4503599627370496/5854679515581645){#tilebar{align-items:center;border-bottom:.3vh solid #000;display:flex;height:5vh;justify-content:space-between;left:-50vw;padding-left:0;padding-right:5vw;position:fixed;scale:.5;top:-1.3vh;width:195vw;z-index:101;& span{font-size:4vh;height:6vh}& p{font-size:3vh;margin-bottom:2vh}& #execute-mapping-time-field{display:flex;font-size:4vh;height:4vh;justify-content:right;width:13vh;& h5{font-size:3vh;margin-left:.1vw;margin-top:1vh;text-align:right}}& #execute-mapping-frequency-field{display:flex;font-size:4vh;height:4vh;justify-content:right;width:13vh;& h5{font-size:3vh;margin-left:.1vw;margin-top:1vh;text-align:right}}& .version-number-field{color:var(--accent-color);font-size:4vh;margin-left:.5vh;margin-right:.5vh;margin-top:2vh}& .tilebar-bandwidth-container{display:flex;width:23vh;& a{font-size:4vh;text-align:left}& p{margin-right:.5vh}& p,& span{font-size:2vh}& span{color:green;margin-right:1vh;margin-top:2vh;text-align:right}& .dropdown-content{margin-top:3vh;width:40vh}}& #tilebar-bandwith-div-left{display:flex;line-height:1vh;margin-left:-9.5vh;margin-top:-3vh;position:absolute}& #tilebar-bandwith-div-right{display:flex;line-height:1vh;margin-left:-10vh;margin-top:-1vh;position:absolute}& .tilebar-performance-container{display:flex;width:22vh;& a{font-size:4vh;text-align:left}& span{font-size:6vh;text-align:right}& #tilebar-bandwidth-telemetry-percent{font-size:4vh;margin-top:2.5vh;padding-left:1vh}& .dropdown-content{margin-top:3vh;width:40vh}}& #tilebar-right{align-items:center;display:flex;margin-right:-8vh;width:91vh}& #execute-times-div{width:38vh}& #loggingWillPauseNote{border-bottom:.3vw solid var(--accent-color);color:red;display:block;font-size:3vh;line-height:normal;margin:auto;text-align:center}& .bigger-dropdown-content{border:1vh solid var(--accent-color);border-radius:3vh;font-size:4vh;line-height:7vh;margin-top:1vw;padding:2vh;transform-origin:left top;width:38vh;& a{border-bottom:.3vh solid var(--accent-color)}& input{font-size:4vh;width:37vh}}& #TileBarBluetooth,& #TileBarInterfaceSettings,& #TileBarLogging,& #TileBarSettings{top:5vh!important}}}#tilebar-indicator-stop-in-bg{background-color:#32cd32;max-height:4vw;width:1vw}#performance-dropdown{& a{margin-top:-6vw;position:absolute;right:25vw}& p{margin:0}}#tilebar-left{display:flex;margin-right:0;margin-top:1vw}#tilebar-left>div{margin-left:1vw;& span{display:block}}.dropdown{display:inline-block;position:relative}.dropdown-content{border-radius:1vw;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;font-size:3vw;margin-left:0;padding:1vw;position:absolute;width:40vw;z-index:20}.bigger-dropdown-content{border:1.5vw solid var(--accent-color);font-size:5.4vw;line-height:9vw;padding:2vw;& a{border-bottom:.4vw solid var(--accent-color)}& input{font-size:4vw;width:39vw}}.reset-dropdown{min-width:fit-content;text-align:left}#tilebar-right .dropdown-content{right:0}.dropdown:hover .dropdown-content{display:block}.breathe-good{animation:breathe-good-animation .5s infinite}@keyframes breathe-good-animation{0%{color:inherit}50%{color:var(--color-good)}to{color:inherit}}.recording{animation:recording-animation .5s infinite}@keyframes recording-animation{0%{color:inherit}50%{color:red}to{color:inherit}}.vehicle-model-container{align-items:end;display:flex;filter:drop-shadow(1px 2px 3px var(--text-color));height:100%;justify-content:center;pointer-events:none;position:absolute;width:100%}.VESC_vehicle-model-image,.vehicle-model-image{padding-bottom:2vw;width:40%}.cssForegroundColorFilter{color:var(--text-color)}#vehicle-model .gauge-div{position:relative}.speedSelectorNEW,.speedSelectorNEW2{display:flex;height:4vw;margin-left:2.5%;width:95%}.speedSelectorNEW2{margin-bottom:0;margin-top:2vw}.SpeedSelectorButtons{background:var(--main-table-grid-color);border-bottom:.4vw solid var(--accent-color);border-left:.2vw solid var(--accent-color);border-right:.2vw solid var(--accent-color);border-top:.4vw solid var(--accent-color);height:3vw;margin-top:1vw;overflow:hidden;text-align:center;width:50%;& h3{font-size:2vw;margin-top:1.5vw}& h5{font-size:1.7vw;margin-top:.5vw}}.OnOffDiv{margin-left:1%;margin-right:1%;margin-top:0;width:14vw}.OnOffHeaderDiv{margin-bottom:-2vw;margin-top:2vw;width:14vw;& p{font-size:1.5vw;margin-top:-1.7vw;text-align:center}}.firstselectorbutton{border-bottom-left-radius:1vw;border-left:.4vw solid var(--accent-color);border-top-left-radius:1vw}.lastselectorbutton{border-bottom-right-radius:1vw;border-right:.4vw solid var(--accent-color);border-top-right-radius:1vw}.vehicle-model-buttons{font-size:2vw;margin-top:-2vw;width:100%;& .drive-mode-selector{background:var(--main-table-grid-color);border-radius:1vw;display:flex;height:3vw;justify-content:space-evenly;margin-left:2%;position:relative;width:96%;& label{position:absolute}& input{cursor:pointer;height:100%;margin:0;opacity:0;position:relative;width:24%;z-index:3}& span{background:var(--color-good);border-radius:1vw;display:block;height:100%;left:50%;position:absolute;top:0;transition:all .3s ease-in-out;width:25%}& input[value=OFF]:checked~span{background:var(--tilebar-background-color);border-radius:1vw;left:0}& input[value=SLOW]:checked~span{background:var(--accent-color);border-radius:1vw;left:25%}& input[value=NORMAL]:checked~span{background:var(--color-good);border-radius:1vw;left:50%}& input[value=EXTREME]:checked~span{background:var(--color-bad);border-radius:1vw;left:75%}& input[value=NORMAL]:checked+label,& input[value=OFF]:checked+label,& input[value=true]:checked+label{color:#fff}}& .buttons{align-items:center;display:flex;height:25%;justify-content:center;margin-top:2%;width:100%;& .button{align-items:center;border:.3vw solid var(--accent-color);border-color:var(--accent-color);border-radius:1vw;cursor:pointer;display:flex;justify-content:center;margin:auto;width:40%}}}.vehicle-model-table{height:80%;margin-top:0;width:100%;& tr{height:100%;& td:first-of-type{float:left;padding-left:2vw}& td:first-of-type,td:last-of-type{align-items:center;display:flex;flex-direction:column;font-size:2vw;height:28vw;justify-content:space-evenly;width:16%}td:last-of-type{float:right;padding-right:2vw}}}.vehicle-model-torque{border:.4vw solid var(--text-color);border-radius:1vw;display:flex;flex-direction:column;height:75%;width:100%}.vehicle-model-torque-positive{background-size:100% 75%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;transform:rotate(180deg);width:100%}.height50{height:50%}.height100{height:100%}.vehicle-model-torque-negative{background-size:100% 75%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:100%}.vehicle-model-positive-bg{background:linear-gradient(var(--accent-color),var(--accent-color)) transparent no-repeat 0 0}.vehicle-model-negative-bg{background:linear-gradient(var(--color-bad),var(--color-bad)) transparent no-repeat 0 0}.two-buttons{background:var(--main-table-grid-color);border:.4vw solid var(--accent-color);border-radius:1vw;-webkit-box-sizing:border-box;height:5vw;margin-left:2.5%;margin-right:2.5%;margin-top:.8vw;overflow:hidden;padding-top:1.1vw;text-align:center;width:95%}.vehicle-tile-buttons{align-items:center;display:flex;justify-content:center;width:100%}#vehicle-tile-wrap-div{pointer-events:none}.speed-selector-text-off{left:7%;margin-top:1%;position:absolute;z-index:2}.speed-selector-text-slow{left:30%;margin-top:1%;position:absolute;z-index:2}.speed-selector-text-normal{margin-top:1%;position:absolute;right:27.5%;z-index:2}.speed-selector-text-extreme{margin-top:1%;position:absolute;right:2%;z-index:2}.forward-blue-button{margin-top:1.5vw;& h3{pointer-events:none}}.other-blue-button{background-color:var(--accent-color);border:.4vw solid var(--main-table-grid-color)}#switchOnTd{height:100%;opacity:100%}#clearAlertsTd,#switchOnTd{align-items:center;display:flex;justify-content:center}#clearAlertsTd{height:47.5vw;height:100%;width:47.5vw}#clearAlertsButton{border:1vw solid var(--main-table-grid-color);border-radius:3vw;font-size:5vw;margin-top:5vw;width:40vw}#switchOnT2{opacity:100%}body{overscroll-behavior-y:none}body,html{overscroll-behavior-y:contain}button,input{border-width:.5vw}html::-webkit-scrollbar{display:none}#tilebar-capture-mode.is-active{color:red!important}#tilebar-capture-layout:hover{.bigger-dropdown-content{opacity:.5!important}}*{touch-action:manipulation}.HelpTextCalibration{text-align:left;& h4{margin:0}}.gauge-inactive{opacity:30%}.onlyIzecc{display:none}.hoverScale:hover{scale:1.05}.hoverAccent:hover{color:var(--accent-color)}.noInteraction{opacity:50%;pointer-events:none;touch-action:none;user-select:none}#tilebar{background-color:var(--tilebar-background-color)}.dropdown-content{background-color:var(--dropdown-background-color)}body{background-color:var(--background-color);color:var(--text-color)}.gauge-div{border:.5vw solid var(--accent-color)}.channel-control-button{border:2px solid var(--gauge-div-border-color)}td.main-table-td-2row,td.main-table-td-4row{border:1px dashed var(--main-table-grid-color)}#otaUpdateOverlay{text-shadow:2px 2px var(--accent-color)}#nothingConnectedOverlay,#otaUpdateOverlay{background-color:var(--nothing-connected-overlay-background-color)}#connect-tacho-overlay{text-shadow:2px 2px var(--accent-color)}#postProcessingOverlay,#promptOverlay{background-color:var(--nothing-connected-overlay-background-color);text-shadow:2px 2px var(--accent-color)}input{background-color:var(--config-input-background-color);color:var(--config-input-text-color);width:25vw}#board-calibration-table td,#board-config-table tr,#inline-configuration-table td,#interface-configuration-table tr{border-bottom:3px dashed var(--gauge-div-border-color)}.accent{color:var(--accent-color)}fault{color:var(--color-bad)}warning{color:var(--color-warning)}#fault-state,.success{color:var(--color-good)}.fault{color:var(--color-bad)}.warning{color:var(--color-warning)}.tacho-connection-status{text-shadow:3px 3px var(--background-color)}@font-face{font-display:swap;font-family:Pervitina;src:url(d0170e6892bb3564882c.ttf)}@font-face{font-display:swap;font-family:Roboto;src:url(1669b18947f3b1625bcc.ttf)}@font-face{font-display:swap;font-family:Reddit;src:url(4e098aa1307631f4c25b.ttf)}html{font-family:Pervitina,serif}h6{font-size:2.8vw;margin-bottom:1.2vw;margin-top:1.2vw}h5,h6{font-weight:400}h5{font-size:1.1vw}h4{font-size:2vw;margin-bottom:1.4vw;margin-top:1.4vw}h3,h4{font-weight:400}h3{font-size:2.5vw;line-height:.2vw;margin-bottom:3vw;margin-top:1vw}h2{font-size:6vw}h1,h2{font-weight:400;margin-bottom:0;margin-top:0}h1{font-size:7vw}a,a:focus,a:hover{color:inherit;display:block;margin-inline-end:0;margin-inline-start:0;text-decoration:none}#board-calibration-div a{margin-block-start:0}h4.h1-label{margin-bottom:.5vw;margin-top:1vw}div.channel-control-button h3{margin:1.5vw}#ontime{font-size:2vw}#sessionEconomyValue,#sessionRangeValue{font-size:1.5vw}#userGPO{margin-top:0}#userGPODescriptor{margin-bottom:1.4vw}table.table-3-channel-controls{border-top:.3vw solid var(--main-table-grid-color);width:100%;& h3{margin-bottom:2.5vw}}.scm-table-3-channel-controls{border-top:.3vw solid var(--main-table-grid-color);height:42vw;overflow:hidden;width:100%;& h4{text-align:center}}.placeholder_scm_tile_caption{float:left;padding-bottom:.5vw;& a{font-size:3vw;margin-top:1vw;text-align:center;width:30vw}}.expandSettingsCoq{display:flex;float:right;margin-left:42vw;margin-top:-4.2vw;position:absolute;& a{font-size:2.5vw;margin-left:1vw;margin-top:.8vw;text-align:center}& p{display:none}}.expandSettingsCross{display:flex;float:right;margin-left:42vw;margin-top:-.1vw;position:absolute;& a{font-size:3vw;text-align:center}& p{display:none}}.SCM_Settings_Div{background-color:var(--tilebar-background-color);border:.5vw solid var(--accent-color);border-radius:2vw;display:none;height:46.5vw;margin:1.25vw;position:absolute;width:46.5vw;z-index:0}.leftfrom-expandSettingsCross{float:left;width:45vw}#ButtonsSCM{border-top:.3vw solid var(--main-table-grid-color);display:none;margin-top:3.9vw;padding-top:1vw;position:absolute;width:46.5vw;z-index:1;& button{border-radius:1vw;font-size:2vw;height:4vw;margin-bottom:.3vw;margin-left:1vw;width:30vw}}#ButtonsSCM_2{border-top:solid;display:none;margin-top:5.5vw;padding-top:1vw;position:absolute;width:46.5vw;z-index:1;& button{border-radius:1vw;font-size:2vw;height:4vw;margin-bottom:.3vw;margin-left:1vw;width:30vw}}.height10GPS{height:10vw;&h6{margin:0;padding:0}}#interface-clear-data-button{float:right;height:2.5vw;margin-right:-1.5vw;margin-top:-1.5vw;width:11vw;& a{font-size:1.5vw;margin-left:-.5vw;margin-top:-1vw;text-align:center}}#GPS_Live_Data_Table{margin-top:14vw;text-align:center;width:100%;& h6{font-size:1.5vw}& td{width:50%}}.height30GPS{border-bottom:.3vw solid;height:12vw;position:absolute;width:46.5vw}.placeholder_bms_tile_caption{& a{font-size:2.5vw;height:3vw;margin-bottom:.5vw;margin-top:1%;text-align:center}}.GPS_tile_caption{margin-left:4vw;& a{font-size:2.5vw;height:3vw;margin-bottom:.5vw;margin-top:1%;text-align:left}}.GPS_table_small_Div{height:7vw;width:20vw;& a{font-size:3vw}}.single_cell_monitoring_table{text-align:center;& h4{margin-bottom:-1vw;margin-top:0;text-align:center}& h3{margin-bottom:-.3vw}& h5{margin-bottom:1.2vw;margin-top:1.4vw}& h6{font-size:1.5vw;margin-bottom:0;margin-top:-1.2vw}}.scm_border_right{border-right:.5vw dashed var(--main-table-grid-color);right:.5vw}table.table-3-channel-controls td{border-right:2px dashed var(--main-table-grid-color);margin:0;padding:0;text-align:center;width:33%}table.table-3-channel-controls td:last-of-type{border-right:none}.tacho-temp-td{line-height:.4em}.big-value-flex-div{align-items:center;display:flex;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.big-value-flex-div div{display:block;text-align:center}.gauge-div{border-radius:2vw;-webkit-box-sizing:border-box;contain:strict;height:48vw;margin:1vw;overflow:hidden;padding:0;position:relative;width:48vw;z-index:13;canvas{height:100%;width:100%}}#canConsoleCanvas{height:100%!important;left:0;position:absolute;top:0;width:100%!important}#log-analyser{border:.3vh solid var(--text-color);border-radius:1vh;margin:.7vh;& h2{font-size:2vh;text-align:center}& button{border-width:.2vh}}#log-analyser-import-buttons{display:flex;height:1.7vh;justify-content:center;& input{font-size:1vh;width:25vh}& button{font-size:1.2vh;padding-right:1vh;padding-top:0}& label{font-size:1.5vh;margin-top:-.3vh}}#chart-container{height:88vh;position:relative;width:100%}#canvas-buttons-container{border-bottom:solid;display:flex;gap:.5vw;height:5.5vw;justify-content:center;margin-top:.5vh;overflow:hidden;padding-bottom:.5vh;position:absolute;top:-3vh;width:100%;& button{background:#f0f0f0;border:.3vw solid var(--accent-color);border-radius:.2vh;cursor:pointer;font-size:1.5vw;transition:background .2s,color .2s}}@media (max-aspect-ratio:1/1){#canvas-buttons-container{left:-8vw;overflow:visible;padding-left:8vw;padding-right:8vw;scale:.84;top:-8vw}#chart-container{height:84vh;margin-top:8vw}}@media (min-aspect-ratio:1/1){#canvas-buttons-container{margin-left:-74vw;scale:.4;top:-5vw;width:250%}#chart-container{height:84vh;margin-top:3.5vw}}#tacho-gauge-td{position:relative}#connect-tacho-overlay{display:none;height:95%;margin:2.5%;position:absolute;text-align:center;width:95%}#connect-bms-overlay,#connect-tacho-overlay{align-items:center;justify-content:center;z-index:5}#connect-bms-overlay{height:15vw;text-shadow:2px 2px var(--accent-color);width:40vw}.blackline-tile-height30{display:block;font-size:16vw;height:42%;margin-bottom:-4.5vw;margin-right:4vw;margin-top:-1vw;text-align:center}.blackline-tile-height20{display:block;height:20%;overflow:hidden;text-align:center}.blackline-speed-label{font-size:4vw;height:10%;text-align:center}.FaltautoTempsTable{& h5{font-size:1vw;margin-top:0}& h3{font-size:2.5vw;margin-bottom:1vw;margin-top:1vw}}.left3{left:3vw}.blackline-two-labels-left{float:left;width:40%}.blackline-two-labels-right{float:right;margin-bottom:-10vw;width:60%}.BlackLine4Table{& h3{margin-bottom:2vw}}.FaltautoVehicleModel{-webkit-box-sizing:border-box;height:50vw;margin:0;padding:0;text-align:left;width:50vw}.height25width25{margin:.5vw;& p{font-size:2vw;height:2.1vw;margin-bottom:0;margin-top:0;text-align:center}}.floatLeft4x4Gauges,.floatRight4x4Gauges{border:.25vw solid var(--config-input-background-color);border-radius:1vw;float:left;width:10vw}#Faltauto_4x_table{margin-bottom:-1vw;width:100%}.table_for_VESC_Tables{tr td:nth-child(2){max-width:9.5vw;text-align:right;width:9vw}}.Four_VESC_Tables{border:.25vw solid var(--config-input-background-color);border-radius:1vw;display:block;float:left;height:20vw;margin-bottom:-1vw;margin-left:3vw;margin-top:1vw;max-height:20vw;width:19.5vw;& tr{height:1vw}& p{font-size:1.5vw;height:1.6vw;margin-bottom:-.5vw;margin-right:.5vw;margin-top:-1.07vw;white-space:nowrap}& h2{font-size:2.5vw;left:-2.3vw;margin-top:3vw;position:absolute;transform:rotate(-90deg)}}.textalignright{text-align:right}.textalignleft{text-align:left}.Faltauto-model-image{display:block;height:31vw;justify-content:unset;margin-left:6vw;margin-top:16vw;position:absolute;text-align:center;width:34vw}.Izecc_Image{display:block;margin-left:3.2vw;margin-top:-3vw;position:absolute;scale:.8}.animateTurnOnButton{background:linear-gradient(var(--color-good),var(--color-good)) transparent no-repeat 0 0;background-size:0 100%}.animateTurnOffButton,.animateTurnOnButton{animation:move-in-background .35s ease-in 1 forwards}.animateTurnOffButton{background:linear-gradient(var(--color-bad),var(--color-bad)) transparent no-repeat 0 0;background-size:0 100%}.animateLoading{background:linear-gradient(var(--color-warning),var(--color-warning)) transparent no-repeat 0 0;background-size:0 100%}.animateTurnOnButton2{background:linear-gradient(var(--color-good),var(--color-good)) transparent no-repeat 0 0;background-size:0 100%}.animateTurnOffButton2,.animateTurnOnButton2{animation:move-in-background .35s ease-in 1 forwards}.animateTurnOffButton2{background:linear-gradient(var(--color-bad),var(--color-bad)) transparent no-repeat 0 0;background-size:0 100%}@keyframes move-in-background{to{background-size:100% 100%}}.animateLoading2{background:linear-gradient(var(--color-warning),var(--color-warning)) transparent no-repeat 0 0;background-size:0 100%}#UpperDivADC_DAC{border-bottom:.4vw solid;height:10vw;margin-bottom:.6vw;width:100%}#LowerDivADC_DAC{height:35vw;width:100%}.upper-adc-dac-gauge-table{height:100%;width:100%;& td:first-of-type{border:none}& td{border-left:.1vw solid var(--main-table-grid-color);padding:0;width:25%;& a{color:var(--accent-color);font-size:2vw}& .adc-dac-header{font-size:1.8vw;height:3vw;width:100%;& p{font-size:.7vw;margin:0;padding:0;text-align:center}& h7{font-size:.8vw}}& .adc-gauge{border-top:.1vw solid var(--main-table-grid-color);font-size:1vw;height:3vw;margin-top:-1vw;width:100%}& .gpio-gauge{border-top:.1vw solid var(--main-table-grid-color);display:inline-block;font-size:.7vh;height:3vw;margin-top:.5vw;position:relative;text-align:center;width:100%;& label{color:var(--text-color);cursor:pointer;display:inline-block;font-size:1.5vw;line-height:1.75vw;margin:0;position:relative;text-align:center;z-index:2}& input{cursor:pointer;height:1.75vw;margin:0;opacity:0;z-index:3}& input,& span{left:0;position:absolute;width:100%}& span{border-radius:0;display:block;height:60%;top:50%;transition:all .3s ease-in-out}& input[value=true]:checked~span{background:var(--accent-color);top:50%}& input[value="-2"]:checked~span{background:var(--main-table-grid-color);top:0}& input[value="-1"]:checked+label,& input[value=false]:checked+label,& input[value=true]:checked+label{color:#fff}}& .placeholder_gpio_gauge{border-top:.1vw solid var(--main-table-grid-color);display:inline-block;font-size:.7vh;height:3vw;margin-top:.5vw;position:relative;text-align:center;width:100%}}}.adc-dac-gauge-table{height:100%;& tr{height:100%;width:100%}& td:first-of-type{border:none}& td{border-left:.1vw solid var(--main-table-grid-color);height:100%;padding:0;width:20%;& a{color:var(--accent-color);font-size:2vw}& .adc-dac-header{font-size:1.8vw;height:3vw;width:100%;& p{font-size:.7vw;margin:0;padding:0;text-align:center}}& .adc-gauge{border-top:.1vw solid var(--main-table-grid-color);font-size:1vw;height:4vw;width:100%}& .dac-gauge{border-top:.1vw solid var(--main-table-grid-color);font-size:1vw;height:5vw;width:100%;& input[type=number]{align-items:center;font-size:1.1vw;width:75%}}& .gpio-gauge{border-top:.1vw solid var(--main-table-grid-color);display:inline-block;font-size:.7vh;height:7vw;position:relative;text-align:center;width:100%;& label{color:var(--text-color);cursor:pointer;display:inline-block;font-size:1.5vw;line-height:1.75vw;margin:0;position:relative;text-align:center;z-index:2}& input{cursor:pointer;height:1.75vw;margin:0;opacity:0;z-index:3}& input,& span{left:0;position:absolute;width:100%}& span{border-radius:0;display:block;height:25%;top:0;transition:all .3s ease-in-out}& input[value=false]:checked~span{background:var(--accent-color);top:0}& input[value=true]:checked~span{background:var(--accent-color);top:75%}& input[value="-1"]:checked~span{background:var(--accent-color);top:25%}& input[value="-2"]:checked~span{background:var(--main-table-grid-color);top:50%}& input[value="-1"]:checked+label,& input[value=false]:checked+label,& input[value=true]:checked+label{color:#fff}}& .dac-gauge-slider{align-items:center;border-top:.1vw solid var(--main-table-grid-color);display:flex;flex-direction:column;height:14vw;justify-content:center;margin-left:-1vw;margin-right:-1vw;& input[type=range]{direction:rtl;height:21vw;min-height:0;width:30%;writing-mode:vertical-lr;& ::-webkit-slider-thumb{height:.05vw;width:.05vw}}& a{font-size:1.5vw;height:2vw}}}}#capture-mode-video{height:100%;object-fit:cover;position:fixed;width:100%;z-index:-5}#data-distribution{background:var(--background-color);margin-bottom:500vh;margin-top:2vw;text-align:center;& button{font-size:4vw;margin-left:2vw;margin-right:2vw;padding:1vw}}@media (max-aspect-ratio:4503599627370496/5854679515581645){#data-distribution{margin-top:5vh;width:100vw}& #data-distribution-inputs-container,& #data-distribution-mapping-container{height:70vh}#dbcFileManager{border-top:.5vw solid var(--text-color);margin-top:5vw;& p{font-size:3vw;font-weight:400}#dbc-file-manager-table{& td{font-size:2vw}}}}.important_notes{border:.5vw solid var(--main-table-grid-color);border-radius:2vw;margin:2.5vw;padding:2vw;text-align:left;width:90vw;& p{font-size:4vw;margin:0;text-align:center}}.data-distribution-input-spacer{margin:0}.data-distribution-input-group{border-top:.2vw solid #ccc;margin-top:0;padding-top:0}.data-distribution-input-group tr td{padding:0}.DBC_manual{border:.5vw solid var(--main-table-grid-color);border-radius:2vw;height:auto;margin:2.5vw;padding:2vw;text-align:left;width:90vw;& p{font-size:4vw;margin:0;text-align:center}& h3{line-height:3vw;text-align:left}}#data-distribution-mapping-container{overflow-x:hidden;overflow-y:scroll;width:100%;&::-webkit-scrollbar{display:none;width:4px}&::-webkit-scrollbar-track{background-color:#e7e7e7;border:1px solid #cacaca;border-radius:3px}&::-webkit-scrollbar-thumb{background-color:var(--color-warning);border-radius:5px}}#data-distribution-inputs-container{display:none;overflow-x:hidden;overflow-y:scroll;&::-webkit-scrollbar{display:none;width:4px}&::-webkit-scrollbar-track{background-color:#e7e7e7;border:1px solid #cacaca;border-radius:3px}&::-webkit-scrollbar-thumb{background-color:var(--color-warning);border-radius:5px}}#data-distribution-container{border-bottom:.5vw solid var(--text-color);border-top:.5vw solid var(--text-color);font-size:small;justify-content:center;margin-bottom:2vh;margin-top:2vh;padding-bottom:3vw;padding-top:1vw;& #data-distribution-mapping-table{border:.4vw solid var(--accent-color);border-radius:2vw;margin:1%;padding:1%;text-align:left;width:98%;& a{color:var(--accent-color);font-size:4vw;overflow-wrap:anywhere;width:100%}& summary{font-size:3vw;margin-bottom:1vw;margin-top:1vw}& th{& p{border-bottom:2px dashed var(--main-table-grid-color);font-size:2.5vw;margin-bottom:1vw;margin-top:0;overflow-wrap:anywhere;padding:0}}& td:first-of-type{align-content:center;border:.3vw solid var(--main-table-grid-color);border-radius:.5vw;overflow:hidden;padding-bottom:.5vw;padding-top:.5vw;width:29.5vw;& p{font-size:2vw;margin-bottom:0;margin-top:0;overflow-wrap:anywhere;padding:0}}& td:nth-of-type(2){align-content:center;border:.3vw solid var(--main-table-grid-color);border-radius:.5vw;overflow:hidden;& p{font-size:2vw;margin-bottom:0;margin-top:0;overflow-wrap:anywhere;padding:0}}}& #data-distribution-inputs-table{border:.4vw solid var(--accent-color);border-radius:2vw;display:none;padding:.5vw;text-align:left;width:35.5vw;& a{font-size:1vh;overflow-wrap:anywhere;width:50%}& th{& p{border-bottom:2px dashed var(--main-table-grid-color);font-size:2.5vw;margin-bottom:1vw;margin-top:0;overflow-wrap:anywhere;padding:0}}& td{border:2px solid var(--main-table-grid-color);border-radius:.5vw;width:50%;& p{line-height:0vw}}& summary{font-size:3vw;margin-bottom:1vw;margin-top:1vw}}}.data-distribution-dropdown-content-container{margin-bottom:0;margin-top:0;overflow:hidden;padding:0;width:31vw;& p{font-size:2.5vw;margin-left:1vw;margin-right:1vw;white-space:nowrap}& p:nth-of-type(2){color:var(--accent-color);font-size:3vw}& p:nth-of-type(3){font-size:3vw}}#tileTable-close-interface-config{width:50%}.data-distribution-dropdown{position:relative;text-align:left}.data-distribution-dropdown-content{background:var(--dropdown-background-color);border-radius:1vw;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;font-size:.7em;margin-left:0;min-width:150px;padding:6px 8px;position:absolute;z-index:20}.data-distribution-dropdown:hover .data-distribution-dropdown-content{display:block}.blend-in-background-accent{animation:blend-in-background .1s forwards}@keyframes blend-in-background{0%{background:var(--background-color)}to{background:var(--accent-color)}}.blend-out-background-accent{animation:blend-out-background .1s}@keyframes blend-out-background{0%{background:var(--accent-color)}to{background:var(--background-color)}}.visualize-background-good{animation:blend-in-background-good .7s forwards}@keyframes blend-in-background-good{0%{background:var(--background-color)}25%{background:var(--color-good)}50%{background:var(--background-color)}75%{background:var(--color-good)}to{background:var(--background-color)}}.visualize-background-bad{animation:blend-in-background-bad .7s forwards}.visualize-background-bad-color{animation:blend-in-background-bad-color .7s forwards}@keyframes blend-in-background-bad{0%{background:var(--background-color)}25%{background:var(--color-bad)}to{background:var(--background-color)}}@keyframes blend-in-background-bad-color{0%{background:var(--background-color);color:var(--text-color)}25%{background:var(--color-bad);color:var(--text-color)}to{background:var(--background-color);color:var(--background-color)}}@media (max-aspect-ratio:4503599627370496/5854679515581645){#logging-config{margin-top:10vw}}#logging-config{background:var(--background-color);margin-top:4vw;text-align:center;& button{border:.7vw solid var(--main-table-grid-color);border-radius:1.5vw;font-size:2.8vw;margin-bottom:1vw;margin-left:0;margin-right:0;padding:1vw;width:30vw}& .configloggingbuttondbig{border:1vw solid var(--main-table-grid-color);font-size:5vw;margin-bottom:2vw;width:45vw}}#autogeneratedaddDBCfilebuttons{display:grid;justify-content:center;& button{border:.7vw solid var(--main-table-grid-color);border-radius:1.5vw;font-size:3vw;margin-bottom:1vw;margin-left:0;margin-right:0;padding:1vw;width:80vw}}.logging-config-input-group{border-top:.1vw var(--main-table-grid-color);margin-top:0;padding-top:0}.logging-config-input-group tr td{padding:0}.logging-config-input-group summary{margin-bottom:0}#logging-config-container{margin-top:6vw;width:100%;&::-webkit-scrollbar{display:none;width:4px}&::-webkit-scrollbar-track{background-color:#e7e7e7;border:1px solid #cacaca;border-radius:3px}&::-webkit-scrollbar-thumb{background-color:var(--color-warning);border-radius:5px}#logging-config-table{border:.5vw solid;border-radius:1vw;display:inline-grid;margin-bottom:3vw;margin-top:5vw;overflow:hidden;width:95vw;& tr{width:100%}& summary{font-size:6vw;text-align:left}& a{font-size:2vh;overflow-wrap:anywhere;width:100%}& th{& p{border-bottom:2px dashed var(--main-table-grid-color);font-size:2.5vw;margin-bottom:1vw;margin-top:0;overflow-wrap:anywhere;padding:0}}& td:first-of-type{border:1px dashed var(--main-table-grid-color);max-width:70vw;& p{font-size:4vw;margin:0 1vw;overflow-wrap:anywhere;padding:0;text-align:left;width:68vw}}& td:nth-of-type(2){width:10vw;& input{height:4vw;margin:auto;scale:1.3}}}}#logging-config-heading{font-size:3vw;margin:2vw;text-align:center}#checkbox-count{font-size:5vw;height:16vw;margin-bottom:-4vw;text-align:center}.accent-number{color:var(--accent-color)}#logging-browser{background:var(--background-color);box-sizing:border-box;width:100%;& h2{font-size:3vh;text-align:center}}.analyze-btn.loading{background-color:#ff0;color:#000}.analyze-btn{background:var(--accent-color);border:none;border-radius:1vw;box-sizing:border-box;color:var(--background-color);display:inline-block;font-size:1vh;padding:1vw;text-align:center;transition:opacity .2s ease}.analyze-btn:hover{opacity:.85}.analyze-btn.pressed{transform:scale(.9)}#logging-browser-container{overflow:hidden;width:100%;& p{font-size:1.2vh;font-weight:400;text-align:center}}#logging-browser-table{border:.2vh solid var(--text-color);border-radius:.5vh;font-size:1.5vh;margin-bottom:2vh;margin-left:auto;margin-right:auto;max-width:90%;padding:.5vw;text-align:center}#logging-browser-table td:first-of-type,#logging-browser-table th{font-size:1vh}#logging-browser-table td{border-bottom:.1vh solid var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#logging-browser-table th{background:var(--dropdown-background-color);border-bottom:.3vh solid var(--text-color);font-weight:600}#logging-browser-table tr:nth-child(odd){background:var(--background-color)}#logging-browser-table tr:nth-child(2n){background:var(--dropdown-background-color)}button{cursor:pointer;font:inherit}.analyze-info{font-size:.9rem;margin-left:.5rem}@media (max-width:600px){#logging-browser-table td:first-child,#logging-browser-table th:first-child{width:35%}#logging-browser-table td:nth-child(2),#logging-browser-table td:nth-child(3),#logging-browser-table th:nth-child(2),#logging-browser-table th:nth-child(3){width:20%}}.display-none{display:none}.display-flex,.flex{display:flex}.display-block{display:block}.visibility-hidden{visibility:hidden}.disabled{opacity:.3;pointer-events:none}.float-left{float:left}.float-right{float:right}.left-right-text-container{clear:both;padding-left:2vw;padding-right:2vw;& h4,& h6{margin-bottom:.8vw;margin-top:.8vw}& h6{height:3.5vw}}#bms-overview-gauge-fault-state{& fault{font-size:2vw}}.border-bottom{border-bottom:.3vw solid var(--main-table-grid-color)}.height30{height:30%}.height40{height:40%}.width60{width:60%}.width50{width:50%}.width95{width:95%}.width100{width:100%}.text-align-center{text-align:center}.text-align-left{text-align:left}.text-align-right{text-align:right}.font-size-smaller{font-size:smaller}#reloadLogoOverlay{background:var(--background-color);margin-top:-2vw;z-index:12}#nothingConnectedOverlay,#reloadLogoOverlay{display:flex;height:100%;justify-content:center;position:fixed;text-align:center;width:100%}#nothingConnectedOverlay{align-items:center;z-index:100}#changeInterfaceModeOverlay{background:var(--background-color);height:100%;justify-content:center;opacity:95%;position:fixed;text-align:center;width:100%;z-index:8888}#closemodechangeOverlay,#closenothingconnectOverlay{height:2vh;left:82vw;position:absolute;top:2vw;width:2vh}.cross{margin-right:1vh;margin-top:-1.5vh;position:relative}.cross div{background-color:red;height:5vh;position:absolute;width:1vh}.cross .bar1{left:50%;top:0;transform:rotate(45deg);transform-origin:center}.cross .bar2{left:50%;top:0;transform:rotate(-45deg);transform-origin:center}.DevelopmentModeBANNER{color:red;margin-left:4vh;margin-top:9vh;opacity:60%;pointer-events:none;position:absolute;transform:rotate(-70deg);z-index:inherit;& h2{font-size:12vh}}#autoConnectContainer{align-self:center;opacity:90%;width:40vh;& h2{font-size:3vh}& h5{font-size:1.6vh;margin-bottom:0;margin-top:0}& h4{font-size:1vh}}.nothing-connect-overlay-div{background:2px 2px var(--dropdown-background-color);border:.5vh solid var(--accent-color);border-radius:2vh;filter:drop-shadow(2px 4px 6px black);margin-top:2vh;padding:2vh}#ListofModesDiv{margin-top:14vh;scale:.8;transform-origin:top}.switch-Mode-overlay-div{background:2px 2px var(--dropdown-background-color);border:.5vh solid var(--accent-color);border-radius:2vh;filter:drop-shadow(2px 4px 6px black);height:3vh;margin-top:1vh;padding:1vh;& h2{font-size:3vh;margin-top:-.5vh}}.Text-in-Reload-App{text-shadow:3px 3px var(--background-color)}.quickstart-guide-container{text-align:left;& h6{font-size:1.4vh;margin-bottom:.5vh;margin-top:0}& h3{font-size:2.5vh;margin-bottom:1vh;margin-top:1vh}}.modeselect-guide-container{margin-top:1vh;text-align:center;width:45vh;& h6{font-size:1.5vh;margin:auto auto 1vh;width:36vh}& h2{font-size:4vh;margin:auto}}#changedModeOverlayConfirmation{background:var(--background-color);height:100%;position:fixed;text-align:center;width:100%;z-index:9999999999}.changedModeConfirmation{margin-top:30vh;& h2{font-size:6vh;margin-top:7vh}& h1{color:var(--accent-color);font-size:10vh;margin-top:10vh}}#otaUpdateOverlay{align-items:center;display:flex;height:100%;justify-content:center;position:fixed;text-align:center;width:100%;z-index:99999;& h4{font-size:2.5vw;text-shadow:none}}@media (max-aspect-ratio:4503599627370496/5854679515581645){#otaUpdateOverlayContainer{scale:1}}@media (min-aspect-ratio:4503599627370496/5854679515581645){#otaUpdateOverlayContainer{scale:.5}}#ota-update-done-button,#ota-update-reload-button{background:var(--dropdown-background-color);border:.4vh solid var(--accent-color);border-radius:.5vh;padding:2vw 1vw 2vw 2vw}#ota-update-text-confirm{background:var(--dropdown-background-color);border:.4vh solid var(--accent-color);border-radius:3vw;max-width:85vw}#ota-update-button{font-size:4vw;margin-bottom:5vw}#postProcessingOverlay{z-index:10}#postProcessingOverlay,#promptOverlay{align-items:center;display:flex;height:100%;justify-content:center;position:fixed;text-align:center;width:100%}#promptOverlay{z-index:101}#CreateDatasetOverlay{align-items:center;background-color:var(--nothing-connected-overlay-background-color);display:none;height:100%;justify-content:center;position:absolute;text-shadow:2px 2px var(--accent-color);width:100%;z-index:101;& input{height:2vh;width:50vw}& button,& input{border-radius:.5vh;border-width:.3vh}& button{color:green;font-size:1.5vh;height:5vh;margin-top:1vh;width:43vw}}#TimeButtons{width:100%;& button{height:5vh;width:13.5vw}}#CreateDatasetTable{background-color:var(--background-color);border-collapse:collapse;width:60vw;& td{width:25%}}#closeCreateDatasetOverlay{height:2vh;left:82vw;position:absolute;top:2vw;width:2vh}.config-write-warning{border-radius:2vw}.view-edit-button-container{display:flex;justify-content:center;margin:auto;padding:1vw;width:90%;& button{background:var(--accent-color);border-radius:1vw;font-size:4vw;height:7vw;margin:.5vw;width:30vw}.button-disabled{opacity:.3}}.write-button-container{display:flex;justify-content:center;margin:auto;padding:1vw;width:90%;& button{border-radius:1vw;font-family:Pervitina,serif;font-size:4vw;height:7vw;width:61vw}}#bms-config-enabled-channels-div{display:flex;font-size:4vw;justify-content:space-evenly}.set-default-button-container{display:flex;justify-content:center;margin:auto auto 1vw;width:90%;& button{border-radius:2vw;font-family:Pervitina,serif;font-size:3vw;height:10vw;margin:.5vw;padding:1.5vw}.button-disabled{opacity:.2}}.clearAlertsButton{font-family:Pervitina,serif}.config-container{margin-top:4vh;width:99.9vw;& h2{padding-top:2vw;text-align:center}& .terms-and-conditions{text-align:center;width:100%;& a{color:var(--gauge-div-border-color);font-size:4vw;text-align:center}}}#interface-settings-container{margin-top:4vh;text-align:center;width:99.9vw;& p{font-size:2.5vw}}.telemetry-row{font-size:3vw;line-height:1vw}.config-table{border:.3vw solid;border-radius:1vw;font-size:smaller;margin-bottom:2vw;margin-left:5vw;margin-top:2vw;padding:.5vw;width:90vw;& tr{& td:first-of-type{font-size:3.6vw;text-align:left}& td:nth-of-type(2){height:4vw;text-align:right;width:30vw;& input[type=number],& input[type=tel],& input[type=text]{font-family:Pervitina,monospace;font-size:3vw;text-align:center;width:36.5vw}& input[type=checkbox]{height:4vw;width:6vw}& select{border:solid;border-radius:1vw;height:6vw;left:65vw;margin-top:-2vw;position:absolute;width:28.5vw}& button,& select{font-family:Pervitina,serif;font-size:3vw;text-align:center}& button{width:36.5vw}}}}.single-cell-config-table{border:2px solid;border-radius:1vw;color:var(--accent-color);font-size:smaller;margin:2vw 5%;padding:10px;width:90%;& tr{& select{font-size:3vw;padding-left:20px;padding-right:20px}& button,& select{font-family:Pervitina,serif;text-align:center}& td:last-of-type{max-width:39vw;text-align:right;& input[type=number]{width:60%}& input[type=number],& input[type=tel]{font-family:Pervitina,monospace;text-align:center}& input[type=tel]{width:27.5%}& input[type=text]{font-family:Pervitina,monospace;text-align:center;width:70%}& input[type=checkbox]{width:60%}}}}.single-cell-div{border:2px solid;border-radius:1vw;margin:5%;width:90%;& h3,& h4{margin:3%}& h3{font-size:large;text-align:center}& label{color:var(--text-color);font-size:x-small}}.warning{border:3px solid var(--color-warning);border-radius:1vw;margin-left:5%;margin-right:5%;padding:2vw;text-align:center;& h4{margin-bottom:2vw}& button{font-family:Pervitina,serif}}.warning2{background:var(--background-color);border:.5vw solid var(--color-warning);border-radius:1vw;font-size:2.5vw;padding:3vw;position:relative;text-align:center;top:-25vw}.config-unit-pushed-left-bms{float:right;font-family:Pervitina,serif;font-size:3vw;margin-top:1vw;position:absolute;right:9vw}.config-unit-pushed-left-bms-mAh{font-size:2vw;margin-top:1.5vw;right:8vw}.config-unit-pushed-left-bms-mV{font-size:2.5vw;right:8vw}.config-unit-pushed-left-single-cell{float:left;font-family:Pervitina,serif;left:35vw;padding-top:.7vw;position:relative}#imuOrientationCell{font-size:7vw;margin-left:20vw;margin-top:-60vw;max-width:48vw;position:absolute}.config-unit-pushed-left-tacho{float:right;font-family:Pervitina,serif;font-size:3vw;padding-top:.8vw;position:absolute;right:10vw}#mapping-helper-live-values-canvas{border:.35vh solid;border-radius:1.5vh;height:48vw;margin:.3vw;width:50%}#mapping-helper-div{background:var(--background-color);border-bottom:solid;overflow-y:scroll;padding-top:1vh;position:fixed;right:-47.5vw;top:2vh;width:97%;z-index:99}#mapping-helper-aspect-ratio-tool{border:solid;border-radius:1vw;height:100%;margin:2%;overflow-y:auto;width:96%}.import_export_buttons_div{display:flex;justify-content:center;margin-top:1vw}#mapping-helper{margin-bottom:200vw;width:100%}.interfaceSettingsBelow-disabled{@media (max-aspect-ratio:4503599627370496/5854679515581645){#mapping-helper-div{background:var(--accent-color);border:.35vh solid;border-radius:2vh;margin-left:1vw;margin-right:49vw;max-width:96vw;overflow:hidden;top:51%;width:48vh}#mapping-helper-live-values-canvas{height:46vh;margin-left:.7vw;margin-top:-.4vh;width:97%}}@media (min-aspect-ratio:1.5){#mapping-helper-live-values-canvas{height:29vw;width:29.8%}#mapping-helper-div{right:-67.5vw;top:2.5vh;width:97%}}}#device-info-container{text-align:center;width:100vw;#OTA_manual{border:.3vw solid;border-radius:1vw;margin-left:3.5vw;padding:1vw;text-align:left;width:90vw}#device-info-stats{& button{height:6vw;margin:1vw}& button,& input{border-radius:1vw;font-size:3vw;width:40vw}& input{height:5vw;margin-left:10vw;margin-right:10vw}}#device-info-container-content{margin:5vh auto auto;& p{border-top:.1vh solid;font-size:3vw;height:6vw;margin:0}& a{color:var(--accent-color)}}.ota-firmwares-table{border-spacing:0;font-size:2vw;width:100%;& td{border:1px solid var(--main-table-grid-color);margin:0;word-break:break-word;& button{font-size:1.5vw}}}}.device-info-device-chooser{align-items:center;display:flex;justify-content:center;margin-bottom:6vw;margin-left:23vw;margin-top:5vw;scale:1.6;width:50%}.device-info-device-chooser h2{border:.5vh solid var(--accent-color);border-radius:7px;margin-left:2.5%;margin-right:2.5%;padding-left:1.5%;padding-right:5%}.device-info-device-chooser h2:hover{opacity:.75}.device-info-device-not-chosen{opacity:.2}#SerialNumberButton{font-size:3vw;height:4vw;margin:1vw;width:40vw}.ota-firmwares-table{& td,& th{width:15%}& tr td:last-of-type,& tr th:last-of-type{width:55%}& tr td:first-of-type,& tr th:first-of-type{width:12.5%}& tr td:nth-of-type(4),& tr th:nth-of-type(4){width:15%}}.logo{padding-top:8vw;width:25vw}#interface-settings-container table{margin-top:0;width:94%}#interface-configuration-table-container{display:flex;justify-content:center}.InterfaceModeSettingsHeight{height:7vw}#clearAlerts-fault-name{font-size:5vw}#interface-configuration-table{border:2px solid;border-radius:1vw;justify-content:center;margin:5vh auto auto;padding:10px;width:100%;& h2{font-size:5vw}& input[type=checkbox]{height:4vw;margin-left:15vw;margin-right:15vw;width:6vw}& label{font-size:3vw}& input{border-radius:1vw;height:4vw}& .config-input-field{font-size:4vw}}.coloris{opacity:0}#accent-color-hack{color:var(--accent-color)}.clr-field{border-radius:1.5vw;margin:1vw}#interface-configuration-table td{margin:0;padding:0;width:50%}#interface-configuration-table td:last-child{text-align:center}#interface-configuration-table td:first-child{text-align:left}#interface-configuration-table button,#interface-configuration-table input,#interface-configuration-table select{font-family:Pervitina,monospace;font-size:3vw;text-align:center;width:36.5vw}#desktop_mode_right option{font-size:3vh;max-width:10vh}#TipsAndMoreDiv{margin-top:4vw}.full .clr-field button{border-radius:5px;height:100%;width:100%}#dbc-file-manager-container{text-align:center;& table{border:.2vw solid var(--main-table-grid-color);border-radius:1vw;margin-top:0}}#dbc-file-manager-table{border:.4vw solid;margin-left:auto;margin-right:auto;margin-top:20vw;padding:1vw;text-align:center;width:90%;& td{border-right:.5vw solid var(--main-table-grid-color);padding:1vw}& td,& th{font-size:2vw}}#delete-element-td{text-align:center}#File_Names_DBC{width:40%}#Size_DBC{width:30%}#Actions_DBC,#Download_DBC{width:10%}#dbc-file-manager-add-file{margin:3vw}.width100vw{width:100vw}.interfaceSettingsBelow-disabled{#zoom-content{height:100%;margin-top:5.5vw;transform-origin:top left;width:100vw}}.interfaceSettingsBelow-enabled{#zoom-content{height:100%;transform-origin:top left;width:100vw}@media (max-aspect-ratio:4503599627370496/5854679515581645){margin-top:5.5vw}@media (min-aspect-ratio:4503599627370496/5854679515581645){margin-top:2.5vh}}#desktop_mode_right{transform-origin:top left}#desktop_mode_right::-webkit-scrollbar,#zoom-content::-webkit-scrollbar{display:none}.interfaceSettingsBelow-disabled{@media (min-aspect-ratio:4503599627370496/5854679515581645) and (max-aspect-ratio:3/2){.width100vw{display:flex;min-height:100vh}#zoom-content{border-right:.5vw dashed var(--accent-color);margin-bottom:-200vw;margin-top:2.5vh;overflow:hidden;transform-origin:top left}#desktop_mode_right,#zoom-content{scale:.5;scrollbar-width:none;-ms-overflow-style:none}#desktop_mode_right{height:194vh;margin:2vh -50vw -200vw;overflow-y:scroll;text-align:center;width:98vw}#mapping-helper-placeholder{background:var(--background-color);height:100vw}}@media (min-aspect-ratio:3/2){.width100vw{display:flex;min-height:100vh}#zoom-content{border-right:.5vw dashed var(--accent-color);margin-bottom:-28vw;margin-top:2.5vh;scale:.7;transform-origin:top left}#desktop_mode_right,#zoom-content{scrollbar-width:none;-ms-overflow-style:none}#desktop_mode_right{height:325vh;margin:1vw -70vw -200vh -30vw;overflow-x:hidden;overflow-y:auto;scale:.3;width:98vw}#mapping-helper-placeholder{background:var(--background-color);height:103vw}}(max-aspect-ratio: 0.9999 / 1){.width100vw{display:block;min-height:100vh}#zoom-content{border:none;margin-bottom:0;margin-top:5.5vw;scale:1;transform-origin:top left}#desktop_mode_right{margin-left:0;margin-right:0;scale:1}#mapping-helper-placeholder{display:none}}}#tile-table-canvas{position:absolute;touch-action:auto!important;width:100%;z-index:8}#peer-to-peer-gui-div{font-size:2vw;margin-left:5vw;margin-right:5vw;margin-top:3vw;text-align:center;width:60vw;& h1{font-size:6vw}}#peer-to-peer-gui-server-div{border:solid;margin-bottom:12vw;min-height:60vh;min-width:89vw;& button{border:solid red;border-radius:1vw;margin-bottom:1vw}}#peer-to-peer-gui-client-div{border:solid;min-height:60vh;min-width:89vw}#webrtc-qr-connect-as-client-button,#webrtc-token-generate-generateBtn{border:solid red;border-radius:1vw;font-size:3vw;margin-bottom:1vw}#webrtc-qr-canvas{margin:auto}#webrtc-qr-canvas,#webrtc-qr-video{display:block;height:auto;max-width:100%;object-fit:contain;width:100%}#webrtc-token-generate-permission-table{border-collapse:collapse;margin:auto;width:50%}#webrtc-token-generate-permission-table td{vertical-align:middle}#webrtc-token-generate-permission-table label{display:inline-block;text-align:right;white-space:nowrap}#webrtc-token-generate-permission-table input[type=checkbox]{aspect-ratio:1/1;block-size:3vw;cursor:pointer;inline-size:3vw;vertical-align:middle}.peer-to-peer-gui-data-table-container{overflow-x:visible;width:100%;& input{height:3vw}}.peer-to-peer-gui-data-table{border-collapse:collapse;font-size:2vw;max-width:100%;table-layout:fixed;width:100%;& input{font-size:2vw;height:3vw}}#webrtc-qr-canvas{height:50vw!important;width:50vw!important}.peer-to-peer-gui-data-table__cell,.peer-to-peer-gui-data-table__header-cell{border:1px solid #e0e0e0;padding:.5rem .75rem;text-align:left;vertical-align:top;word-break:break-word}.peer-to-peer-gui-data-table__header-cell{font-weight:400}.peer-to-peer-gui-data-table__cell--actions{text-align:center}.peer-to-peer-gui-data-table__button{background-color:#fff;border:1px solid #d0d0d0;border-radius:999px;cursor:pointer;font-size:.75rem;line-height:1.2;padding:.25rem .6rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.peer-to-peer-gui-data-table__button--delete{background-color:#fff;border-color:#c0392b;color:#c0392b;font-size:2vw;white-space:nowrap}.peer-to-peer-gui-data-table__button--delete:hover{background-color:#fdf0ee;border-color:#a83225}@media (max-width:600px){.peer-to-peer-gui-data-table{font-size:.8rem}.peer-to-peer-gui-data-table__cell,.peer-to-peer-gui-data-table__header-cell{padding:.35rem .5rem}}