*{box-sizing:border-box;}
@font-face {font-family:icons;src:url("icons.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap;}
@keyframes rotate{0% {transform:rotate(0)} 100% {transform:rotate(359deg)}}
::-webkit-scrollbar{width:10px;height:10px;background:none;}::-webkit-scrollbar-track{background:none;}::-webkit-scrollbar-thumb{border:1px solid var(--b0);border-radius:10px;background-color:var(--f4);}::-webkit-scrollbar-corner{background:none;}

html,body{background:var(--b2);margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--f0);}
#app{font-size:14px;height:100%;display:grid;place-items:center;}
hr{border:none;border-bottom:1px solid var(--f4);}
pre{white-space:break-spaces;margin-block:0;font-family:微软雅黑,Helvetica, Arial, sans-serif;}
pre.console{width:100%;height:100%;background:#000;color:#fff;padding:.5em}
dialog{margin:0;padding:0;color:var(--f0)}
fieldset{background:var(--b1);border:1px solid var(--f4);position:relative;margin:1em;}
fieldset>legend{display:flex;position:absolute;top:-1.5em;line-height:1.5em!important;background:var(--b1);border:1px solid var(--f4);border-bottom:none;padding:0 .5em;}
fieldset>*:nth-child(2){overflow:auto;width:100%;height:100%}
table fieldset{margin:0;}
input,select,textarea{width:100%;background:var(--b0a);outline:none;border:1px solid var(--f4);border-radius:3px;padding:4px;color:var(--f0);vertical-align:middle}
input.append,select{padding-right:1.5em}
textarea{min-height:10em;}select{appearance:none;}
select.default{appearance:auto;width:auto;}
input:focus,select:focus{outline:1px solid var(--primary);}
input[type=color]{width:50px;height:50px;padding:0;outline:none;}
input[type=range]{outline:none;padding:0;}
input[type=checkbox],input[type=radio]{width:auto!important;outline:none;padding:0;}
input[type=checkbox]:focus,input[type=radio]:focus{outline:none;}
input[type=checkbox]{width:13px!important;height:13px!important;background-color:#fff;border:1px solid #888;border-radius:2px;display:inline-flex;place-items:center;}input[type=checkbox]:checked{appearance:none;background:var(--primary-light);border:none;}input[type=checkbox]:checked::before{margin-left:1px;content:'\F02C';font-family:'icons';font-size:12px;line-height:12px;color:#fff;}input[type=checkbox]:indeterminate{appearance:none;background:var(--primary);}input[type=checkbox]:indeterminate::before{content:'\f010';font-size:11px;font-family:icons;text-align:center;}
input[type=radio]{width:13px!important;height:13px!important;background-color:#fff;border:1px solid #888;border-radius:2px;vertical-align:top;}input[type=radio]:checked{appearance:none;background:var(--primary-light);border:none;border-radius:50%;}input[type=radio]:checked::before{margin:1px;content:'';display:block;width:7px;height:7px;border:2px solid #fff;border-radius:50%;}
input[disabled],input[readonly],textarea[disabled],textarea[readonly]{color:var(--f2);background:none;}
input+.append,select+.append{position:absolute;cursor:pointer;height:1.8em;right:.2em;display:inline-flex;align-items:center}
input+.append>.icon::before,select+.append>.icon::before{margin:0}
input:is([type*='date'],[type*='month']){font-family:Helvetica, Arial, sans-serif;}
input:is([type*='date'],[type*='month'])+.append{right:1.75em;}
input[disabled]+.append,input[readonly]+.append,select[disabled]+.append,select[readonly]+.append{display:none;}
input.clearable+.append{display:inline-block!important;}
input.file+input[type=file]{opacity:0;position:absolute;left:0;}
legend{-webkit-user-select:none;user-select:none;}
button,input[type=reset]{width:auto;background:var(--b3);border:1px solid var(--f3);color:var(--f0);border-radius:4px;font-size:1em;margin:.25em;padding:.1em 1em .25em 1em;user-select:none;outline:none;white-space:nowrap;position:relative;}
button:hover,input[type=reset]:hover{filter:brightness(1.05);}
button[disabled]{background:var(--b3);border-color:var(--f4);color:var(--f2);}
button[disabled]:hover{filter:none;}
button.primary{background:var(--primary);color:var(--on-primary);}
button>input[type=file]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
a.linkbutton{cursor:pointer;margin:0 .25em;user-select:none;}
a.linkbutton:hover{text-decoration:underline;color:var(--primary-light)}

.login{font-size:14px;background:url(../images/bg.svg);background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.login>div{width:800px;height:450px;padding:5em;background:#eeee url(../images/login.svg) no-repeat right center;background-size:75%;box-shadow:0 0 20px 0 rgba(0,0,0,.3);}
.login>div>h1{color:var(--primary);font-size:26px}
.login>div>div{max-width:250px;}
.login input{margin:.5em 0;padding:.5em;background:#fff;border:1px solid #ddd;color:#000;}
.login button{height:32px;width:100%;margin:.5em 0;background:var(--primary);color:#fff;border-radius:0;}
.login .logo{height:40px;background:url(../images/logo.svg) no-repeat left center;}

table table{width:100%;}
table.grid{width:100%;height:100%;border:none;border-spacing:0;background:var(--b1);display:grid;grid-template:auto 1fr/1fr;cursor:default;}
table.grid thead,table.grid tfoot,table.grid tbody,table.grid tr{width:100%;table-layout:fixed;display:table;}
table.grid thead,table.grid tfoot{background:var(--b2);color:var(--f1);display:block;}
table.grid thead{overflow:hidden;user-select:none;min-height:1.64em;border-bottom:1px solid var(--f4)}
table.grid thead th,table.grid thead td{text-align:left;position:relative;border-right:1px solid var(--f4);}
table.grid thead th:last-child{border-right:none;}
table.grid thead th>div::before{content:'';font-family:icons;font-size:1em;}
table.grid thead th>div[order=desc]::before{content:'\F02A';}
table.grid thead th>div[order=asc]::before{content:'\F02B';}
table.grid thead th>i{width:.6em;height:1.5em;display:inline-block;cursor:e-resize;position:absolute;top:0;right:0;}
table.grid thead th>i::before{content:'';display:block;width:50%;height:100%;border-right:1px solid var(--b2);}
table.grid tfoot{border-top:1px solid var(--f4);color:var(--f1);font-size:.75em;padding:.25em;}
table.grid tbody{display:block;overflow:auto;}
table.grid tbody tr:nth-child(odd){background:var(--b0a);}
table.grid tbody tr:hover{background:var(--f4);color:var(--f0);}
table.grid tbody tr.checked{background:var(--primary-gray);color:var(--on-primary);}
table.grid tbody tr.selected{background:var(--primary);color:var(--on-primary);filter:none!important}
table.grid tbody tr.offline>td{opacity:.36;}
table.grid th,table.grid td{white-space:nowrap;padding:.2em .5em;}
table.grid th>div,table.grid td>div{overflow:hidden;text-overflow:ellipsis;}
table.grid td>b{display:none;}
table.grid img{max-width:1em;max-height:1em;}
table.grid.formgrid{width:100%;height:100%;min-height:300px;}

table.form{padding:1em;width:100%;overflow:hidden;}
table.form>tbody>tr>*{position:relative;}
table.form>tbody>tr>td:first-child{text-align:right;color:var(--f1);white-space:nowrap;user-select:none;}
table.form>tbody>tr.required>td:first-child::before{content:'\F02D';font-family:icons;font-size:.75em;color:var(--red);}
table.form>tbody>tr>td:nth-child(2){width:100%;}
table.form>tbody>tr>td:nth-child(2)>label{color:var(--f2);display:block}
table.form>tbody>tr>td[colspan]{text-align:left;white-space:normal;}table.form>tbody>tr>td[colspan]::after{content:'';}
table.form>tfoot{width:100%;}
table.form .error{outline:1px solid var(--red);}
table.form.group{display:flex;}
table.form.group tbody{margin:0 1em;width:100%;}
table.form img{max-width:100px;}
table.form.compact>tbody>tr{display:flex;flex-wrap:wrap;margin-bottom:1em;}
table.form .wrap{white-space:normal!important}
table .alarm{color:#f00;}

.center table.form{padding-left:50px;padding-right:50px;}

.tabs{height:100%;height:2.5em;background:var(--b2);justify-content:flex-start!important;overflow:hidden;position:relative;cursor:default;}
.tabs>*:first-child{height:100%;display:flex;overflow:hidden;justify-content:flex-start!important;position:absolute;left:0!important;}
.tabs>*:first-child>*{height:100%;padding:5px 10px;color:var(--f2);display:flex;flex-wrap:nowrap;justify-content:center;}
.tabs>*:first-child>*:last-child{margin-right:42px;}
.tabs>*:first-child>*>*{white-space:nowrap;}
.tabs>*:first-child>*>i::after{content:'\F007';margin-left:1em;font-family:icons;font-size:8px;font-style:normal;text-align:center;vertical-align:bottom;}
.tabs>*:first-child>*.selected{color:var(--f0);border-bottom: 2px solid var(--primary);}
.tabs>*:first-child>*:hover{color:var(--f0);}
.tabs>*:first-child>*.selected>*:last-child::after{color:var(--f0);}
.tabs>*:last-child{display:flex;position:absolute;height:100%;right:0;align-items:center;justify-content:center;}
.tabs>*:last-child>*{display:inline-block;text-align:center;}

.menu{z-index:10;position:fixed;padding:.5em 0;background:var(--b1);border:1px solid var(--f4);color:var(--f0);box-shadow:2px 2px 2px 1px var(--shadow);white-space: nowrap;max-height:80vh;overflow:auto;}
.menu>*{display:block;padding:.25em 2em .25em .5em;}
.menu>*:hover,.menu>*.selected{background:var(--primary);color:var(--on-primary)}

.list{overflow:auto;}
.list>*{display:block!important;padding:.25em;padding-right:3em;cursor:pointer;white-space:nowrap}
.list>*:hover{background:var(--primary-gray);color:var(--on-primary);}
.list>*.selected{background:var(--primary);color:var(--on-primary)}
.list>*.icon.selected::before{color:var(--on-primary);}

.tree{margin:.5em 0;padding:0;list-style:none;user-select:none;}
.tree ul{margin:0;padding-left:1em;list-style:none;}
.tree li{position:relative;}
.tree label{white-space:nowrap;}
.tree a{position:relative;width:100%;padding:.25em .5em;margin-left:1.25em;text-align: left;white-space: nowrap;}
.tree a::before{content:'\F035';font-family:'icons';color:#f0cd67;font-size:18px;line-height:22px;margin-right:.5em;vertical-align:middle;}
.tree a.selected{background:var(--primary)!important;color:var(--on-primary)!important}
.tree a:hover{background:var(--f4);color:var(--f0);}
.tree input[type=checkbox]{appearance:none;background:none;border:none;outline:none;position:absolute;z-index:1}
.tree input[type=checkbox]::before{content:'\F02A';font-family:'icons';color:var(--f2);}
.tree input[type=checkbox]:checked::before{content:'\F029';}
.tree input[type=checkbox]:checked+a+ul{display:none;}
.tree input.blank[type=checkbox]{display:none;}
.tree a.file::before{content:'\F034';color:var(--f1)!important;}
.tree a.type::before{content:'\F036';}
.tree a.device::before{content:'\F037';}
.tree a.sensor::before{content:'\F038';}
.form-tree{z-index:1;position:fixed;width:auto;min-width:175px;height:300px;background:var(--b1);border:1px solid var(--f4);overflow:auto;}

.loading{width:100%;height:100%;top:0;left:0;margin:auto;position:fixed;z-index:9999999999;}
.loading::after{content:'';animation:rotate 2s linear infinite;position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);height:100%;width:40px;height:40px;border:6px solid var(--primary);border-top:6px solid #0000;border-radius:100%;}
.message{pointer-events:none;position:fixed;width:auto;right:0;top:0;z-index:999999;display:grid;grid-template-columns:1fr;align-items:center;justify-content:center;}
.message>*{background:rgb(255,229,126);border:1px solid #ccc;border-radius:4px;margin:.5em;padding:.5em;color:#333;}

.center{display:grid;place-items:center;width:100%;height:100%;}
.buttons{padding:2em;display:flex;justify-content:center;}
.buttons_right{padding:2em;display:flex;justify-content:end;}
.toolbar,.statusbar,.titlebar{display:flex;align-items:center;height:2.5em;border-bottom:1px solid var(--f4);background:var(--b2);white-space:nowrap;cursor:default;}
.toolbar.topbar{border-top:1px solid var(--f4)}
.toolbar>*{margin:0 .5em;}.toolbar hr{width:0;height:50%;border:none;border-left:1px solid var(--f4);margin-left: 1em;}
.toolbar>div:last-child{position:absolute;right:0;}
.toolbar input,.toolbar select{width:auto!important;}
.toolbar .pathbox{width:100%!important;}
.titlebar{height:1.6em;font-weight:bold;color:var(--f2);}
.titlebar::before{content:'\F029';font-family:'icons';color:var(--f2)}
.statusbar{height:1.6em;border:none;border-top:1px solid var(--f4);padding:0 .5em;}

.layout{width:100%;height:100%;display:grid;overflow:hidden;position:relative;}
.layout.layout-titlebar{grid-template:auto 1fr/1fr}
.layout.layout-nwcs{grid-template:auto 1fr auto/360px 1fr;}
.layout.layout-nwcs>:nth-child(1),.layout-nwcs>:nth-child(4){grid-column:span 3;}
.layout.layout-nwcs>:nth-child(2){border-right:1px solid var(--f4);overflow:auto;}
.layout.layout-nwcs>:nth-child(3){overflow:auto;}
.layout.layout-nwce{grid-template:auto 1fr/auto 1fr 350px}
.layout.layout-nnwcs{grid-template:auto auto 1fr auto/360px 1fr;}
.layout.layout-nnwcs>:nth-child(1),.layout-nnwcs>:nth-child(2),.layout-nnwcs>:nth-child(5){grid-column:span 3;}
.layout.layout-nnwcs>:nth-child(3){border-right:1px solid var(--f4);overflow:auto;}
.layout.layout-nnwcs>:nth-child(4){overflow:auto;}
.layout.layout-nwce>*:first-child{grid-column:span 3;border-bottom:1px solid var(--f4);}
.layout.layout-nwce>*:nth-child(3){border-left:1px solid var(--f4);border-right:1px solid var(--f4)}
.layout.layout-nwc{grid-template:auto 1fr/auto 1fr;}
.layout.layout-nce{grid-template:auto 1fr/1fr auto;}
.layout.layout-nwc>*:first-child,.layout-nce>*:first-child{grid-column:span 2;}
.layout.layout-nwc>aside{border-right:1px solid var(--f4);overflow:auto;}
.layout.layout-nce>aside{border-left:1px solid var(--f4);overflow:auto;}
.layout.layout-ncs{grid-template:auto 1fr auto/1fr;}
.layout.layout-nc{grid-template:auto 1fr/1fr;}
.layout.layout-nc>*:first-child{border-bottom:1px solid var(--f4);}
.layout.layout-nc>*:last-child{overflow:auto;}
.layout.layout-cs{grid-template:1fr auto/1fr}
.layout.layout-ce{grid-template:1fr/auto 500px}
.layout.layout-ce>*:first-child{border-right:1px solid var(--f4);}
.layout.layout-ce>*:last-child{border-left:1px solid var(--f4);}
.layout.layout-wc{grid-template:1fr/500px auto}
.layout.layout-wc>*:first-child{border-right:1px solid var(--f4);}
.layout.layout-wc>*:last-child{border-left:1px solid var(--f4);}
.layout>main{background:var(--b0);position:relative}
.layout.layout-v11{grid-template:35% 65%/1fr;}
.layout.layout-v11>*:first-child{border-bottom:1px solid var(--f2);}
.layout .layout-resizer{position:absolute;width:100%;height:10px;top:calc(35% - 5px);cursor:ns-resize;z-index:1000;}
.layout .layout-resizer.dragging::before{content:'';display:block;position:fixed;left:0;top:0;width:100vw;height:100vh;background:#0000;z-index:1;}
.layout.layout-h1111{grid-template:1fr/250px 250px 250px auto;grid-gap:5px;}
.layout.layout-h1111>*{border:1px solid var(--f4);overflow:auto;}


.layout-wcs{grid-template:1fr auto/auto 1fr;}
.layout-open-dialog>*{padding:.5em;}
.layout-open-dialog>*:nth-child(1){padding:0;}
.layout-open-dialog>*:nth-child(1){border-right:1px solid var(--f4);}
.layout-open-dialog>*:nth-child(1),.layout-open-dialog>*:nth-child(2){background:var(--b1)}
.layout-open-dialog>*:nth-child(3){text-align:right;}

.toggle{position:fixed!important;z-index:1;height:auto!important;top:6px;right:10px;}

.page{display:grid;grid-template:auto 1fr auto/auto 1fr auto;width:100%;height:100%;overflow:hidden;}
.page>header,.page>footer{grid-column:span 3;background:var(--b2);}
.page>header{border-bottom:1px solid var(--f4);}
.page>footer{border-top:1px solid var(--f4);}
.page>aside{background:var(--b2);overflow:auto;}
.page>aside:nth-child(2){border-right:1px solid var(--f4);}
.page>aside:nth-child(4){border-left:1px solid var(--f4);}
.page>main{overflow:auto;background:var(--b1);}

.win{display:grid!important;position:fixed;max-height:100%;max-width:100%;min-width:30px;min-height:50px;border:1px solid var(--f3);border-radius:10px;box-shadow:0 0 20px 0 var(--shadow);display:grid;grid-template:auto 1fr auto/1fr;overflow:hidden;}
.win>*{background:var(--b2);}
.win>header{height:40px;display:flex;align-items:center;justify-content:space-between;user-select:none;}
.win>header>label{font-size:.75em;line-height:2em;margin-left:.5em;color:var(--f2);}
.win>header>label::before{content:'\F029';font-family:icons;font-size:.75em;margin-right:.25em;}
.win>header>div>i::before{font-family:icons;font-style:normal;display:inline-block;width:.75em;height:.75em;margin:0 17px;color:var(--f1);text-align:center;line-height:1em;}
.win>header>div>i:first-child::before{content:'\F010';}
.win>header>div>i:nth-child(2)::before{content:'\F001';}
.win>header>div>i:nth-child(2).restore::before{content:'\F002';}
.win>header>div>i:last-child::before{content:'\F003';}
.win>main{overflow:auto;}
.win>aside{position:absolute;right:0;bottom:0;width:12px;height:12px;z-index:10000;cursor:se-resize;background:none!important}
.win>footer{display:flex;align-items:center;}
.win.dialog>footer{padding:1em;justify-content:end;}
.win.confirm>main{padding:2em;display:flex;align-items:center;justify-content:center;}
.win::backdrop{background:rgba(0,0,0,.1);}
.win.modal::before{content:'';position:fixed;left:0;top:0;width:100%;height:100%;background:#0008;z-index:-1;}
.win.pannel>header>div>i{display:none;}

.view{display:grid;grid-template:1fr/50px 1fr;width:100%;height:100%;overflow:hidden;}
.view>nav{background:var(--b3);border-right:1px solid var(--b4);height:100vh;overflow:hidden;display:flex;flex-direction:column;align-content:space-between;}
.view>nav>a{position:relative;display:grid;place-items:center;width:50px;padding:10px 0;}
.view>nav>a:hover{background:var(--b4);}
.view>nav>a:first-child:hover{background:none;}
.view>nav>a.selected{background:var(--primary)}
.view>nav>a>i::before{color:var(--f1);}
.view>nav>a.selected>i::before{color:#fff;}
.view>nav>a>label{display:none;position:absolute;z-index:999;left:56px;top:11px;background:#ccc;color:#333;white-space:nowrap;font-size:16px;padding:.5em 1em;box-shadow:0 0 2px 0 rgba(0,0,0,.8)}
.view>nav>a>label::before{content:'';display:block;width:10px;height:10px;background:#ccc;position:absolute;left:-5px;top:13px;transform:rotate(45deg);}
.view>nav>a:hover>label{display:block;}
.view>nav>hr{border-color:var(--b4);height:1px;width:100%;}
.view>nav>b{height:100%;}

.dashboard{width:100%;height:100%}
.dashboard>div{width:100%;height:100%;}
.chart {width: 100%;height: 100%;min-width: 200px;min-height: 200px;overflow: hidden;}
.multichoice{display:inline-block;height:22px;background:var(--b1);border:1px solid var(--primary);border-radius: 4px;margin:0 .5em;}
.multichoice>*{display:inline-block;padding:0 1em;;cursor:pointer;border-right:1px solid var(--primary);line-height:22px;user-select:none;}
.multichoice>*.selected{background:var(--primary);color:var(--on-primary);}
.staff_list{grid-template:auto 1fr/1fr 1fr 1fr;grid-gap:5px;height:100%;}
.staff_list>div{border:1px solid var(--f4);background:var(--b1);overflow:auto;}
.staff_list>div>div{border-bottom:1px solid var(--f4);overflow:hidden;position:relative;}
.staff_list>div>div .icon-arrow-right{position:absolute;right:0;}
.staff_list a{color:var(--f2);font-size:14px;white-space:nowrap;display:flex;}
.staff_list a input{margin-left: .5em}
.icon{display:inline-flex!important;justify-content:left;cursor:default;user-select:none;white-space:nowrap;align-items: center;}
.icon.disabled{opacity:.3;filter:grayscale(100%);}
.icon.selected::before{color:var(--primary-light)}
.icon::before{color:var(--f1);margin:0 0.25em;display:inline-flex;align-items:center;justify-content:center;font: normal normal normal 20px/1 icons;font-size: inherit;text-rendering: auto;line-height: inherit; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon14::before{width:14px;height:14px;font-size:14px;}
.icon16::before{width:16px;height:16px;font-size:16px;}
.icon18::before{width:18px;height:18px;font-size:18px;}
.icon20::before{width:20px;height:20px;font-size:20px;}
.icon22::before{width:22px;height:22px;font-size:22px;}
.icon24::before{width:24px;height:24px;font-size:24px;}
.icon30::before{width:30px;height:30px;font-size:30px;}
.icon60::before{width:60px;height:60px;font-size:60px;}
.icon80::before{width:80px;height:80px;font-size:80px;}

.icon-dashboard::before{content:"\F032";}
.icon-database::before{content:"\F067";}

.icon-max::before{content:"\F001";}
.icon-restore::before{content:"\F002";}
.icon-refresh::before{content: "\F004";}
.icon-create::before{content: "\F005";}
.icon-update::before{content: "\F006";}
.icon-remove::before{content: "\F007";}
.icon-purge::before{content: "\F008";}
.icon-import::before{content: "\F00A";}
.icon-export::before{content: "\F00B";}
.icon-download::before{content: "\F00C";}
.icon-upload::before{content: "\F00D";}
.icon-upload>input[type=file]{width:4em!important;margin-left:-4em!important;opacity:0;}
.icon-user::before{content: "\F014";}
.icon-signout::before{content: "\F015";}
.icon-system::before{content:"\F016";}
.icon-alert::before{content: "\F018";color:var(--orange);}
.icon-eye::before{content: "\F01A";}
.icon-eye-close::before{content: "\F019";}
.icon-file::before{content: "\F01C";}
.icon-open::before{content: "\F01D";}
.icon-check::before{content: "\F01E";}
.icon-report::before{content: "\F01F";}
.icon-table::before{content: "\F025";}
.icon-print::before{content: "\F020";}
.icon-save::before{content: "\F021";}
.icon-layout-1::before{content: "\F022";}
.icon-layout-2::before{content: "\F023";}
.icon-layout-3::before{content: "\F024";}
.icon-arrow-left::before{content: "\F028";}
.icon-arrow-right::before{content: "\F029";}
.icon-arrow-up::before{content: "\F02B";}
.icon-arrow-down::before{content: "\F02A";}
.icon-ok::before{content: "\F02C";}
.icon-chart-line::before{content: "\F031";}
.icon-chart::before{content: "\F066";}
.icon-archives::before{content:"\F034";}
.icon-records::before{content:"\F067";}
.icon-logo::before{content: "";display:inline-block;width:30px;height:30px;background:url(../images/logo_menu.svg) no-repeat center center/contain;}
.icon.selected::before{color:var(--primary);}


:root{
--b0:hsla(var(--h),calc(var(--s) / 100 * 100%),calc(var(--l) / 100 * 100%));
--b0a:hsla(var(--h),calc(var(--s) / 100 * 100%),calc(var(--l) / 100 * 100%),.85);
--b1:hsla(var(--h),calc(var(--s) / 100 * 100%),calc(((var(--l) - (1 - (var(--f) / 50)) * 2 * ((var(--f) / 100 + 1)))) / 100 * 100%) );
--b2:hsla(var(--h),calc(var(--s) / 100 * 100%),calc(((var(--l) - (1 - (var(--f) / 50)) * 5 * ((var(--f) / 100 + 1)))) / 100 * 100%) );
--b3:hsla(var(--h),calc(var(--s) / 100 * 100%),calc(((var(--l) - (1 - (var(--f) / 50)) * 10 * ((var(--f) / 100 + 1)))) / 100 * 100%) );
--b4:hsla(var(--h),calc(var(--s) / 100 * 100%),calc(((var(--l) - (1 - (var(--f) / 50)) * 15 * ((var(--f) / 100 + 1)))) / 100 * 100%) );
--f0:hsla(0,0%,calc(var(--f) / 100 * 100%));
--f1:hsla(0,0%,calc(var(--f) / 100 * 100%),.6);
--f2:hsla(0,0%,calc(var(--f) / 100 * 100%),.4);
--f3:hsla(0,0%,calc(var(--f) / 100 * 100%),.2);
--f4:hsla(0,0%,calc(var(--f) / 100 * 100%),.15);
--primary:hsla(var(--th),calc(var(--ts) / 100 * 100%),calc(var(--tl) / 100 * 100%));
--primary-light:hsla(var(--th),calc(var(--ts) * 2 / 100 * 100%),calc(var(--tl) * 1.25 / 100 * 100%));
--primary-gray:hsla(var(--th),calc(var(--ts) / 100 * 20%),calc(var(--tl) / 100 * 100%),.75);
--primary-gradient:linear-gradient(var(--primary-light),var(--primary));
--on-primary:hsla(0,0%,calc(var(--tf) / 100 * 100%));
--shadow:hsla(0,0%,0%,.3);
--red:#F00;
--orange:#FA0;
}

@media (prefers-color-scheme: light) {
:root{--h:0;--s:0;--l:100;--f:0;}
.invert{filter:invert(1);opacity:.5}
.invert table.grid tbody tr.selected{color:#000!important;}
}

@media (prefers-color-scheme: dark) {
:root{--h:0;--s:0;--l:5;--f:100;}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--b2)!important;color:var(--f2)!important;}
input:is([type*='date'],[type*='month'])::-webkit-calendar-picker-indicator,input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {filter:invert(1);}
}