:root{--background:#0a0a0a;--foreground:#ededed}body,html{width:100%;height:100%;overflow:hidden!important}body{color:var(--foreground)!important;background:var(--background);font-family:Oswald,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}img{display:block}.logo{border-radius:.625rem}.main{position:relative;height:100dvh;min-height:100dvh;overflow:hidden;background-image:url(/assets/images/backgrounds/desktop-night-background.jpg);background-size:cover}.weatherContainer{position:absolute;top:0;right:0;left:0;bottom:0;overflow:hidden}.weatherBackground{transition:opacity 5s;opacity:1}.weatherBackground.disable{opacity:0}.moon,.sun{position:absolute;left:80%;top:120%;z-index:1}.preventActions{pointer-events:none;touch-action:none}.sun{width:12.25rem}.sun.enter{animation:sunBrightness 3s ease-in-out infinite alternate-reverse,celestialBodyEnter 4s forwards}.sun.leave{animation:sunBrightness 3s ease-in-out infinite alternate-reverse,celestialBodyLeave 4s forwards}.moon{width:9.37rem}.moon.enter{animation:moonBrightness 3s ease-in-out infinite alternate-reverse,celestialBodyEnter 4s forwards}.moon.leave{animation:sunBmoonBrightnessightness 3s ease-in-out infinite alternate-reverse,celestialBodyLeave 4s forwards}.container{height:100%}.homeContent{position:relative;z-index:10;min-height:100dvh}.infoContainer{width:100%;margin:0 auto;z-index:999!important;max-height:calc(100dvh - 1rem)}.textShadow{text-shadow:1px 2px 3px rgba(0,0,0,.7);transition:color 2s}.forecastContainer{height:clamp(15rem,42dvh,20rem);background-color:#F8F9FA;border-radius:.312rem;display:flex;flex-direction:column;overflow:hidden}.forecastContainer .swiper{flex:1 1;width:100%;height:auto!important;min-height:0}.slide{padding:.75rem 3rem .5rem}.display{border-radius:2rem;-webkit-backdrop-filter:blur(2);backdrop-filter:blur(2);box-shadow:1px 1px 5px rgba(0,0,0,.5);width:min(22rem,100%);min-height:clamp(7.75rem,19dvh,10.5rem)}.displayTemp{font-size:clamp(2.7rem,9dvh,3.8rem);line-height:.95}.displayTemp.itemDescription{font-size:2rem}.itemDisplayInfo{background-image:linear-gradient(to bottom left,transparent,rgba(145,173,196) 80%);border-radius:.625rem;padding:.625rem;display:flex;justify-content:space-between}.weatherSummary{margin-bottom:clamp(.5rem,1.8dvh,1rem)}.cityTitle{font-size:clamp(1.8rem,5dvh,2.5rem)!important;line-height:1.05}.appLogo{width:clamp(3.25rem,10dvh,5rem);height:auto}.currentDate,.display .w-100,.tempRange{font-size:clamp(.9rem,2.3dvh,1.25rem)!important}.celestialBodyEnter{animation:celestialBodyEnter 4s}.celestialBodyLeave{animation:celestialBodyLeave 4s}.errorContainer{width:100%;height:100%}.errorContainer img{width:12rem}@keyframes celestialBodyEnter{0%{top:120%;left:90%}to{top:15%;left:80%}}@keyframes celestialBodyLeave{0%{top:15%;left:80%}to{top:-100%;left:70%}}@keyframes moonBrightness{0%{filter:drop-shadow(0 0 50px rgb(255,255,255))}to{filter:drop-shadow(0 0 100px rgb(255,255,255))}}@keyframes sunBrightness{0%{filter:drop-shadow(0 0 100px rgb(255,230,0))}to{filter:drop-shadow(0 0 300px rgb(255,217,0))}}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@media screen and (min-width:1024px){.infoContainer{width:min(50%,42.5rem)}}@media screen and (max-height:720px){.forecastContainer{height:clamp(13.5rem,39dvh,17rem)}.slide{padding-top:.5rem;padding-bottom:.25rem}.itemDisplayInfo{padding:.45rem .625rem}.itemDisplayInfo h4{font-size:1.15rem;margin-bottom:.15rem}.displayTemp.itemDescription{font-size:1.65rem}}