:root{--fade-in-time:.1s;--fade-out-time:.5s;--color-background:black;--color-on:red;--color-off:#ff00001a;--backglow-opacity:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;background-color:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:system-ui;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{height:100%;margin:0;padding:0}#app{flex-flow:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.display{white-space:nowrap;flex-flow:row;justify-content:center;align-items:center;height:50px;margin-top:5px;margin-bottom:5px;display:flex;overflow-x:auto}.display>*{height:100%;display:inline-block}.seg-group{transform:skew(-5deg)translate(6px)}.svg-seg{fill:var(--color-off);transition:all var(--fade-out-time) ease}.svg-seg:not(.svg-seg-on){opacity:var(--backglow-opacity,1)}.svg-seg-on{fill:var(--color-on);transition:all var(--fade-in-time) ease}.display.time{width:100%;height:20vh;margin-bottom:30px}.display.date{width:100%;height:10vh}