:root{--color-paper:#fbf8f1;--color-paper-soft:#f6f1e7b8;--color-ink:#121c26;--color-ink-soft:#16202bb8;--color-accent:#e19100;--color-accent-ink:#1a0f03;--color-focus:#fdca3a;--color-shadow:#01060f94;--color-overlay-top:#01060f24;--color-overlay-bottom:#01060f57;--color-glass:#ffffff3d;--color-glass-strong:#ffffff7a;--color-rain-drop:#b2defff5;--color-clear-top:#55bcfa;--color-clear-bottom:#fbc865;--color-cloud-top:#597689;--color-cloud-bottom:#94abbc;--color-rain-top:#2b4b63;--color-rain-bottom:#607f91;--color-storm-top:#1c2441;--color-storm-bottom:#39526a;--color-snow-top:#8caab9;--color-snow-bottom:#cce3e8;--color-mist-top:#788e92;--color-mist-bottom:#adbfbe;--color-night-top:#121b42;--color-night-bottom:#254769;--font-display:"Arial Narrow", "Roboto Condensed", Arial, sans-serif;--font-body:Montserrat, "Avenir Next", "Segoe UI", sans-serif;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:2rem;--text-display:clamp(5rem, 18vw, 7.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.16s;--dur-normal:.42s;--dur-weather:.9s;--radius-control:1rem 0 1rem 0;--radius-round:999px;--rule-thick:3px}@supports (color:color(display-p3 0 0 0)){:root{--color-paper:color(display-p3 .982905 .973662 .947911);--color-paper-soft:color(display-p3 .960343 .94743 .911542/.72);--color-ink:color(display-p3 .0770835 .106838 .144889);--color-ink-soft:color(display-p3 .0949327 .125306 .16413/.72);--color-accent:color(display-p3 .848198 .576122 .0986937);--color-accent-ink:color(display-p3 .0946368 .0613487 .0183169);--color-focus:color(display-p3 .958917 .798613 .344522);--color-shadow:color(display-p3 .00836608 .0232519 .0542052/.58);--color-overlay-top:color(display-p3 .00836608 .0232519 .0542052/.14);--color-overlay-bottom:color(display-p3 .00836608 .0232519 .0542052/.34);--color-glass:color(display-p3 1 1 1/.24);--color-glass-strong:color(display-p3 1 1 1/.48);--color-rain-drop:color(display-p3 .606778 .876052 1.12818/.96);--color-clear-top:color(display-p3 .441013 .72871 .957189);--color-clear-bottom:color(display-p3 .954387 .793282 .459092);--color-cloud-top:color(display-p3 .372102 .458701 .530093);--color-cloud-bottom:color(display-p3 .598048 .66948 .728723);--color-rain-top:color(display-p3 .19905 .292039 .379411);--color-rain-bottom:color(display-p3 .402909 .494861 .563012);--color-storm-top:color(display-p3 .116316 .142046 .247807);--color-storm-bottom:color(display-p3 .246039 .32024 .408034);--color-snow-top:color(display-p3 .571079 .662558 .719338);--color-snow-bottom:color(display-p3 .817809 .886086 .908073);--color-mist-top:color(display-p3 .488252 .552795 .568031);--color-mist-bottom:color(display-p3 .690259 .746038 .745556);--color-night-top:color(display-p3 .0777038 .105184 .250051);--color-night-bottom:color(display-p3 .178707 .276332 .401028)}}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(97.7268% .109106 3.82355);--color-paper-soft:lab(95.4245% .17041 5.36503/.72);--color-ink:lab(9.45811% -1.93688 -8.61478);--color-ink-soft:lab(11.782% -2.01367 -8.63645/.72);--color-accent:lab(67.1634% 26.8905 86.3043);--color-accent-ink:lab(5.24047% 3.406 6.55683);--color-focus:lab(84.0751% 9.10711 73.4014);--color-shadow:lab(1.52649% -.366859 -3.91147/.58);--color-overlay-top:lab(1.52649% -.366859 -3.91147/.14);--color-overlay-bottom:lab(1.52649% -.366859 -3.91147/.34);--color-glass:lab(100% 0 0/.24);--color-glass-strong:lab(100% 0 0/.48);--color-rain-drop:lab(85.9693% -14.7 -41.8416/.96);--color-clear-top:lab(72.1527% -16.7888 -40.0479);--color-clear-bottom:lab(83.9099% 10.9473 55.6446);--color-cloud-top:lab(47.8512% -6.97765 -14.1691);--color-cloud-bottom:lab(68.735% -5.74303 -11.1424);--color-rain-top:lab(30.3615% -6.39565 -17.743);--color-rain-bottom:lab(51.3683% -7.7509 -13.7191);--color-storm-top:lab(14.8146% 3.69962 -19.7661);--color-storm-bottom:lab(33.7804% -4.41241 -16.9967);--color-snow-top:lab(67.6583% -8.11794 -11.5065);--color-snow-bottom:lab(88.5774% -6.79907 -5.47348);--color-mist-top:lab(57.2816% -7.20075 -4.77065);--color-mist-bottom:lab(75.8547% -6.52269 -2.02134);--color-night-top:lab(10.9656% 7.80655 -26.6537);--color-night-bottom:lab(28.9877% -3.8695 -23.7758)}}*{box-sizing:border-box;margin:0;padding:0}html,body{min-width:0;min-height:100%;overflow-x:clip}button,input{font:inherit}button{white-space:nowrap}body{min-height:100svh;color:var(--color-paper);font-family:var(--font-body);background:linear-gradient(155deg, var(--color-clear-top), var(--color-clear-bottom));transition:background var(--dur-weather) var(--ease-in-out)}body[data-period=night]{background:linear-gradient(155deg, var(--color-night-top), var(--color-night-bottom))}body[data-weather=clouds]{background:linear-gradient(155deg, var(--color-cloud-top), var(--color-cloud-bottom))}body[data-weather=rain]{background:linear-gradient(155deg, var(--color-rain-top), var(--color-rain-bottom))}body[data-weather=thunderstorm]{background:linear-gradient(155deg, var(--color-storm-top), var(--color-storm-bottom))}body[data-weather=snow]{background:linear-gradient(155deg, var(--color-snow-top), var(--color-snow-bottom))}body[data-weather=atmosphere]{background:linear-gradient(155deg, var(--color-mist-top), var(--color-mist-bottom))}.app-wrap{z-index:2;background:linear-gradient(to bottom, var(--color-overlay-top), var(--color-overlay-bottom));flex-direction:column;min-height:100svh;display:flex;position:relative}.toolbar{width:min(100%,52rem);padding:var(--space-2xl) var(--space-md) var(--space-md);justify-content:center;align-items:center;gap:var(--space-sm);margin-inline-start:auto;margin-inline-end:auto;display:flex}.search-form{width:min(100%,22rem);position:relative}.search-box{width:100%;min-height:3rem;padding:var(--space-sm) 3.25rem var(--space-sm) var(--space-md);border:1px solid #0000;border-bottom:var(--rule-thick) solid var(--color-accent);outline-offset:1px;background:var(--color-glass);border-radius:var(--radius-control);color:var(--color-ink);font-size:var(--text-lg);transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);outline:2px solid #0000;font-weight:400}.search-box::placeholder{color:var(--color-ink-soft)}.search-box:hover{background:var(--color-glass-strong)}.search-box:focus-visible{outline-color:var(--color-focus);background:var(--color-paper-soft)}.search-box:disabled{opacity:.55;cursor:not-allowed}.search-button{border-radius:var(--radius-control);outline-offset:1px;width:3rem;min-height:3rem;color:var(--color-accent-ink);cursor:pointer;background:0 0;border:0;outline:2px solid #0000;position:absolute;top:0;bottom:0;left:auto;right:0}.search-button span{border-radius:var(--radius-round);border:2px solid;width:.85rem;height:.85rem;margin:auto;display:block;position:relative}.search-button span:after{content:"";background:currentColor;width:.45rem;height:2px;position:absolute;bottom:-.16rem;right:-.35rem;transform:rotate(45deg)}.search-button:hover,.search-button:active{background:var(--color-glass)}.search-button:active{transform:translateY(1px)}.search-button:focus-visible{outline-color:var(--color-focus)}.control-button:focus-visible{outline-color:var(--color-focus)}.language-button:focus-visible{outline-color:var(--color-focus)}.language-menu button:focus-visible{outline-color:var(--color-focus)}.place-menu button:focus-visible{outline-color:var(--color-focus)}.place-menu{z-index:12;top:calc(100% + var(--space-xs));padding:var(--space-xs);border:1px solid var(--color-glass-strong);color:var(--color-ink);background:var(--color-paper-soft);box-shadow:0 .75rem 2rem var(--color-shadow);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:1.25rem;position:absolute;left:0;right:0;overflow:hidden}.place-options{max-height:calc(min(22rem, 55vh) - var(--space-md));margin-right:var(--space-xs);scrollbar-width:thin;scrollbar-color:var(--color-ink-soft) transparent;overflow-y:auto}.place-options::-webkit-scrollbar{width:.45rem}.place-options::-webkit-scrollbar-track{background:0 0;margin-block-start:.8rem;margin-block-end:.8rem}.place-options::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--color-ink-soft);background-clip:padding-box;border:.12rem solid #0000}.place-options::-webkit-scrollbar-thumb:hover{background-color:var(--color-ink)}.place-menu[hidden]{display:none}.place-options button{width:100%;min-height:3rem;padding:var(--space-xs) var(--space-sm);outline-offset:-2px;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.85rem;outline:2px solid #0000}.place-options button+button{margin-top:var(--space-2xs)}.place-options button:hover{background:var(--color-glass-strong)}.place-name{font-weight:700;display:block}.place-region{color:var(--color-ink-soft);font-size:var(--text-xs);margin-top:.1rem;display:block}.controls{align-items:center;gap:var(--space-xs);display:flex}.control-button,.language-button{outline-offset:1px;background:var(--color-glass);min-height:3rem;color:var(--color-paper);border-radius:var(--radius-round);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;outline:2px solid #0000}.control-button{width:3rem}.github-button{color:var(--color-paper);font-size:var(--text-xs);letter-spacing:-.04em;flex:none;place-items:center;font-weight:800;text-decoration:none;display:grid}.control-button:hover,.language-button:hover{background:var(--color-glass-strong)}.control-button:active{transform:translateY(1px)}.control-button:disabled,.language-button:disabled{opacity:.55;cursor:not-allowed}.language-control{position:relative}.language-button{min-width:7rem;padding:0 var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.select-chevron{width:.5rem;height:.5rem;transition:transform var(--dur-fast) var(--ease-out);border-bottom:2px solid;border-right:2px solid;transform:translateY(-.15rem)rotate(45deg)}.language-button[aria-expanded=true] .select-chevron{transform:translateY(.15rem)rotate(225deg)}.language-menu{z-index:10;top:calc(100% + var(--space-xs));min-width:9rem;padding:var(--space-xs);border:1px solid var(--color-glass-strong);color:var(--color-ink);background:var(--color-paper-soft);box-shadow:0 .75rem 2rem var(--color-shadow);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:1.25rem;position:absolute;right:0}.language-menu[hidden]{display:none}.language-menu button{width:100%;min-height:2.5rem;padding:0 var(--space-sm);outline-offset:-2px;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.85rem;outline:2px solid #0000}.language-menu button:hover,.language-menu button[aria-selected=true]{background:var(--color-glass-strong)}.language-menu button[aria-selected=true]{font-weight:700}.location-mark{border:2px solid;border-radius:50% 50% 50% 0;width:1rem;height:1rem;margin:auto;display:block;transform:rotate(-45deg)}.location-mark:after{content:"";background:currentColor;border-radius:50%;width:.25rem;height:.25rem;margin:.23rem;display:block}.sound-mark{justify-content:center;align-items:center;gap:3px;height:1rem;display:flex}.sound-mark i{width:2px;height:.35rem;animation:sound-wave .9s var(--ease-in-out) infinite alternate;background:currentColor;animation-play-state:paused}.sound-mark i:nth-child(2){height:.8rem;animation-delay:-300ms}.sound-mark i:nth-child(3){height:.55rem;animation-delay:-600ms}#sound-button[aria-pressed=true] .sound-mark i{animation-play-state:running}.fullscreen-mark{width:1rem;height:1rem;margin:auto;display:block;position:relative}.fullscreen-mark:before,.fullscreen-mark:after{content:"";border:2px solid;position:absolute;top:0;bottom:0;left:0;right:0}.fullscreen-mark:before{clip-path:polygon(0 0,42% 0,42% 15%,15% 15%,15% 42%,0 42%)}.fullscreen-mark:after{clip-path:polygon(58% 58%,100% 58%,100% 100%,58% 100%,58% 85%,85% 85%,85% 58%)}main{padding:var(--space-lg) var(--space-lg) var(--space-xl);text-align:center;flex-direction:column;flex:auto;align-items:center;display:flex}.location .city{margin-bottom:var(--space-xs);color:var(--color-paper);font-family:var(--font-display);font-size:var(--text-xl);overflow-wrap:anywhere;min-width:0;font-weight:600}.location .date{color:var(--color-paper);font-size:var(--text-md)}.current{flex-direction:column;align-items:center;display:flex}.current .temp{color:var(--color-paper);font-family:var(--font-display);font-size:var(--text-display);margin:var(--space-sm) 0;text-shadow:2px 10px var(--color-shadow);overflow-wrap:anywhere;min-width:0;font-weight:900;line-height:.95}.current .temp span{vertical-align:top;font-size:.42em;font-weight:500;line-height:1.7}.current .weather{color:var(--color-paper);font-size:var(--text-xl);margin-bottom:var(--space-sm);text-shadow:0 3px var(--color-shadow);font-weight:700}.current .hi-low{color:var(--color-paper);font-size:var(--text-lg);text-shadow:0 4px var(--color-shadow);font-weight:500}.details{margin-top:var(--space-lg);justify-content:center;gap:var(--space-xs);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.details span{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-round);background:var(--color-glass)}.details b{font-weight:600}.details i{font-style:normal}.status{min-height:1.5em;margin-top:var(--space-md);color:var(--color-paper);font-size:var(--text-sm)}.updated{margin-top:var(--space-2xs);color:var(--color-paper);font-size:var(--text-xs);opacity:.78}footer{padding:var(--space-sm) var(--space-md) var(--space-md);text-align:center;color:var(--color-paper);font-size:var(--text-xs);opacity:.75}footer a{color:inherit;text-underline-offset:.18em;transition:color var(--dur-fast) var(--ease-out), text-decoration-color var(--dur-fast) var(--ease-out);border-radius:.2rem;font-weight:600;text-decoration-color:#0000}footer a:hover{color:var(--color-paper-soft);text-decoration-color:currentColor}footer a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.weather-icon{width:8rem;height:5.25rem;margin-top:var(--space-lg);position:relative}.sun,.moon,.cloud,.drops,.flakes,.bolt,.mist-lines{opacity:0;transition:opacity var(--dur-normal) var(--ease-in-out), transform var(--dur-normal) var(--ease-out);position:absolute}.sun{background:var(--color-accent);width:3.25rem;height:3.25rem;box-shadow:0 0 0 .6rem var(--color-glass);border-radius:50%;top:.55rem;left:2.4rem}.moon{background:var(--color-paper);width:3.25rem;height:3.25rem;box-shadow:.85rem -.3rem 0 0 var(--color-night-top);border-radius:50%;top:.45rem;left:2.4rem}.cloud{border-radius:var(--radius-round);background:var(--color-paper);width:4.5rem;height:1.6rem;box-shadow:0 .45rem .85rem var(--color-shadow);top:2rem}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:2.15rem;height:2.15rem;top:-1rem;left:.65rem}.cloud:after{width:2.75rem;height:2.75rem;top:-1.4rem;right:.45rem}.cloud-back{left:1.1rem;transform:translate(-.5rem)scale(.8)}.cloud-front{top:2.35rem;left:2rem}.drops,.flakes{width:3.5rem;height:1.3rem;top:3.85rem;left:2.35rem}.drops{background:0 0;overflow:visible}.drops:before,.drops:after{content:"";border-radius:var(--radius-round);background:var(--color-paper);width:.24rem;height:.65rem;box-shadow:1rem .1rem 0 var(--color-paper), 2rem -.08rem 0 var(--color-paper);will-change:transform, opacity;animation:.82s linear infinite icon-rain-fall;position:absolute;top:-.35rem;left:.15rem}.drops:after{opacity:.74;animation-delay:-410ms;top:-.55rem;left:.62rem}.flakes{background:radial-gradient(circle, var(--color-paper) 0 .13rem, transparent .15rem) 0 0 / 1.1rem 1rem;animation:1.8s linear infinite snow-fall}.bolt{background:var(--color-accent);clip-path:polygon(55% 0,100% 0,65% 42%,95% 42%,25% 100%,45% 55%,12% 55%);width:1.2rem;height:2.15rem;top:3.2rem;left:3.55rem}.mist-lines{background:repeating-linear-gradient(to bottom, transparent 0 .55rem, var(--color-paper) .58rem .72rem, transparent .75rem 1rem);width:5rem;height:3.4rem;top:1.2rem;left:1.5rem}.icon-clear .sun,body[data-period=night] .icon-clear .moon{opacity:1}body[data-period=night] .icon-clear .sun{opacity:0}.icon-clouds .sun,.icon-clouds .cloud,.icon-rain .cloud,.icon-drizzle .cloud,.icon-snow .cloud,.icon-thunderstorm .cloud{opacity:1}body[data-period=night] .icon-clouds .sun{opacity:0}body[data-period=night] .icon-clouds .moon,.icon-rain .drops,.icon-drizzle .drops,.icon-snow .flakes,.icon-thunderstorm .drops,.icon-thunderstorm .bolt,.icon-atmosphere .mist-lines{opacity:1}.icon-thunderstorm .bolt{animation:lightning 2.4s var(--ease-in) infinite}.icon-drizzle .drops{opacity:.6}.icon-drizzle .drops:before,.icon-drizzle .drops:after{animation-duration:1.05s}.icon-rain.intensity-light .drops,.icon-drizzle.intensity-light .drops{opacity:.48;width:2.2rem;left:3rem}.icon-rain.intensity-light .drops:before,.icon-rain.intensity-light .drops:after,.icon-drizzle.intensity-light .drops:before,.icon-drizzle.intensity-light .drops:after{animation-duration:.96s}.icon-rain.intensity-heavy .drops,.icon-drizzle.intensity-heavy .drops{opacity:1;width:4.5rem;height:1.65rem;left:1.75rem}.icon-rain.intensity-heavy .drops:before,.icon-rain.intensity-heavy .drops:after,.icon-drizzle.intensity-heavy .drops:before,.icon-drizzle.intensity-heavy .drops:after{animation-duration:.68s}.icon-snow.intensity-light .flakes{opacity:.55;background-size:1.8rem 1.45rem;width:2.5rem;animation-duration:2.6s;left:2.8rem}.icon-snow.intensity-heavy .flakes{opacity:1;background-size:.72rem .72rem;width:4.5rem;height:1.7rem;animation-duration:1.05s;left:1.75rem}.weather-scene{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.scene-orb{background:var(--color-accent);opacity:.18;width:34vmin;height:34vmin;transition:opacity var(--dur-weather) var(--ease-in-out);border-radius:50%;position:absolute;top:9%;right:8%}.scene-cloud{border-radius:var(--radius-round);background:var(--color-glass);filter:blur(1px);opacity:0;width:28rem;height:7rem;position:absolute}.scene-cloud-a{animation:28s linear infinite cloud-drift;top:20%;left:-6rem}.scene-cloud-b{animation:38s linear infinite reverse cloud-drift;top:46%;right:-12rem}.scene-rain,.scene-snow{opacity:0;transition:opacity var(--dur-weather) var(--ease-in-out);position:absolute;top:0;bottom:0;left:0;right:0}.rain-layer{display:block;position:absolute;top:0;bottom:0;left:0;right:0}.rain-drop{left:var(--drop-x);top:var(--drop-y);width:var(--drop-size);aspect-ratio:.74;opacity:var(--drop-opacity);animation:rain-drop-fall var(--drop-duration) linear infinite;animation-delay:var(--drop-delay);will-change:transform;position:absolute}.rain-drop:before{content:"";background:var(--color-rain-drop);clip-path:polygon(50% 0,72% 34%,94% 61%,94% 78%,78% 96%,50% 100%,22% 96%,6% 78%,6% 61%,28% 34%);border-radius:65% 45% 62% 58%;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-12deg)}.rain-far .rain-drop{filter:blur(.2px)}.rain-mid .rain-drop{filter:drop-shadow(0 0 .22rem var(--color-rain-drop))}.rain-near .rain-drop{filter:drop-shadow(0 .15rem .32rem var(--color-rain-drop))}.snow-layer{display:block;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.snow-flake{width:var(--snow-size);height:var(--snow-size);color:var(--color-paper);font-size:var(--snow-size);opacity:0;animation:scene-snow-fall var(--snow-duration) linear infinite;animation-delay:var(--snow-delay);will-change:transform, opacity;line-height:1;position:absolute;top:-12vh;left:0}.snow-flake i{transform-origin:50%;width:100%;height:100%;animation:snow-flake-spin var(--spin-duration) linear infinite;animation-delay:var(--spin-delay);will-change:transform;font-style:normal;display:block}.snow-far .snow-flake{color:var(--color-paper);filter:blur(.35px) drop-shadow(0 0 .18rem var(--color-paper))}.snow-mid .snow-flake{filter:drop-shadow(0 0 .24rem var(--color-paper))}.snow-near .snow-flake{filter:drop-shadow(0 0 .32rem var(--color-paper)) drop-shadow(0 .12rem .2rem var(--color-shadow))}body[data-weather=clouds] .scene-cloud,body[data-weather=rain] .scene-cloud,body[data-weather=thunderstorm] .scene-cloud{opacity:.22}body[data-weather=rain][data-intensity=light] .scene-rain{opacity:.78}body[data-weather=rain][data-intensity=moderate] .scene-rain{opacity:.88}body[data-weather=rain][data-intensity=heavy] .scene-rain,body[data-weather=thunderstorm] .scene-rain{opacity:1}body[data-weather=snow][data-intensity=light] .scene-snow{opacity:.68}body[data-weather=snow][data-intensity=moderate] .scene-snow{opacity:.86}body[data-weather=snow][data-intensity=heavy] .scene-snow{opacity:1}body[data-weather=rain] .scene-orb,body[data-weather=thunderstorm] .scene-orb,body[data-weather=atmosphere] .scene-orb{opacity:0}@keyframes cloud-drift{0%{transform:translate(-8vw)}to{transform:translate(115vw)}}@keyframes snow-fall{0%{background-position:0 0}to{background-position:2rem 5rem}}@keyframes icon-rain-fall{0%{opacity:0;transform:translate(-.18rem,-.5rem)rotate(-12deg)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(.18rem,1rem)rotate(-12deg)}}@keyframes rain-drop-fall{0%{transform:translate(-10vw,-22vh)}to{transform:translate(12vw,122vh)}}@keyframes scene-snow-fall{0%{opacity:0;transform:translate3d(var(--snow-x), -10vh, 0)}8%{opacity:var(--snow-opacity)}38%{transform:translate3d(calc(var(--snow-x) + var(--snow-sway)), 38vh, 0)}68%{transform:translate3d(calc(var(--snow-x) + var(--snow-sway-back)), 78vh, 0)}92%{opacity:var(--snow-opacity)}to{opacity:0;transform:translate3d(calc(var(--snow-x) + var(--snow-sway-end)), 122vh, 0)}}@keyframes snow-flake-spin{to{transform:rotate(var(--snow-turns))}}@keyframes lightning{0%,88%,to{opacity:.15}90%,94%{opacity:1}}@keyframes sound-wave{0%{transform:scaleY(.55)}to{transform:scaleY(1.2)}}@media (max-width:40rem){.toolbar{padding-top:var(--space-lg);flex-wrap:wrap}.search-form{width:100%}.controls{justify-content:center;gap:var(--space-2xs);width:100%}.control-button{width:2.75rem;min-height:2.75rem}.language-button{min-width:6rem;min-height:2.75rem}main{padding-inline:var(--space-md);padding-top:var(--space-md)}.weather-icon{margin-top:var(--space-md);transform-origin:bottom;transform:scale(.88)}.current .temp{margin-top:0}}@media (max-height:42rem) and (orientation:landscape){.toolbar{padding-top:var(--space-md)}.weather-icon{width:6rem;height:4rem;margin-top:0;transform:scale(.65)}.current .temp{font-size:4rem}.details{margin-top:var(--space-sm)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:50ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}