*{box-sizing:border-box}header{text-align:justify;color:#fff;text-shadow:3px 3px 5px #404040;background-color:#369;border-radius:.4em;margin-bottom:2ex;padding:10px;position:relative}.grid{place-items:center stretch;gap:.5em 3em;display:grid}.flex{flex-direction:column;flex:none;display:flex}.horzflex{flex:none;align-items:center;display:inline-flex}.horzflex>*{flex-shrink:0;padding-inline-start:.5em}.main{background-color:#369;border-radius:.4em;grid-template-rows:1fr;grid-template-columns:1fr;width:100%;margin-top:10px;padding:.5em;display:grid;overflow:auto}body{user-select:none}button{width:fit-content;height:auto}.grid label{justify-self:end!important}label>span{margin-left:10px}#logo{box-sizing:content-box;background-color:#ffffff80;border-radius:.2em;width:10ex;padding:.5ex;display:inline-block;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.error_msg{color:#f5e214;background-color:#bb1326;width:100%;margin-bottom:.5ex;padding:.5em;font-family:Courier New,Courier,monospace;font-weight:700;display:inline-block}tiny{font-size:70%}body{color:#fff;clip:auto;box-sizing:border-box;background-color:#12579b80;flex-flow:column wrap;justify-content:space-between;width:100%;margin:0;padding:8px;font-family:Segoe UI,Arial,Helvetica,sans-serif;display:flex}h1{text-transform:uppercase;text-shadow:5px 5px 5px #2b3139;color:#f5e214;padding:2ex}fieldset{background:#12579be0;border:none;border-radius:.5ex;margin-bottom:2ex;padding:1.5ex 1ex 1ex;display:flex}fieldset legend{color:#000;background:#fff;border-radius:.5ex;padding:0 1ex .5ex}#load_ds_button+label{color:#353c46;background:linear-gradient(#fff,#e7e9ec);border:1px solid #adb5c1;border-radius:.5ex;width:fit-content;height:auto;padding:1ex;font-size:smaller}#load_ds_button+label:hover{color:#353c46;cursor:pointer;background:#dbdfe4;border:1px solid #adb5c1}#load_ds_button+label:active{color:#fff;background:#2384e4;border:1px solid #0e467f}.ds_button_label:disabled{color:#353c4680;background:linear-gradient(#fff,#e7e9ec)}button{color:#353c46;background:linear-gradient(#fff,#e7e9ec);border:1px solid #adb5c1;border-radius:.5ex;margin-right:1ex;padding:1ex;position:relative}button:hover:enabled{color:#353c46;cursor:pointer;background:#dbdfe4;border:1px solid #adb5c1}button:active:enabled{color:#fff;background:#2384e4;border:1px solid #0e467f}button:disabled{color:#353c4680;background:linear-gradient(#fff,#e7e9ec)}sub{vertical-align:sub;font-size:smaller}select{height:2em}input{height:20px;margin-left:10px;padding-left:10px;padding-right:10px}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:calc(100% - 20px);height:27px;margin-left:10px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#fff;border:0 solid #353c46;border-radius:1px;width:calc(100% - 20px);height:2px;box-shadow:0 0 #000}input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;appearance:none;background:linear-gradient(#fff,#e7e9ec);border:1px solid #adb5c1;border-radius:7px;width:14px;height:14px;margin-top:-9.5px;box-shadow:0 0 #000}input[type-range]:hover::-webkit-slider-thumb{background:#dbdfe4}input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}input[type=range]::-moz-range-track{cursor:pointer;background:#fff;border:0 solid #353c46;border-radius:1px;width:calc(100% - 20px);height:2px;box-shadow:0 0 #000}input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(#fff,#e7e9ec);border:1px solid #adb5c1;border-radius:7px;width:14px;height:14px;box-shadow:0 0 #000}input[type-range]:hover::-moz-range-thumb{background:#dbdfe4}input[type=range]::-ms-track{cursor:pointer;color:#0000;background:0 0;border-color:#0000;width:calc(100% - 20px);height:2px}input[type=range]::-ms-fill-lower{background:#fff;border:0 solid #353c46;border-radius:2px;box-shadow:0 0 #000}input[type=range]::-ms-fill-upper{background:#fff;border:0 solid #353c46;border-radius:2px;box-shadow:0 0 #000}input[type=range]::-ms-thumb{cursor:pointer;background:linear-gradient(#fff,#e7e9ec);border:1px solid #adb5c1;border-radius:7px;width:14px;height:14px;margin-top:1px;box-shadow:0 0 #000}input[type-range]:hover::-ms-thumb{background:#dbdfe4}input[type=range]:focus::-ms-fill-lower{background:#fff}input[type=range]:focus::-ms-fill-upper{background:#fff}ul[role=listbox]{background:#fff;border:1px solid #aaa;margin:0;padding:0}li[role=option]{color:#000;cursor:default;opacity:.5;padding:0 1ex;line-height:1.8em;display:block;position:relative}input[readonly]{color:#00000080}li[role=option].enabled{opacity:1;background:#bde4ff}.spinner{border:.3em solid #0003;border-left-color:#000;border-radius:50%;width:3ex;height:3ex;font-size:10px;animation:1.1s linear infinite load8;position:absolute;top:50%;left:50%}@keyframes load8{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.controllers{width:calc(100vw - 32px);margin-bottom:0;padding-right:8px;overflow-x:scroll}.controller{grid-template-columns:repeat(3,min-content);width:fit-content;display:grid;position:relative}.controller>.controller_container{flex-direction:column;display:flex}.controller>.controller_container>.bus_container{flex:1;align-self:stretch;margin-bottom:.5ex;position:relative}.controller>.controller_container>.bus_container>.bus_line{border:4px orange;border-left-style:solid;height:100%;position:absolute}.controller>.controller_container>.image_container{flex:0 0;width:fit-content;height:fit-content;position:relative}.controller>.controller_container>.image_container>img{margin-right:15px}.hoverable:hover{filter:drop-shadow(4px 4px 3px #000000b3)}.zoom{width:fit-content;height:fit-content}.zoom_ctrl{cursor:pointer;margin:.4em}.zoom_ctrl:hover{background-color:#ffffff80}.tooltip{z-index:100;color:#000;background-color:#ffffe0;border-radius:5px;flex-flow:column wrap;column-gap:1ex;height:fit-content;padding:5px;display:flex;position:fixed;overflow-y:auto}.status_info{flex-grow:1;flex-shrink:1}.status_info p{margin:0}svg text{cursor:default}.filename{white-space:nowrap;font-family:Courier New,Courier,monospace}.filename:before{content:"«"}.filename:after{content:"»"}.fade{animation:.3s alternate fade}.abs{position:absolute}@keyframes fade{0%{opacity:0}to{opacity:1}}.overlay_bg{backdrop-filter:blur(7px);background-color:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.overlay{color:#000;background-color:#fefefe;border-radius:.5ex;width:max-content;max-width:80vw;max-height:80vh;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.tight{margin-top:.25ex;margin-bottom:1ex}.close_button{z-index:1000;background:#fff;border:2px solid #000;border-radius:.75em;width:1.5em;height:1.5em;font-size:large;position:absolute;top:-1ex;right:-1ex}.close_button:hover{color:#00008b;background:#faebd7;border-color:#00008b}.close_button:after{content:"X";display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.next_button,.prev_button{pointer-events:none;width:1.5em;height:1.5em;font-size:xx-large;display:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.next_button{right:-2em}.prev_button{left:-.5em}.next_button.enabled,.prev_button.enabled{pointer-events:all;display:block}.next_button.enabled:before,.prev_button.enabled:before{content:attr(data-tooltip);font-size:initial;color:#000;text-align:center;opacity:0;background:#ffff00e0;border-radius:.2em;width:20em;max-width:max-content;padding:.2em;position:absolute;top:50%;transform:translateY(-50%)}.next_button.enabled:before{margin-left:15px;left:100%}.prev_button.enabled:before{margin-right:15px;right:100%}.next_button:after,.prev_button:after{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.next_button.enabled:hover,.prev_button.enabled:hover{background-color:#fff}.next_button.enabled:hover:before,.prev_button.enabled:hover:before{opacity:1;transition:opacity .1s .5s}.next_button:after{content:"→"}.prev_button:after{content:"←"}.scrollable{flex:1;overflow:auto}ul{padding-left:15px}rect.hoverable:hover{stroke:#000;stroke-width:2px}ul.times{flex-flow:column wrap;column-gap:1ex;max-height:max-content;display:flex}li.timestamp{font-style:italic;font-weight:700;list-style-type:none}li.timestamp:before{content:"+";display:inline}li.setting{list-style-type:none}li.setting:before{content:"–";vertical-align:top;margin-right:1ex;display:inline-block}li.setting>span{display:inline-block}ul.settings{font-style:normal;font-weight:400}@property --popout{syntax:"<length>";inherits:false;initial-value:0}.pie-segment{--popout:0px;transform:rotate(var(--rotation))translateY(var(--popout))rotate(calc(0deg - var(--rotation)));transition:--popout .3s}.pie-segment:hover{--popout:-50px}