:root{--color-background:white;--color-foreground:var(--color-background);--color-base:black;--color-muted:var(--color-base);--color-accent:var(--color-base);--color-highlight:var(--color-base);--color-success:var(--color-base);--color-error:var(--color-base);--color-warn:var(--color-base);--color-info:var(--color-base);--font-base:sans-serif;--font-highlight:var(--font-base)}.success{color:var(--color-success)!important}.error{color:var(--color-error)!important}.warn{color:var(--color-warn)!important}.info{color:var(--color-info)!important}@media (orientation:landscape){.mobile-only{display:none!important}}@media (orientation:portrait){.desktop-only{display:none!important}}[hidden]{display:none!important}[disabled]{opacity:.5!important;cursor:not-allowed!important}*,:before,:after{box-sizing:border-box;margin:0}body{font-family:var(--font-base);background-color:var(--color-background);color:var(--color-base);display:flex}@media (orientation:portrait){body{flex-direction:column}}article{background-color:var(--color-foreground);position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-highlight);color:var(--color-highlight);margin-bottom:.5em}a{color:var(--color-highlight)}menu li a{align-items:center;gap:.5em;text-decoration:none;display:inline-flex}button,input[type=button],input[type=reset],input[type=submit],.button{background-color:color-mix(currentcolor, transparent);color:inherit;font:inherit;cursor:pointer;border:0;justify-content:center;gap:.5em;padding:.5em 1em;display:inline-flex}details>summary{color:var(--color-highlight);cursor:pointer}fieldset{border:0;flex-direction:column;gap:.5em;margin:1em 0;padding:0;display:flex}label,select,input,output{font:inherit;vertical-align:middle}label select,label input:not([type=checkbox]):not([type=radio]){width:100%;height:2em}label select[multiple]{height:unset}label input[type=checkbox],label input[type=radio]{margin-right:.5em}label :has(+[required]):after{content:"*"}.columns{display:grid}@media (orientation:landscape){.columns{grid-template-columns:1fr 1fr}}.navbar{flex-direction:column;align-items:start;display:flex}@media (orientation:portrait){.navbar{flex-direction:row;justify-content:space-between;align-items:center}}.navbar>*{padding:.5em}.navbar>img{max-width:200px}.navbar>details>summary{color:unset;font-size:smaller}.navbar>details>:not(summary){flex-direction:column;gap:1em;display:flex}main:not(#dashboard){height:fit-content;padding:1em 2em}main:not(#dashboard) .columns{gap:1em 2em;margin-bottom:2em}#login header img{max-width:320px}#login output{margin:1em}#login footer{gap:1em 3em}#dashboard h1,#dashboard h2,#dashboard h3,#dashboard h4,#dashboard h5,#dashboard h6{font-size:unset;margin:0}#dashboard .title-panel{gap:.5em}#dashboard .notifications-panel time{text-align:center;display:block}#dashboard .notifications-panel time:first-of-type{font-weight:700}#dashboard .notifications-panel time:last-of-type{font-size:small}#dashboard .plot-panel{position:relative}#dashboard .plot-panel .feature-data{min-height:100%;animation:.4s feature-slide;position:absolute;top:0;left:0;right:0}#dashboard .plot-panel .feature-data .close-button{padding:.25em}#dashboard .weather-panel img{margin-right:.5em}#dashboard .weather-panel p{font-size:small}#dashboard .weather-panel data{font-weight:700}@media (orientation:portrait){#dashboard{grid-template:"weather-panel notifications-panel""alerts-panel alerts-panel""title-panel title-panel""map-panel map-panel"100vw"plot-panel plot-panel"minmax(100vw,auto)/auto auto}#dashboard .title-panel{padding:.5em}#dashboard .notifications-panel time{text-align:right}#dashboard .weather-panel img{height:2em}#dashboard .weather-panel p:first-of-type data:first-of-type{font-size:medium}}@media (orientation:landscape){#dashboard{grid-template:"title-panel title-panel notifications-panel""map-panel map-panel plot-panel"1fr"weather-panel alerts-panel plot-panel"/min-content min-content 1fr;gap:.5em;padding:.5em}#dashboard .map-panel article{width:50vw}#dashboard .plot-panel{margin-right:-.5em;padding-right:.5em}#dashboard .weather-panel p:first-of-type data:first-of-type{font-size:x-large}}@keyframes feature-slide{0%{left:100%;right:-100%}}
