@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  src: url(assets/fonts/rubik-v23-latin-regular.3166e1a137a9feac7230.eot);
  src: local("☺︎"),
    url(assets/fonts/rubik-v23-latin-regular.65cfd3d83c8c52c45c77.woff2) format("woff2"),
    url(assets/fonts/rubik-v23-latin-regular.73a01fb47fdc7ee8ae1e.woff) format("woff"),
    url(assets/fonts/rubik-v23-latin-regular.6b7443bbc990ec75806f.ttf) format("ttf");
}

@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 400;
  src: url(assets/fonts/rubik-v23-latin-italic.d850c5be0441f24ff381.eot);
  src: local("☺︎"),
    url(assets/fonts/rubik-v23-latin-italic.db6aae11c3794a5f3a9f.woff2) format("woff2"),
    url(assets/fonts/rubik-v23-latin-italic.037216e36d06b1c26f3c.woff) format("woff"),
    url(assets/fonts/rubik-v23-latin-italic.aaced340809344f10064.ttf) format("ttf");
}

@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  src: url(assets/fonts/rubik-v23-latin-500.35b6e9d0b36c90ce9e11.eot);
  src: local("☺︎"),
    url(assets/fonts/rubik-v23-latin-500.724f660d40be21415a83.woff2) format("woff2"),
    url(assets/fonts/rubik-v23-latin-500.8ca13925493ce3ada7f1.woff) format("woff"),
    url(assets/fonts/rubik-v23-latin-500.cc613ceae43403224078.ttf) format("ttf");
}

@font-face {
  font-family: "Rubik";
  font-style: "normal";
  font-weight: 600;
  src: url(assets/fonts/rubik-v23-latin-600.b79131b66fbe685d62bd.eot);
  src: local("☺︎"),
    url(assets/fonts/rubik-v23-latin-600.d1fff3e935a90350af50.woff2) format("woff2"),
    url(assets/fonts/rubik-v23-latin-600.a69d8ece6f9c268db7d7.woff) format("woff"),
    url(assets/fonts/rubik-v23-latin-600.a88b38a156cdde747ee6.ttf) format("ttf");
}

:root {
  --white: #ffffff;
  --seashell: #f1f1f1;
  --alto: #dddddd;
  --mine-shaft: #212121;
  --eastern-blue: #1c88aa;
  --nugget: #cf9f23;
  --mulled-wine: #513e68;
  --cornflower-lilac: #ffa8a8;
  --sundown: #ffb6b6;
  --reef: #bfffa1;

  --mine-shaft-opacity-22: #21212122;
}


