:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}*,:before,:after{box-sizing:border-box;margin:unset}a{color:currentColor;opacity:.75}a:hover,a:active{opacity:.8}a:focus{opacity:1}b{text-transform:capitalize}h1{font-size:1.75rem;line-height:2rem}h2{font-size:1.25rem;line-height:1.5rem}h2 time{opacity:.5;font-weight:500}#root{scroll-snap-type:y mandatory;height:100dvh;overflow-y:auto}.weatherChart .dotNow{--opacity:.75;animation:1.5s ease-in-out infinite blink}.weatherChart .sunriseLabel{transform-box:fill-box;transform:translate(100%)}.weatherChart .sunsetLabel{transform-box:fill-box;transform:translate(-100%)}.weatherChart:focus,.weatherChart:active,.weatherChart :focus,.weatherChart :active{outline:none}@keyframes blink{0%{opacity:var(--opacity,1)}50%{opacity:0}to{opacity:var(--opacity,1)}}.weatherWidget{flex-wrap:wrap;margin-left:0;padding-left:0;list-style:none;display:grid}.weatherWidget .description{text-transform:capitalize}.weatherWidget .primary{font-size:3.5rem;line-height:3rem}.weatherWidget .temperatureMinMax{align-items:flex-start;gap:1ch;display:flex}.page{scroll-snap-align:start;flex-direction:column;gap:.5rem;width:100svw;height:100dvh;padding:1rem;display:flex}.page footer{margin-top:auto;font-size:.875em}