@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;border:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgb(60,81,112) rgba(0,0,0,0);user-select:none}*::-webkit-scrollbar{width:.5rem;height:.5rem}*::-webkit-scrollbar-thumb{background:rgb(60,81,112)}*::-webkit-scrollbar-track{background:rgba(0,0,0,0)}html,body{width:100dvw;height:100dvh;background:linear-gradient(to bottom right,rgba(0,102,255,.1) 0%,rgba(255,122,0,.07) 100%),rgb(30,30,30);background-repeat:no-repeat;background-attachment:fixed;color:#fff;font-family:Comfortaa,sans-serif;overflow-y:overlay}button,input{all:unset}.header{width:100%;padding:1rem 0;z-index:2}.navbar{height:100%;display:flex;gap:1rem;width:100%;margin:auto;left:0;right:0;max-width:70rem;padding-inline:1rem}#logo{width:5rem;aspect-ratio:1;margin-top:auto;float:left}.menu{background:linear-gradient(to bottom right,rgba(0,102,255,.1) 0%,rgba(255,122,0,.07) 100%),rgba(60,60,60,.5);border-radius:.5rem;height:2.5rem;flex-grow:1;margin-top:auto}.page-content{width:100%;margin:auto;left:0;right:0;max-width:70rem;padding-inline:1rem;padding-bottom:1rem;overflow-y:auto;z-index:1;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.half-row{flex:0 0 calc(50% - .5rem)}.full-row{flex:0 0 100%}.panel-content{position:relative;width:100%;background:linear-gradient(to bottom right,rgba(0,102,255,.1) 0%,rgba(255,122,0,.07) 100%),rgba(60,60,60,.5);border-radius:.5rem;padding:1rem}.panel-image{width:100%;border-radius:.5rem}.forecast-container{display:grid;grid-template-columns:max-content 1fr 1fr max-content;justify-content:space-between;align-items:center;gap:.5rem;max-width:100%;overflow-x:hidden}.loading-forecast{grid-column:1/-1;text-align:center}.forecast-row{display:contents;font-size:.9rem;width:100%}.forecast-row>div{line-height:1.3rem}.ico-temp{display:flex;flex-direction:row;justify-content:center}.weather-ico{height:2.7rem;aspect-ratio:1;margin-right:.5rem}.line{grid-column:1/-1;background:rgba(255,255,255,.26);height:.125rem}.forecast-row:last-child>.line{display:none}.wind{text-align:center}.precipitation{text-align:right}.hourly-weather{grid-column:1/-1;display:none;flex-direction:row;flex-wrap:nowrap;overflow:auto;gap:1rem}.hourly-weather img{aspect-ratio:1;height:3rem}.hourly-weather .container{text-align:center}.hourly-visible0,.hourly-visible1,.hourly-visible2,.hourly-visible3,.hourly-visible4,.hourly-visible5,.hourly-visible6{display:flex}.settings{position:absolute;top:1rem;right:1rem;z-index:10000}.settings>img{aspect-ratio:1;height:1.5rem;filter:invert(100%)}.location{height:2.5rem}.change-location{position:absolute;inset:0;z-index:50;background-color:#0f0f0fcc;border-radius:.5rem;padding:3.5rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.search-box{display:flex;flex-direction:row;width:100%;max-width:30rem;gap:1rem}#location-search{display:block;width:100%;height:2.5rem;border-radius:.5rem;background-color:#c6c6c6;text-align:center;color:#000}#location-search::-webkit-search-cancel-button{display:none}.search-box>button{background:none}.search-box>button>img{filter:invert(100%);aspect-ratio:1;height:1.5rem}.search-box>button>img:hover,.settings>img{cursor:pointer}.notVisible{display:none}.result-location{display:flex;flex-direction:column;border-radius:.5rem;width:100%;max-width:30rem}.result-location>button{padding:.5rem 1.25rem;background-color:#c6c6c6;color:#000}.result-location>button:hover{background-color:#9cb8ff}.result-location>button:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding-top:1rem}.result-location>button:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;padding-bottom:1rem}#map{border-radius:.5rem;width:100%;height:60vh;min-height:10rem;max-height:35rem;z-index:20}.map-tiles{filter:brightness(.6) invert(1) contrast(3) hue-rotate(200deg) saturate(.3) brightness(.7)}.legend{height:9rem;padding:.5rem;background:linear-gradient(to bottom right,rgba(0,102,255,.15) 0%,rgba(255,122,0,.15) 100%),rgb(30,30,30);border-radius:.5rem;display:flex;flex-direction:row;gap:.5rem}.rainLegend,.snowLegend{height:100%;width:.6rem;border-radius:.5rem}.rainLegend{background:linear-gradient(180deg,#01b714,#01b714,#088915,#11651a,#064307,#ffee07,#f8bb08,#f38b08,#f07108,#ea5e09,#df370a,#d3100c)}.snowLegend{background:linear-gradient(180deg,#8fffff,#5fcfff,#0f6fff)}.zoomControl{width:2rem;height:4rem;background:linear-gradient(to bottom right,rgba(0,102,255,.15) 0%,rgba(255,122,0,.15) 100%),rgb(30,30,30);display:flex;flex-direction:column;border-radius:.5rem;align-items:center}#zoomIn,#zoomOut{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;height:50%;width:100%;text-align:center;font-size:1.2rem;cursor:pointer;vertical-align:top}#zoomIn{border-radius:.5rem .5rem 0 0}#zoomOut{border-radius:0 0 .5rem .5rem}#zoomIn:hover,#zoomOut:hover{background:#204e8a;transition:.5s}#animation-time{border-radius:.5rem;background:linear-gradient(to bottom right,rgba(0,102,255,.15) 0%,rgba(255,122,0,.15) 100%),rgb(30,30,30);padding:.5rem;font-family:Comfortaa,sans-serif;width:3rem;text-align:center}