*,::before,::after{margin:0px;padding:0px;border:0px;box-sizing:border-box}html{font-size:10px}body{padding:0 1rem;width:100%;min-height:100vh;background:var(--white)}.bkgrd-morning{background:linear-gradient(45deg, var(--eastern-blue), #afe2ff)}.bkgrd-afternoon{background:linear-gradient(45deg, var(--nugget), #b3ddff 90%)}.bkgrd-night{background:linear-gradient(45deg, var(--mulled-wine), #333241 100%)}.bkgrd-twilight{background:linear-gradient(45deg, var(--mulled-wine), #4a5770 40%)}body::-webkit-scrollbar{width:.75rem;background:var(--white)}body::-webkit-scrollbar-thumb{background:rgba(33,33,33,.6666666667)}body::-webkit-scrollbar-thumb:hover{background:rgba(33,33,33,.7333333333)}object{pointer-events:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(33,33,33,.9333333333);z-index:1}.alertPanel{margin:0 auto;width:min(100%,80rem);position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;background:rgba(0,0,0,0);transform:translate(-50%, -50%);font-family:"Rubik",Arial,Helvetica,sans-serif;color:var(--white);text-align:center;z-index:2}.alertPanel-closeBtn{width:5rem;height:5rem;display:flex;justify-content:center;align-items:center;position:absolute;top:max(-40vh,-18rem);background:rgba(0,0,0,0);border-radius:5rem}.alertPanel-closeBtn .closeIcon{width:3rem;height:3rem}.alertPanel-closeBtn:hover,.alertPanel-closeBtn:focus{border:.2rem solid var(--white)}.alertPanel-hdng{margin-bottom:clamp(2rem,5vw,4rem);width:min(80%,60rem);color:var(--sundown);font-size:clamp(2.5rem,7vw,5rem)}.alertPanel-detail{width:min(80%,60rem);font-size:clamp(1.4rem,3vw,2rem)}.loadingPanel{background:var(--white);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2;transition:opacity 275ms ease-in-out}.loadingFigure{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}.loadingFigure-icon{width:clamp(10rem,25vw,15rem);height:clamp(10rem,25vw,15rem);animation:rotate-loading 5s linear infinite}@keyframes rotate-loading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loadingFigure-caption{margin-top:5rem;text-align:center;font-family:"Rubik",Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(2rem,5vw,3rem);color:var(--mine-shaft)}.loadingPanel-hide{opacity:0}.wrapper{margin:0 auto;width:min(100%,80rem);display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}.widgetPanel{padding:2rem 0;width:100%;position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.widgetPanel-weatherLocInput{padding:.5rem 1rem;width:clamp(15rem,50vw,30rem);height:4rem;border-radius:1rem;font-size:1.4rem;font-family:"Rubik",Arial,Helvetica,sans-serif;color:var(--mine-shaft)}.widgetPanel-weatherLocInput-autocmpltOn{border-radius:1rem 1rem 0 0}.autocmplt{background:var(--white);font-family:"Rubik",Arial,Helvetica,sans-serif;color:var(--mine-shaft)}.autocmplt::-webkit-scrollbar{width:.5rem;background:var(--white)}.autocmplt::-webkit-scrollbar-thumb{background:rgba(33,33,33,.6666666667)}.autocmplt::-webkit-scrollbar-thumb:hover{background:rgba(33,33,33,.7333333333)}.autocmplt--weatherLoc{width:clamp(15rem,50vw,30rem);height:10.8rem;border-top:.1rem solid var(--alto);border-radius:0 0 1rem 1rem;position:absolute;top:6.5rem;overflow:auto}.autocmplt-value{padding:0 .5rem;width:100%;height:3.5rem;background:var(--white);font-family:"Rubik",Arial,Helvetica,sans-serif;font-size:clamp(1rem,2vw,1.2rem)}.autocmplt-value:hover,.autocmplt-value:focus{background:var(--seashell)}.autocmplt-alert{padding:0 .5rem;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--seashell);text-align:center;font-family:"Rubik",Arial,Helvetica,sans-serif;font-size:clamp(1.2rem,2vw,1.4rem);color:var(--cornflower-lilac)}.widgetPanel-settingsBtn{width:5rem;height:5rem;background:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center}.widgetPanel-settingsBtn .settingsIcon{width:4.5rem;height:4.5rem}.widgetPanel-settingsBtn:hover,.widgetPanel-settingsBtn:focus{background:var(--mine-shaft-opacity-22);border-radius:1rem}.dropdown{padding:.5rem 0 .5rem 0;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;background:var(--white);z-index:1}.dropdown--settings{width:clamp(12.5rem,30vw,15rem);border-radius:1rem;position:absolute;top:8rem;right:2.5rem}.dropdown--settings .convertTemp{width:100%;height:3.5rem;display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center}.convertTemp-celsius,.convertTemp-fahrenheit{height:100%;background-color:var(--white);display:flex;justify-content:center;align-items:center;font-family:"Rubik",Arial,Helvetica,sans-serif;font-size:1.4rem;color:var(--mine-shaft)}.convertTemp-celsius .signal,.convertTemp-fahrenheit .signal{margin-left:.5rem;width:1.5rem;height:1.5rem;background:var(--alto);border-radius:5rem}.convertTemp-celsius .signal-isActivated,.convertTemp-fahrenheit .signal-isActivated{background:var(--reef)}.convertTemp-celsius:hover,.convertTemp-celsius:focus,.convertTemp-fahrenheit:hover,.convertTemp-fahrenheit:focus{background:var(--seashell)}.dropdown-btn{width:100%;height:3.5rem;display:grid;justify-content:center;align-items:center;grid-auto-flow:column;column-gap:1rem;text-decoration:none;font-family:"Rubik",Arial,Helvetica,sans-serif;font-size:1.4rem;color:var(--mine-shaft)}.dropdown-btn .icon{width:1.5rem;height:1.5rem}.dropdown-btn:hover,.dropdown-btn:focus{background:var(--seashell)}.mainWeatherPanel{margin:1rem 0;padding:0 1rem;width:100%;display:flex;flex-flow:column wrap;font-family:"Rubik",Arial,Helvetica,sans-serif;color:var(--white)}.mainWeatherPanel .mainWeather{margin-bottom:1.5rem;display:grid;grid-template-columns:1fr 1fr;justify-items:center}.mainWeatherPanel .extraTemp{margin-top:1.5rem;width:min(50%,40rem);display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}.mainWeather-temp{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}.mainWeather-temp .tempNow{margin-bottom:.5rem;font-size:clamp(4rem,8vw,7rem);font-weight:500}.mainWeather-temp .weatherLocation{margin-top:.5rem;font-size:clamp(1.4rem,2.5vw,2rem)}.mainWeather-icon{position:relative;top:30%;width:clamp(9rem,18vw,18rem);height:clamp(9rem,18vw,18rem)}.extraTemp-maxMin{margin-bottom:.5rem;font-size:clamp(1.4rem,2.5vw,2rem)}.extraTemp-feelsLike{margin-top:.5rem;font-size:clamp(1.4rem,2.5vw,2rem);text-align:center}.forecastPanel{margin-top:5rem;padding:1rem;width:min(100%,55rem);display:flex;flex-flow:column wrap;background:rgba(0,0,0,0);border-radius:1rem;transition:background ease-in-out 275ms}.forecastPanel .weatherElem{min-height:4.5rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-items:center;align-content:center}.forecastPanel .weatherElem .dummyWeatherDay{min-width:8rem}.forecastPanel .weatherElem .dummyWeatherIcon{min-width:2rem}.forecastPanel .forecastData{height:clamp(4.5rem,10vw,6rem);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-items:center;align-content:center;font-family:"Rubik",Arial,Helvetica,sans-serif;color:var(--white)}.weatherElem-precipitation,.weatherElem-maxMinTemp{width:clamp(1.5rem,5vw,2.5rem);height:clamp(1.5rem,5vw,2.5rem)}.forecastData-weather{width:clamp(2rem,6vw,4rem);height:clamp(2rem,6vw,4rem)}@media screen and (min-width: 260px){.forecastData-weather{margin-left:50%}}.forecastData-day,.forecastData-precipitation,.forecastData-maxMinTemp{height:100%;display:flex;justify-content:center;align-items:center}.forecastData-day{min-width:8rem;font-size:clamp(1.4rem,3vw,2rem);overflow:auto}.forecastData-precipitation,.forecastData-maxMinTemp{font-size:clamp(1rem,3vw,1.6rem)}.extraWeatherPanel{margin-top:3rem;padding:1rem;width:min(100%,55rem);height:clamp(18rem,40vw,22rem);background:rgba(0,0,0,0);border-radius:1rem;display:grid;grid-template-columns:1fr 1fr 1fr;transition:background ease-in-out 275ms}.extraWeatherPanel .rainVolume,.extraWeatherPanel .humidity,.extraWeatherPanel .wind{position:relative;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;font-family:"Rubik",Arial,Helvetica,sans-serif;color:var(--white)}.extraWeatherPanel .humidity::before{content:"";position:absolute;width:.1rem;height:80%;background:var(--alto);left:0rem}.extraWeatherPanel .humidity::after{content:"";position:absolute;width:.1rem;height:80%;background:var(--alto);right:0rem}.rainVolume-icon{width:4rem;height:4rem}.humidity-icon{margin-bottom:1.2rem}.wind-icon{margin-bottom:1.5rem;width:4rem;height:4rem}.rainVolume-data{margin-top:3rem;font-size:clamp(1.2rem,4vw,2rem)}.humidity-data{margin-top:2rem;font-size:clamp(1.6rem,4vw,2.5rem)}.wind-speed,.wind-direction{margin:.5rem 0;font-size:clamp(1.2rem,4vw,2rem)}.wind-direction{color:var(--cornflower-lilac)}.rainVolume-detail,.humidity-detail{color:var(--alto);text-align:center}.rainVolume-detail{margin-top:3rem;min-width:6rem;font-size:clamp(.8rem,2vw,1.2rem)}.humidity-detail{margin-top:3rem;font-size:clamp(.8rem,2vw,1.2rem)}.wind-detail{margin-top:1rem;color:var(--alto);text-align:center;font-size:clamp(.8rem,2vw,1.2rem)}.suntimePanel{margin-top:3rem;padding:1rem;width:min(100%,55rem);height:clamp(16rem,40vw,22rem);background:rgba(0,0,0,0);border-radius:1rem;display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-content:center;transition:background ease-in-out 275ms}.suntimePanel .sunrise,.suntimePanel .sunset{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;font-family:"Rubik",Arial,Helvetica,sans-serif;color:var(--white)}.sunrise-icon,.sunset-icon{width:clamp(6rem,15vw,9rem);height:clamp(6rem,15vw,9rem)}.sunrise-time,.sunset-time{margin:1.5rem 0;font-size:clamp(1.6rem,4vw,2.5rem);font-weight:500}.sunrise-detail,.sunset-detail{font-size:clamp(.8rem,3vw,1.2rem);color:var(--alto)}.weatherRadarPanel{margin-top:3rem;padding:1rem 0;width:min(100%,55rem);height:clamp(32rem,80vw,55rem);background:rgba(0,0,0,0);border-radius:1rem;display:flex;justify-content:center;align-items:center;transition:background ease-in-out 275ms}.weatherRadarPanel .weatherRadar{width:90%;height:90%}.weatherRadarPanel-fullscreen{width:100vw;height:100%;position:fixed;top:45%;left:50%;transform:translate(-50%, -50%);z-index:2}.footer{margin-top:2rem;padding:2rem 0;width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;font-family:"Rubik",Arial,Helvetica,sans-serif;color:var(--white)}.footer .openWeatherLink{margin-left:1rem}.footer .openWeatherLink-img{width:7rem}.footer .weatherLastUpdated{margin-right:1rem;font-size:clamp(1rem,3vw,1.2rem)}.elem-hide{display:none}.leaflet-container{z-index:0}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font-family:"Rubik",Arial,Helvetica,sans-serif;color:var(--mine-shaft);z-index:0}.leaflet-control-fullscreen{width:3.4rem;height:3.4rem;display:flex;justify-content:center;align-items:center;background:var(--white)}.leaflet-control-fullscreen:hover,.leaflet-control-fullscreen:focus{background:var(--seashell)}.leaflet-control-fullscreen-icon{width:1.5rem}.leaflet-control-layers{padding:.5rem 1rem;z-index:0}.leaflet-control-layers-scrollbar{padding:0;overflow:hidden}.leaflet-control-layers-base label:hover,.leaflet-control-layers-base label:focus{background:var(--seashell)}.leaflet-control-layers-selector{position:absolute;opacity:0;z-index:-1}.leaflet-control-layers-selector~span{margin:.4rem 0;padding:0 .5rem;height:clamp(2rem,3vw,2.25rem);display:flex;justify-content:center;align-items:center;border-radius:.2rem;font-size:clamp(1rem,2vw,1.2rem);font-family:"Rubik",Arial,Helvetica,sans-serif;color:var(--mine-shaft)}.leaflet-control-layers-selector:checked~span{background:var(--seashell)}.leaflet-control-layers-selector:focus~span{background:var(--alto)}.leaflet-control-attribution{z-index:0}