@font-face{font-family:Inter;src:local("Inter"),url(/weather-app/assets/Inter-VariableFont_slnt_wght-Cl4AQHp9.ttf) format("truetype")}*{box-sizing:border-box}html{height:100%}body{font-family:Inter,serif;margin:0;height:100%}.container{padding:20px 30px}#root{height:100%;overflow-y:hidden;display:flex}.MainContent{width:fit-content;height:100%;overflow:hidden}.MainContent>*:not(:last-child){margin-bottom:15%}#cloud{transform-box:fill-box}#cloud.animation-move-out{animation:animation-move-out cubic-bezier(.77,0,.175,1) 1;animation-delay:0s;animation-fill-mode:forwards}#cloud.animation-move-in{animation:animation-move-in cubic-bezier(.77,0,.175,1) 1;animation-fill-mode:forwards}@keyframes animation-move-out{0%{transform:translate(0)}to{transform:translate(200%)}}@keyframes animation-move-in{0%{transform:translate(-200%)}to{transform:translate(0)}}#sunCircles,#sunbeams{transform-origin:center;transform-box:fill-box}#sunCircles.animation-scale-small{animation:animation-scale-small 1.3s cubic-bezier(.77,0,.175,1) 1}#sunbeams.animation-scale-medium{animation:animation-scale-medium 1.3s cubic-bezier(.77,0,.175,1) 1}@keyframes animation-scale-medium{0%{transform:scale(1)}25%{transform:scale(.95)}50%{transform:scale(2.4)}75%{transform:scale(.95)}to{transform:scale(1)}}@keyframes animation-scale-small{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1.2)}75%{transform:scale(.95)}to{transform:scale(1)}}#windParticles{transform-box:fill-box;stroke:#b2eaff;stroke-dasharray:100;stroke-dashoffset:100}#windParticles.animation-fly .windParticle{animation:animation-fly cubic-bezier(.39,.575,.565,1) 1;animation-fill-mode:forwards}.windParticle{shape-rendering:crispEdges}@keyframes animation-fly{0%{stroke-dashoffset:100}to{stroke-dashoffset:-100}}.raindrop.animation-fall{--translate-y: none;animation:animation-fall .4s cubic-bezier(.895,.03,.685,.22) 0s 1 normal forwards}.raindrop-parts{display:none}@keyframes animation-fall{0%{transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(var(--translate-y))}}.SelectCity{position:relative;width:6.25rem;height:1.8125rem;text-align:center;font-size:.9625rem;margin-left:auto;margin-right:auto}.selectedCity{position:absolute;top:0;left:0;z-index:2;width:6.25rem;height:1.8125rem;border-radius:15px;-webkit-user-select:none;user-select:none;cursor:pointer;line-height:1.8125rem}.selectedCityBackground{position:absolute;top:0;left:0;width:6.25rem;height:1.8125rem;background-color:#f3f3f3;border-radius:15px}.cities{position:absolute;top:120%;display:flex;flex-direction:column;justify-content:flex-end;width:inherit;margin:0;padding:0;list-style-type:none;cursor:pointer;border-radius:15px;background-color:#f3f3f3;font-size:.75em}.cities.hidden{visibility:hidden;scale:.5;opacity:0}.cities.animation-zoom-in{animation:animation-zoom-in .2s ease 0s 1 running}.cities.animation-zoom-out{animation:animation-zoom-out .2s ease 0s 1 running}.city{padding:5px 0;backface-visibility:hidden;transform:translateZ(0) scale(1)}.city:first-child{border-top-right-radius:15px;border-top-left-radius:15px}.city:last-child{border-bottom-right-radius:15px;border-bottom-left-radius:15px}.city:hover{background-color:#dfdfdf89}@keyframes animation-zoom-in{0%{visibility:hidden;scale:.5;opacity:0}to{visibility:visible;scale:1;opacity:1}}@keyframes animation-zoom-out{to{visibility:hidden;scale:.5;opacity:0}}.ExtraContent{flex-grow:1;background:#d9d9d944}