:root{color-scheme:light;--main-bg: #c5bfbd;--main-bg-gr-01: #dda29d;--main-bg-gr-02: #d3ae90;--main-bg-gr-03: #b6ae98;--main-bg-gr-04: #b7b7c4;--prim-txt: #37373b;--highlight: #343444;--navbar-bg: #afa59a;--footer-bg: #afa59a;--ico-bg: #6B6B85;--ico-txt: #faede5;--boxCont-border: var(--ico-bg);--boxCont-bg: #dadaf546;--boxCont-txt: var(--highlight);--primary-color: #4a90e2;--btn-prime-color: #5c5c77;--btn-prime-txt-color:#ebe1e1;--btn-min-size: 2rem;--header-text: #2a2c30;--border-color: #adadd8;--label-bg: #0000003f;--label-txt: #0b05469d;--btn-tog-bg-off: #6d6363;--btn-tog-txt-off: var(--btn-prime-txt-color);--btn-tog-bg-on: #6ebe86;--btn-tog-txt-on: #272727;--slider-bg: #b9b9b9;--slider-accent: #435a8b;--select-bg: #ddd;--select-txt: #3f3e3e;--logo-col: var(--header-text)}@media(prefers-color-scheme: dark){:root{color-scheme:dark;--main-bg: #111;--main-bg-gr-01:#350a06;--main-bg-gr-02:#311906;--main-bg-gr-03:#13131b;--main-bg-gr-04:#06061a;--prim-txt: #aaa;--highlight: #99a;--navbar-bg: #131313;--footer-bg: #15151e;--ico-bg: #D68251;--ico-txt: #04072b;--boxCont-border: var(--ico-bg);--boxCont-bg: #36322e94;--boxCont-txt: var(--highlight);--primary-color: #4a90e2;--btn-prime-color: #493f39;--btn-prime-txt-color:#ddcececb;--btn-min-size: 2rem;--background-color: #f4f4f9;--text-color: #333;--header-bg: #333;--header-text: #dad5d3;--border-color: #552408;--label-bg: #0000005d;--label-txt: #ffa600a2;--btn-tog-bg-off: #3b1d1d;--btn-tog-txt-off: var(--btn-prime-txt-color);--btn-tog-bg-on: #ca8a00;--btn-tog-txt-on: #272727;--slider-bg: #333333;--slider-accent: #dd7a00;--select-bg: #3a3a3a;--select-txt: #c4c4c4;--logo-col: #9c9592}}@font-face{font-display:swap;font-family:"SourceSans3";font-style:normal;font-weight:200 900;unicode-range:U+000-5FF;src:url("/fonts/SourceSans3VF-Upright.otf.woff2") format("woff2")}html{overscroll-behavior-y:contain;overflow-x:hidden;margin:0;padding:0}body{font-family:"SourceSans3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--prim-txt);height:100lvh;display:grid;grid-template-rows:auto 1fr auto}main{height:100%}.main-container{background-color:var(--main-bg);background:linear-gradient(0deg, var(--main-bg-gr-01) 2%, var(--main-bg-gr-02) 6%, var(--main-bg-gr-03) 10%, var(--main-bg-gr-04) 20%, var(--main-bg) 30%)}.main-bg-deco{height:100%;background-image:url(/img/sdeco/topBo_lit.svg),url(/img/sdeco/topL_lit.svg),url(/img/sdeco/topR_lit.svg),url(/img/sdeco/bottomBo_lit.svg),url(/img/sdeco/treeL_lit.svg),url(/img/sdeco/treeR_lit.svg),url(/img/sdeco/dzBin_lit.svg);background-position:top,top left,top right,bottom,bottom left,bottom right,50% 35%;background-repeat:no-repeat;background-size:100vw,20vw,20vw,100vw,33vh,40vh,250px}@media(prefers-color-scheme: dark){.main-bg-deco{background-image:url(/img/sdeco/topBo_drk.svg),url(/img/sdeco/topL_drk.svg),url(/img/sdeco/topR_drk.svg),url(/img/sdeco/bottomBo_drk.svg),url(/img/sdeco/treeL_drk.svg),url(/img/sdeco/treeR_drk.svg),url(/img/sdeco/dzBin_drk.svg)}}.view{display:none}#main-view{width:100%;height:100%}.view-wrap{display:flex;flex-flow:column;justify-content:space-around;width:100%;height:100%;backdrop-filter:blur(8px)}.text-container{align-self:center;padding-left:2rem;padding-right:1rem;margin-top:.5rem;margin-bottom:.5rem;max-width:60rem}#mainHead,#mainFoot{display:flex;flex-wrap:wrap;align-content:space-around;align-items:center;width:100%;background-color:var(--navbar-bg);color:var(--header-text);padding:.3rem;text-align:center}#mainHead h1,#mainFoot h1{margin:0;font-size:1.5rem}#mainHead h2,#mainFoot h2{margin:0;font-size:1.2rem}#mainHead nav,#mainFoot nav{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;gap:.25rem}#mainHead nav button,#mainFoot nav button{background:var(--btn-prime-color);color:var(--btn-prime-txt-color);border:none;margin:0;padding:.1rem .2rem;border-radius:5px;cursor:pointer}#mainHead .nav-wrap,#mainFoot .nav-wrap{width:100%;max-width:65rem}#main-top-ui{width:100%;margin-top:.15rem;display:flex;flex-wrap:wrap;align-content:space-around}#mainFoot{justify-content:space-around;background-color:var(--footer-bg)}.mainTitle{display:flex;justify-content:space-between;padding:.3rem}.topnav{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;justify-content:space-around;align-items:center;text-decoration:none;padding-inline-start:0}.navitem{float:left;width:auto;border:none;display:block;text-decoration:none;outline:0;font-weight:700}.nav-svg{display:flex;align-items:center;justify-content:center;padding:.1rem .2rem;width:3rem}.nav-svg svg{display:block;height:1.8rem;width:1.8rem}.nav-svg path{fill:var(--btn-prime-txt-color)}.ui-item-wrap{display:flex;align-items:center;gap:.3rem;font-weight:700}.ui-item-wrap select{font-weight:normal}.legal{align-self:center;text-decoration:none;font-weight:bold;margin:1rem .2rem}.dzHomeBtn{background-image:url("/img/dzTitle.svg");width:6.5rem;height:2rem;display:block;background-size:auto;background-repeat:no-repeat;overflow:hidden}.logo-wrap{display:flex;justify-content:space-between;align-items:center;gap:.2rem}.logoIcon{display:flex;align-items:center;justify-content:center}.logoIcon svg{display:block;width:1.8rem;height:1.8rem}.logoIcon path{fill:var(--logo-col)}.logoTitle{color:var(--logo-col);font-weight:900;letter-spacing:.2rem}button{display:block;width:100%;padding:.8rem;border:none;background-color:var(--btn-prime-color);color:var(--btn-prime-txt-color);border-radius:5px;font-weight:600;cursor:pointer;margin-top:1rem}#main-view{display:block}#main-view h1{margin:0}#main-view h2{margin:.3rem}#fx-view,#infx-view{display:block;height:100%;width:100%;color-scheme:light}.fx-wrap{display:flex;width:100%;padding:0 .2rem;justify-content:space-around}@media(orientation: portrait){.fx-wrap{flex-wrap:wrap}}@media(orientation: landscape){.fx-wrap{flex-wrap:nowrap}}.fx-bus-wrap{display:flex;flex-flow:column;align-items:center;flex:1 1 0%;max-width:13rem;padding:.25rem;margin:.25rem;background-color:var(--boxCont-bg);border-radius:12px;box-shadow:0px 3px 6px rgba(17,16,19,.3843137255);transition:.25s linear scale}.fx-bus-wrap select{border-radius:6px;background-color:var(--select-bg);color:var(--select-txt)}.fx-busctrl-wrap{display:flex;justify-content:space-between;width:100%;margin-top:.3rem;padding:0 .3rem}.fx-busctrl-wrap input[type=range]{position:relative;display:inline-block;background:var(--slider-bg);vertical-align:middle;border-radius:6px;box-shadow:0px 0px 6px #000 inset;writing-mode:vertical-lr;direction:rtl;accent-color:var(--slider-accent);width:20px;height:8rem;vertical-align:bottom;margin:.1rem .1rem}.fx-busctrl-wrap button{padding:.15rem}.fx-bus-name{width:100%;background:var(--label-bg);color:var(--label-txt);border-radius:8px;text-align:center;font-weight:800}.btn-fx-toggle{margin:.4rem .1rem;max-width:10rem;box-shadow:0px 1px 3px #111013;background:var(--btn-tog-bg-off);color:var(--btn-tog-txt-off)}.btn-fx-toggle[data-state=true]{background:var(--btn-tog-bg-on);color:var(--btn-tog-txt-on)}.btn-fx-select{margin:.3rem .1rem;max-width:10rem}.btn-fx-par-toggle{box-shadow:0px 1px 3px #111013;background:var(--btn-tog-bg-off);color:var(--btn-tog-txt-off);width:2.4rem;height:2.4rem}.btn-fx-par-toggle[data-state=true]{background:var(--btn-tog-bg-on);color:var(--btn-tog-txt-on)}.fx-bus-ctrl-label{text-align:center;width:100%}#info-view{width:100%;min-height:100%}#info-view h2{margin:0}#info-view li{margin-bottom:1rem}.info-wrap{align-self:center;min-height:100%;max-width:70rem;margin:0 1.5rem}#settings-view{width:100%;height:100%}#settings-view h2{margin:0}#settings-view .settings-container{align-self:center;display:flex;flex-flow:column;padding:.5rem;margin:.5rem;max-width:60rem}#settings-view .settings-wrap{display:flex;flex-wrap:wrap;justify-content:space-around}#settings-view .settings-item{margin:.5rem;padding:.3rem}.social-wrap{display:flex;flex-flow:column;align-self:center;margin-bottom:1rem;max-width:20rem}.share-wrap{display:flex;flex-flow:column}.share-link-wrap{display:inline-flex;align-items:center;margin-top:1rem}.sb-copy{margin:0;min-width:6rem}.sb-inline{display:inline-flex;align-items:center;gap:8px;margin-left:8px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.sb-inline.sb-inline--visible{opacity:1;transform:translateY(0);pointer-events:auto}.sb-url{padding:6px 8px;border:1px solid #838383;border-radius:8px;line-height:1;outline:none}.sb-url::-ms-clear{display:none}.sb-url{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sb-status{margin-left:6px;font-size:13px;color:#065f60;display:inline-block}input[type=text],input[type=password],textarea{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:5px;box-sizing:border-box}input[type=checkbox]{appearance:none;position:relative;display:inline-block;background:gray;width:2.75rem;height:1.65rem;vertical-align:middle;border-radius:2rem;box-shadow:0px 1px 3px #000 inset;transition:.25s linear background}input[type=checkbox]::before{content:"";display:block;width:1.25rem;height:1.25rem;background:#fff;border-radius:1.2rem;position:absolute;top:.2rem;left:.2rem;box-shadow:0px 1px 3px #000;transition:.25s linear transform;transform:translateX(0rem)}input[type=checkbox]:checked{background:green}input[type=checkbox]:checked::before{transform:translateX(1rem)}input[type=checkbox]:focus-visible{outline:2px solid #fff;outline-offset:2px}textarea{min-height:300px;resize:vertical}#sysNotes{display:block;align-items:center;border:2px solid #363636;border-radius:8px;height:2rem;width:8rem;overflow:hidden}.sysNote{background-color:#949494;height:100%}.sysAlert{background-color:#c04949;height:100%}.sysGood{background-color:#5db95d;height:100%}@media(min-width: 30rem){#sysNotes{width:12rem}}@media(min-width: 60rem){body{font-size:120%}#sysNotes{width:14rem}.fx-wrap{padding:0 1rem}.fx-bus-wrap{max-width:22rem}.fx-busctrl-wrap{margin-top:.3rem;padding:0 .6rem}.fx-busctrl-wrap input[type=range]{width:30px;height:16rem;margin:.2rem .4rem}.fx-busctrl-wrap button{width:3.5rem;height:3.5rem;padding:.15rem}}@media(min-width: 70rem){body{font-size:150%}.fx-wrap{padding:0 1rem}.fx-bus-wrap{max-width:22rem}.fx-busctrl-wrap{margin-top:.3rem;padding:0 .6rem}.fx-busctrl-wrap input[type=range]{width:40px;height:16rem;margin:.2rem .4rem}.fx-busctrl-wrap button{width:3.5rem;height:3.5rem;padding:.15rem}}
