:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:25px;margin-top:0}table{margin-top:0}#app{display:flex;flex-direction:column;min-width:100dvw;min-height:100dvh;scrollbar-gutter:auto}main{flex:auto;display:flex;padding:.3rem}.status-main{min-width:100%}.build-info{margin-top:1.5rem;font-size:.75rem;color:#888;text-align:center}.sensor-dots{display:flex;flex-direction:row;gap:.25rem;align-items:center}.sensor-dot{width:10px;height:10px;border-radius:50%;border:1px solid #666;display:inline-block}.sensor-wet{background-color:#2080ff}.sensor-dry{background-color:transparent}.status-table{min-width:100%}.status-table>tbody>tr>td:nth-child(1){height:2rem;font-weight:700;width:6.5rem;vertical-align:top}.status-table>tbody>tr>td:nth-child(2){display:flex;flex-direction:column}.status-table>tbody>tr>td:nth-child(2)>div{display:flex;flex-direction:row;align-items:center;gap:1rem;justify-content:space-between;width:100%}.status-table>tbody>tr>td:nth-child(2)>div>div{display:flex;flex-direction:row;align-items:center;gap:.25rem}.status-table>tbody>tr>td:nth-child(2)>div>div>button{max-width:1.25rem;min-width:1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;background-color:#d3d3d3;border:none;padding:.25rem;border-radius:.25rem}.led-off,.led-off:before{content:" ";width:15px;height:15px;border-radius:50%;margin:0 auto;background-color:#000}.led-flashing-red:before{animation:flashing 1s infinite;position:absolute;background-color:red}.led-flashing-yellow:before{animation:flashing 1s infinite;position:absolute;background-color:#ff0}.led-flashing-green:before{animation:flashing 1s infinite;position:absolute;background-color:#0f0}@-webkit-keyframes flashing{0%{opacity:0}75%{opacity:0}76%{opacity:1}to{opacity:1}}.led-blinking-red:before{animation:blinking 1s infinite;position:absolute;background-color:red}.led-blinking-yellow:before{animation:blinking 1s infinite;position:absolute;background-color:#ff0}.led-blinking-green:before{animation:blinking 1s infinite;position:absolute;background-color:#0f0}.led-blinking-blue:before{position:absolute;background-color:#00f}.led-grey:before{position:absolute;background-color:#d3d3d3}@-webkit-keyframes blinking{0%{opacity:0}50%{opacity:0}51%{opacity:1}to{opacity:1}}.led-blinking-fast-yellow:before{animation:blinking-fast 1s infinite;position:absolute;background-color:#ff0}.led-blinking-fast-green:before{animation:blinking-fast 1s infinite;position:absolute;background-color:#0f0}.led-blinking-fast-red:before{animation:blinking-fast 1s infinite;position:absolute;background-color:red}@-webkit-keyframes blinking-fast{0%{opacity:0}25%{opacity:0}26%{opacity:1}50%{opacity:1}51%{opacity:0}75%{opacity:0}76%{opacity:1}to{opacity:1}}header{height:2rem;padding:.15rem;background-color:#789;color:#fff;display:flex;flex-direction:row}header>.title{padding-left:.35rem;flex:1;display:flex;flex-direction:row;align-items:center}header>.menu-icon{display:flex;flex-direction:row;align-items:center;width:2rem}.config-main{display:flex;flex-direction:column}.config-main>textarea{flex-grow:1;flex-shrink:1}.webappupload-main{display:flex;flex-direction:column;gap:.5rem}.webappupload-pickers{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.webappupload-picker{display:inline-flex;align-items:center;padding:.35rem .6rem;border:1px solid lightgrey;border-radius:.25rem;cursor:pointer;background-color:#f5f5f5}.webappupload-picker:hover{background-color:#ebebeb}.webappupload-picker>input[type=file]{display:none}.webappupload-empty{color:gray;font-style:italic}.webappupload-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.webappupload-list>li{display:flex;flex-direction:row;align-items:center;gap:.5rem;border:1px solid lightgrey;border-radius:.25rem;padding:.25rem .5rem}.webappupload-name{flex-grow:1;font-family:monospace;word-break:break-all}.webappupload-size{color:gray;font-size:.85rem;white-space:nowrap}.webappupload-error{color:red;font-weight:700}.webappupload-ok{color:green;font-weight:700}.schedule-main{min-width:100%;display:flex;flex-direction:column;gap:.75rem}.schedule-cycle{border:1px solid lightgrey;border-radius:.25rem;padding:.5rem}.schedule-cycle-header{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-weight:700;margin-bottom:.25rem}.schedule-cycle-time{font-weight:400;color:gray}.schedule-cycle-aborted{font-weight:400;color:red;font-size:.85rem}.schedule-sequences{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem}.schedule-sequence{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.9rem}.schedule-sequence-time{min-width:3rem;color:gray}.schedule-sequence-valves{display:flex;flex-direction:row;gap:.25rem}.schedule-sequence-duration{color:gray;font-size:.8rem}