@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&display=swap";:root{--font-family: "Atkinson Hyperlegible Mono", monospace;--font-weight: 400;--font-weight-bold: bold;--label-size: 2vh;--control-font-size: .55em;--unit-size-all: .5em;--unit-color-all: inherit;--unit-align-all: middle;--unit-offset-all: 0em;--unit-align-degrees: text-top;--unit-align-percent: baseline;--unit-align-watt: baseline;--color-sun: var(--color-fg);--color-bg: #000;--color-fg: #fff;--color-accent: #937552;--color-alert: #1e6fd9;--color-tile: rgba(255, 255, 255, .15);--color-control: rgba(255, 255, 255, .1);--color-control-active: #3d3d3d;--color-border: rgba(255, 255, 255, .15);--color-border-focus: rgba(255, 255, 255, .45);--color-menu: #1c1c1c;--color-overlay: rgba(0, 0, 0, .5);--gradient-cold: linear-gradient(90deg, #0033cc, #0099ff, #ccffff);--gradient-warm: linear-gradient(90deg, orange, red);--border-width: 1px;--radius: 8px;--radius-small: .4em;--grid-gap: 8px;--control-gap: 5px;--control-inset: 3px}:root{font-family:var(--font-family);line-height:1.5;font-weight:var(--font-weight);color-scheme:dark;color:var(--color-fg);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%}#root,body{padding:0;margin:0;height:100%;width:100%}[data-unit]{--unit-default-size: var(--unit-size-all);--unit-default-color: var(--unit-color-all);--unit-default-align: var(--unit-align-all);--unit-default-offset: var(--unit-offset-all)}[data-unit=°C]{--unit-default-align: var(--unit-align-degrees)}[data-unit="%"]{--unit-default-align: var(--unit-align-percent)}[data-unit=W]{--unit-default-align: var(--unit-align-watt)}[data-unit]:after{content:attr(data-unit);position:relative;top:calc(-1 * var(--unit-offset, var(--unit-default-offset)));font-size:var(--unit-size, var(--unit-default-size));color:var(--unit-color, var(--unit-default-color));vertical-align:var(--unit-align, var(--unit-default-align))}*{-webkit-user-select:none;user-select:none;box-sizing:border-box}.dashboard{--rows: 12;--columns: 12;font-weight:var(--font-weight-bold);position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);height:100%;width:100%;gap:0;gap:var(--grid-gap);padding:var(--grid-gap);box-sizing:border-box}.home-button{position:fixed;right:16px;bottom:16px;z-index:15;display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:24px;color:var(--color-fg);background-color:var(--color-accent);border:none;border-radius:50%;box-shadow:0 2px 8px #0009}.dashboard.mobile{grid-template-rows:none;grid-auto-rows:calc((100dvh - var(--grid-gap)) / var(--rows) - var(--grid-gap));grid-auto-flow:row dense;height:auto;min-height:100%}.grid-item{box-shadow:var(--grid-item-border);grid-column:var(--col);grid-row:var(--row);background-color:var(--bg-color, var(--color-tile));color:var(--fg-color);overflow:hidden;line-height:1;container-type:size;border-radius:var(--radius);position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column;gap:0}.grid-item>*:not(.label)+*:not(.label){margin-top:var(--control-gap)}.grid-item .label{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:var(--label-height, auto);flex-direction:row;gap:0;font-size:var(--label-size);white-space:nowrap;flex-shrink:0;padding:.3em 5%}.grid-item .label span{overflow:hidden;text-overflow:ellipsis}.dashboard.label-overlay .grid-item>.label,.grid-item.label-overlay>.label{position:absolute;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,var(--label-opacity, .45));border-radius:0 0 var(--radius) var(--radius);text-shadow:0 0 .15em rgba(0,0,0,.8)}.clock{display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:row;gap:5%;white-space:nowrap;padding:0 5%;height:auto;flex:1 1 auto;min-height:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);position:relative}.clock.no-border{border-color:transparent}.clock .clock-marker{display:flex;flex:0 0 auto;height:3vh}.clock .clock-marker svg{height:100%;width:auto}.clock .time{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:row;gap:0;container-type:size;width:80%;flex-shrink:0}.clock .time span{font-size:min(31.6518298714cqw,100cqh);display:block}.clock .time.with-seconds{container-type:size;width:100%}.clock .time.with-seconds span{font-size:min(25.5256692511cqw,100cqh);display:block}.clock .time span.seconds{display:inline-block;margin-left:.15em;font-size:.4em;vertical-align:top;line-height:1.6}.entity{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column;gap:0;container-type:size;padding:5% 10%;gap:10%;height:auto;flex:1 1 auto;min-height:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow:hidden}.entity span{font-size:min(100cqw / var(--chars) * 1.5825914936,100cqh);display:block}.entity span{position:relative}.battery{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column;gap:0;height:auto;flex:1 1 auto;min-height:0;padding:var(--control-gap) 10%;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow:hidden}.battery:before,.battery:after{content:"";flex:var(--space-grow, 0) 1 0}.battery .battery-shell{display:flex;align-items:stretch;gap:2px;width:100%;flex:var(--bar-grow, 1) 1 0;min-height:6px}.battery .battery-bar{position:relative;flex:1 1 auto;min-width:0;border:2px solid var(--color-border-focus);border-radius:var(--radius);background:var(--track);overflow:hidden}.battery .battery-cap{position:relative;flex:0 0 3%;min-width:5px;max-width:14px}.battery .battery-cap:before{content:"";position:absolute;top:30%;right:0;bottom:30%;left:0;background:var(--color-border-focus);border-radius:0 var(--radius-small) var(--radius-small) 0}.battery .battery-cell{position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:0;border-radius:calc(var(--radius) - 4px);overflow:hidden}.battery .battery-bar.ticks .battery-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.35;background-image:linear-gradient(90deg,transparent calc(100% - 1px),var(--color-fg) calc(100% - 1px));background-size:10% 100%}.battery .battery-fill{position:absolute;inset:0 auto 0 0;z-index:0;width:var(--percentage);background:var(--fill);transition:width .5s ease}.battery .battery-value{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:row;gap:0;container-type:size;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.battery .battery-value span{font-size:min(100cqw / var(--chars) * 1.5825914936,100cqh);display:block}.battery .battery-value span{position:relative}.battery .battery-value span.battery-extra{flex:0 0 auto;white-space:nowrap;margin-right:.5em}.value-list{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column;gap:0;container-type:size;margin:0;padding:1em}.value-list span{font-size:min(100cqw / var(--chars) * 1.5825914936,100cqh);display:block}.value-list li{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;align-self:stretch;gap:.5em;line-height:1.25}.value-list li span:first-child{flex:1 1 auto;overflow:hidden}.degrees,.humidity{position:relative;display:inline-block}.temperature{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column;gap:0;container-type:size;padding:5% 10%;gap:10%;height:auto;flex:1 1 auto;min-height:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow:hidden}.temperature span{font-size:min(100cqw / var(--chars) * 1.5825914936,100cqh);display:block}.temperature.cold{background-image:var(--gradient-cold)}.temperature.warm{background-image:var(--gradient-warm)}.temperature>span{position:relative;text-align:center}.temperature .multiple{display:flex;gap:10px;font-size:20px}.Humidity{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column;gap:0;container-type:size;gap:10%}.Humidity span{font-size:min(100cqw / var(--chars) * 1.5825914936,100cqh);display:block}.Humidity>span{position:relative;text-align:center}.Barometer{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column;gap:0;container-type:size}.Barometer span{font-size:min(100cqw / var(--chars) * 1.5825914936,100cqh);display:block}.Barometer>span{position:relative;text-align:center}.wind{position:relative;display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%;flex-direction:row;gap:0;container-type:size}.wind *{font-size:min(100cqw / var(--chars) * 1.5825914936,100cqh);display:block}.wind .direction{position:relative;display:flex;justify-content:space-evenly;align-items:center;width:1em;height:100%;flex-direction:column;gap:0}.wind .direction .direction-string{font-size:.25em}.wind .direction svg{transform:rotate(var(--direction));height:.5em;width:.5em}.wind .direction svg path{fill:currentcolor}.value{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column;gap:0;padding:5%;white-space:nowrap}.value .part{container-type:size;flex:1;position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:row;gap:0}.value .part span{font-size:min(100cqw / var(--chars) * 1.5825914936,100cqh);display:block}.multivalue{text-align:center;font-size:2em;white-space:nowrap;position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column;gap:.25em}.multivalue .multiple-value-label{margin-top:auto}.pushOn{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:row;gap:0}.pushOn button{container-type:size}.pushOn button span{font-size:min(100cqw / var(--chars) * 1.5825914936,100cqh);display:block}.switch{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:var(--direction);gap:var(--control-gap);height:auto;flex:1 1 0;min-height:0}.switch button{container-type:size;border:var(--border-width) solid var(--color-border)}.switch button span{font-size:min(100cqw / var(--chars) * 1.5825914936,100cqh);display:block}.button-row{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:row;gap:var(--control-gap);height:auto;flex:1 1 0;min-height:0}.button-row>.switch{height:100%;min-width:0}.rm4-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--control-gap);width:100%;height:auto;flex:1 1 0;min-height:0;padding:var(--control-inset)}.rm4-buttons .rm4-button{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:row;gap:0;container-type:size;border:var(--border-width) solid var(--color-border);background-color:var(--color-control);cursor:pointer}.rm4-buttons .rm4-button svg{font-size:min(79.1295746785cqw,100cqh);display:block}.range{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:auto;flex-direction:row;gap:.5em;flex:1 1 0;min-height:0;padding:0 .75em;border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}.range input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--color-fg)}.hvac{position:relative;display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%;flex-direction:column;gap:0;height:auto;flex:1 1 auto;min-height:0;font-size:min(12cqw,78cqh / (2.7 + 1.4 * var(--hvac-rows, 1)));padding:2% 4%;white-space:nowrap;border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}.hvac .degrees.current,.hvac .humidity.current{font-size:1.5em}.hvac .hvac-controls{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:auto;flex-direction:row;gap:.3em}.hvac .hvac-controls .degrees.target,.hvac .hvac-controls .humidity.target{width:3.1em;flex:0 0 auto;text-align:center;opacity:.85}.hvac .hvac-controls button{position:relative;display:flex;justify-content:center;align-items:center;width:1.5em;height:1.5em;flex-direction:row;gap:0;container-type:size;font-size:.7em;flex:0 0 auto;padding:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small)}.hvac .hvac-controls button svg{font-size:min(79.1295746785cqw,100cqh);display:block}.hvac .hvac-selectors{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:auto;flex-direction:row;gap:.35em;flex-wrap:wrap;padding:0 .2em}.hvac .hvac-selector{position:relative;display:flex;justify-content:center;align-items:center;width:auto;height:auto;flex-direction:row;gap:.3em;flex:1 1 40%;min-width:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);padding:.15em .35em}.hvac .hvac-selector:focus-within{border-color:var(--color-border-focus)}.hvac .hvac-selector svg{font-size:.5em;flex:0 0 auto;opacity:.6}.hvac .hvac-selector select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--color-fg);text-align:center;outline:none}.hvac select{font-family:inherit;font-size:var(--control-font-size);min-width:0;max-width:100%;padding:0 .25em;color-scheme:dark}.hvac select option{background-color:var(--color-menu);color:var(--color-fg);font-family:inherit;font-weight:400}.cover{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column;gap:var(--control-gap);padding:var(--control-inset);height:auto;flex:1 1 auto;min-height:0}.cover button{container-type:size;position:relative;z-index:1;flex:1 1 0;min-height:0;border:var(--border-width) solid var(--color-border);background-color:var(--color-control)}.cover button svg{font-size:min(39.5647873393cqw,100cqh);display:block}.cover button.cover-moving{animation:cover-fade 1.2s ease-in-out infinite alternate}.cover .cover-actions{display:flex;gap:var(--control-gap);width:100%;flex:1 1 auto;align-items:stretch}.cover .cover-actions button{flex:1 1 0}.cover .cover-position{display:flex;align-items:center;gap:var(--control-gap);width:100%;line-height:1;justify-content:center;position:relative;z-index:1}.cover .cover-debug{font-size:.6em}.cover .cover-stop-button{border:var(--border-width) solid var(--color-border);padding:0;width:var(--cover-stop-size, 12px);min-width:var(--cover-stop-size, 12px);height:var(--cover-stop-size, 12px);flex:0 0 auto;font-size:calc(var(--cover-stop-size, 12px) * .75);position:relative;z-index:1}.cover .cover-overlay{position:absolute;background-color:var(--color-overlay);width:100%;height:100%;top:0}@keyframes cover-fade{0%{background-color:var(--color-control)}to{background-color:var(--color-accent)}}.cover.cover-door .cover-actions button{container-type:size;height:100%}.cover.cover-door .cover-actions button svg{font-size:min(158.2591493571cqw,100cqh);display:block}button{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:var(--direction);gap:0;border-radius:0;border:0;transition:all .2s ease-in-out;border-radius:var(--radius);font-family:inherit;color:var(--color-fg);background-color:transparent}button:hover{filter:brightness(1.1)}button:active{transform:translateY(5%) scale(95%)}.muted{font-size:.6em;opacity:.5}.mt-2{margin-top:2em}iframe,video{height:100%;width:100%;border:0;pointer-events:none}.camera{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:row;gap:0;height:auto;flex:1 1 auto;min-height:0}.camera:not(.fullscreen){border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow:hidden}.camera.fullscreen{position:fixed;height:100%;width:100%;z-index:10;top:0;left:0;right:0;bottom:0;background-color:#000}.grid-item:has(.fullscreen){container-type:unset}.night-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:#000;opacity:var(--night-opacity, .8);pointer-events:none}.sleep-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:#000;opacity:var(--sleep-opacity, .85);pointer-events:none}.alarm-clock,.alarm-clock-popup{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg)}.alarm-clock-popup{z-index:16}@font-face{font-family:DSEG7 Classic;src:url(/assets/DSEG7Classic-Regular-B9amPoxd.woff2) format("woff2");font-display:block}.alarm-clock .clock .clock-marker,.alarm-clock-popup .clock .clock-marker{position:absolute;left:2%}.alarm-clock .clock .time,.alarm-clock-popup .clock .time{width:100%}.alarm-clock .clock .time span,.alarm-clock-popup .clock .time span{font-family:"DSEG7 Classic",var(--font-family);font-weight:400;font-size:min(200px,24vw,60vh)}.energy{display:flex;flex-direction:column;align-self:stretch;width:100%;gap:var(--control-gap);height:auto;flex:1 1 auto;min-height:0;padding:var(--control-gap);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow:hidden}.energy .battery{flex:1 1 0;padding:0;border:none}.energy .energy-details{flex:0 0 auto;text-align:center;white-space:nowrap;font-size:var(--label-size);line-height:1.2;opacity:.7}.energy .energy-values{container-type:size;display:flex;flex:1 1 0;min-height:0}.energy .energy-value{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0;min-width:0;font-size:min(70cqh,8cqw);line-height:1;white-space:nowrap}.energy .energy-value+.energy-value{border-left:var(--border-width) solid var(--color-border)}.energy .energy-value-now{display:flex;align-items:center;gap:.3em}.energy .energy-value-total{margin-top:.3em;font-size:var(--label-size);opacity:.7}.energy .energy-value-icon{height:.6em}.energy .energy-value-icon.sun{color:var(--color-sun)}.energy.columns{flex-direction:row}.energy.columns.battery-right{flex-direction:row-reverse}.energy.columns .energy-column{display:flex;flex-direction:column;justify-content:center;gap:var(--control-gap);flex:1 1 0;min-width:0}.energy.columns .energy-values{flex:1 1 0;min-height:auto;min-width:0}.energy.columns .energy-value{justify-content:flex-end;font-size:min(35cqh,12cqw)}.energy.columns .energy-value-now{flex:1 1 0;min-height:0}.energy.columns .energy-value-total{margin-top:0;line-height:1.2}.energy-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;overflow-y:auto;background-color:var(--color-bg)}.grid-connection{container-type:size;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;align-self:stretch;min-height:0;gap:.5em}.grid-connection .grid-connection-now{display:flex;align-items:center;gap:.3em;font-size:min(35cqh,20cqw)}.grid-connection .grid-connection-icon{height:.6em}.grid-connection .grid-connection-details{font-size:var(--label-size);white-space:pre;opacity:.7}.sun-forecast{container-type:size;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow:hidden;display:flex;flex:1 1 auto;align-self:stretch;min-height:0}.sun-forecast .sun-forecast-column{display:flex;flex:1 1 0;min-width:0;padding:3cqh 4.5cqh;gap:4.5cqh}.sun-forecast .sun-forecast-column+.sun-forecast-column{border-left:var(--border-width) solid var(--color-border)}.sun-forecast .sun-forecast-info{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;gap:1.2cqh}.sun-forecast .sun-forecast-day,.sun-forecast .sun-forecast-details{font-size:var(--label-size);white-space:pre;opacity:.7}.sun-forecast .sun-forecast-value{font-size:min(30cqh,8cqw)}.sun-forecast .sun-forecast-bars{display:flex;align-items:stretch;flex:0 0 55%;padding:6cqh 0 3cqh;gap:3px}.sun-forecast .sun-forecast-hour{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0;gap:.3em;font-size:6cqh;line-height:1}.sun-forecast .sun-forecast-time{opacity:.7}.sun-forecast .sun-forecast-track{display:flex;align-items:flex-end;align-self:stretch;flex:1 1 auto;min-height:0}.sun-forecast .sun-forecast-track span{flex:1 1 auto;background-color:var(--color-accent);border-radius:2px 2px 0 0}.circuits{display:flex;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow:hidden;flex-direction:column;justify-content:center;flex:1 1 auto;align-self:stretch;min-height:0;gap:1.5cqh;padding:5cqh 7cqh;font-size:min(5.8cqh,3.2cqw);line-height:1.2}.circuits .circuit{display:grid;grid-template-columns:1fr 6em 7em;gap:1em;white-space:nowrap;text-align:right}.circuits .circuit-name{overflow:hidden;text-overflow:ellipsis;text-align:left;opacity:.7}.circuits .circuit-total{margin-top:1cqh;padding-top:1.5cqh;border-top:var(--border-width) solid var(--color-border)}.battery-chart{display:flex;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow:hidden;flex-direction:column;flex:1 1 auto;align-self:stretch;min-height:0;padding:3.5cqh 7cqh 1.2cqh;font-size:min(4.4cqh,2.6cqw)}.battery-chart .battery-chart-body{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;flex:1 1 auto;min-height:0;column-gap:3.5cqh}.battery-chart .battery-chart-axis-y{position:relative;width:3em}.battery-chart .battery-chart-axis-y span{position:absolute;right:0;transform:translateY(-50%);opacity:.5}.battery-chart .battery-chart-plot{position:relative;min-height:0}.battery-chart .battery-chart-plot svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.battery-chart .battery-chart-grid{stroke:var(--color-border);stroke-width:1px}.battery-chart .battery-chart-line{fill:none;stroke:var(--color-accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.battery-chart .battery-chart-dot{position:absolute;width:3cqh;height:3cqh;border-radius:50%;background-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-bg);transform:translate(-50%,-50%)}.battery-chart .battery-chart-axis-x{position:relative;grid-column:2;height:1.4em;margin-top:2.4cqh}.battery-chart .battery-chart-axis-x span{position:absolute;transform:translate(-50%);opacity:.5}.battery-chart .battery-chart-axis-x .battery-chart-date{font-weight:var(--font-weight-bold);opacity:.8}.alarm-badge{position:absolute;top:6%;left:4%;display:flex;align-items:center;gap:.4em;font-size:2.6vh;color:var(--color-accent)}.alarm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;display:flex;align-items:center;justify-content:center;background-color:#000000b3}.alarm-dialog .alarm-dialog-box{display:flex;flex-direction:column;gap:3vh;padding:4vh;font-size:3vh;background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}.alarm-dialog .alarm-dialog-title{font-weight:var(--font-weight-bold)}.alarm-dialog input{font:inherit;padding:.4em .6em;color:var(--color-fg);background-color:var(--color-control);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);color-scheme:dark}.alarm-dialog .alarm-dialog-buttons{display:flex;gap:2vh}.alarm-dialog button{flex:1 1 0;font:inherit;padding:.5em .8em;color:var(--color-fg);background-color:var(--color-control);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small)}.alarm-dialog button.primary{background-color:var(--color-accent)}.alarm-dialog button:disabled{opacity:.4}.alarm-ringing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:17;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5vh;background-color:var(--color-bg)}.alarm-ringing .alarm-ringing-time{font-size:22vh;font-weight:var(--font-weight-bold);line-height:1}.alarm-ringing button{display:flex;flex-direction:column;align-items:center;gap:.4em;padding:.6em 1.2em;font:inherit;font-size:8vh;color:var(--color-fg);background-color:var(--color-accent);border:none;border-radius:var(--radius)}.update-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;font-size:5vh;font-weight:var(--font-weight-bold);color:var(--color-fg);background-color:var(--color-alert)}.build-id{display:flex;flex-direction:column;align-items:center;font-size:.9em;font-weight:var(--font-weight);opacity:.6}.date-time{font-size:12cqw;white-space:nowrap}