@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700;900&display=swap);:root{--white:#fff;--dark-grey:#48484a;--grey:#acacac;--light-grey:#f1f1f1;--smoke-grey:#d3d3d3;--wind-grey:#e6e6e6;--night-mode-main:#100e1c;--night-mode-rest:#212331;--night-mode-circle:#ec6e4d;--night-mode-support-elements:#6d6d6d;--font-family-rubik:"Rubik",sans-serif;--font-weight-black:900;--font-weight-bold:700;--font-weight-medium:500;--font-weight-normal:400;--font-size-very-small:0.9em;--font-size-small:1em;--font-size-medium:1.1em;--font-size-x-medium:1.2em;--font-size-xx-medium:1.3em;--font-size-large:1.5em;--font-size-x-large:2em;--font-size-xx-large:2.5rem;--font-size-xxx-large:4rem;--border-radius:10px;--border-radius-round:20px;--sidebar-width:460px;--sidebar-mobile-height:667px;--sidebar-height:720px;--search-input-width:250px;--forecast-width:980px;--today-card-height:181px}body{font-family:var(--font-family-rubik);font-style:normal;margin:0;padding:0}.weather-app{display:flex;height:100svh}.sidebar{display:flex;justify-content:center;position:-webkit-sticky;position:sticky;top:0;transition:all .5s ease;width:30%}.sidebar-buttons{align-items:center;display:flex;flex-direction:row;justify-content:space-between;position:absolute;top:2em;width:85%}.sidebar-button{background:transparent;border:2px solid var(--grey);border-radius:var(--border-radius);color:var(--dark-grey);cursor:pointer;font-family:var(--font-family-rubik);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:1em;padding:1em 2em;text-align:center;z-index:1}.sidebar-night-mode-button{align-items:center;background:transparent;border:2px solid var(--grey);border-radius:var(--border-radius-round);cursor:pointer;display:flex;height:32px;width:64px}.night-mode-icon{-webkit-filter:brightness(.5) invert(1);filter:brightness(.5) invert(1)}.night-mode-circle{align-items:center;background-color:var(--dark-grey);border-radius:var(--border-radius-round);display:flex;height:20px;justify-content:center;transition:all .5s ease;width:20px}.sidebar-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-end;padding-bottom:2em;position:relative;width:100%}.sidebar-weather-icons{align-items:center;bottom:45%;display:flex;justify-content:center;position:absolute}.weather-background{-webkit-filter:invert(1) brightness(2);filter:invert(1) brightness(2);height:100%;object-fit:contain;width:100%}.small-weather-icon{height:200px;object-fit:contain;position:absolute;width:200px;z-index:1}.sidebar-content{align-items:center;display:flex;flex-direction:column;width:100%}.sidebar-temperature{align-items:baseline;color:var(--dark-grey);display:flex;flex-direction:row;justify-content:center;text-align:center;z-index:1}.temperature-number{font-size:6rem;font-weight:var(--font-weight-black);letter-spacing:normal;line-height:7rem;z-index:1}.temperature-unit{font-size:3.5rem;line-height:2.5em;padding-left:.3em}.sidebar-weather,.temperature-unit{font-weight:var(--font-weight-bold)}.sidebar-weather{color:var(--dark-grey);font-size:var(--font-size-x-large);text-align:center}.sidebar-weather-description{color:var(--grey);font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);margin-top:1em}.sidebar-today-info{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:4.5em;width:100%}.sidebar-location,.sidebar-today,.sidebar-today-date{color:var(--grey);font-size:var(--font-size-medium);font-weight:var(--font-weight-normal)}.sidebar-map-icon-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:3em;width:100%}.map-icon{height:34px;margin-right:.5em;width:24px}.search-sidebar{background:var(--white);height:100%;position:absolute;-webkit-transform:translate(-200%);transform:translate(-200%);transition:all .5s ease;width:100%;z-index:3}.search-sidebar-container{display:flex;flex-direction:column;padding:2em}.search-sidebar.active{-webkit-transform:translate(0);transform:translate(0);transition:all .5s ease}.search-sidebar-error{align-self:flex-start;color:var(--dark-grey);font-family:var(--font-family-rubik);font-weight:var(--font-weight-bold);margin-top:4em;transition:all .5s ease}.search-sidebar-content{align-items:center;display:flex;flex-direction:row;gap:1em;justify-content:space-between;margin-top:1em}.search-cross-container{align-self:flex-end;background:transparent;border:0;margin:0;padding:0}.search-sidebar-cross{align-self:flex-end;cursor:pointer;height:26px;width:26px}.search-input{background:url(/static/media/loupe.7ff7f6afbd64cf204206.svg) 0 no-repeat;background-position:1em;background-size:18px 18px;border:2px solid var(--grey);border-radius:var(--border-radius);color:var(--dark-grey);flex-grow:1;font-family:var(--font-family-rubik);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);height:3em;padding-left:3em;width:100%}label{display:flex;flex-grow:1}.search-sidebar-history{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:.5em;margin-top:1em;position:relative;word-break:break-all}.history-location{background-color:initial;border:none;border-radius:var(--border-radius);box-sizing:border-box;cursor:pointer;font-family:var(--font-family-rubik);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);height:70px;-webkit-hyphens:auto;hyphens:auto;padding-left:2em;text-align:start;transition:background-color .5s ease;width:100%;word-break:break-word}.active-button,.history-location:hover{background-color:var(--wind-grey);background-image:url(/static/media/history-arrow.05349ac3c3cd41d823f9.svg);background-position:calc(100% - 2em);background-repeat:no-repeat;padding-right:4em;transition:background-color .5s ease}::-webkit-search-cancel-button{-webkit-appearance:none;background-image:url(/static/media/search-input-cross.75d33237febe017198df.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;cursor:pointer;height:12px;-webkit-transition:all .5s ease;transition:all .5s ease;width:12px}.search-input::-webkit-search-cancel-button{margin-right:1em;padding-left:1em}.find-button{background:#fff;border:2px solid var(--grey);border-radius:var(--border-radius);color:var(--dark-grey);cursor:pointer;font-family:var(--font-family-rubik);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);height:3em;width:6rem}.find-button[disabled]{cursor:auto}.forecast-weather-panel{align-items:start;background-color:var(--light-grey);color:var(--dark-grey);display:grid;overflow:auto;transition:all .5s ease;width:75%}.forecast-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.forecast-navigation{align-items:baseline;color:var(--dark-grey);display:flex;font-weight:var(--font-weight-bold);gap:1.3em;margin-left:-22rem;margin-top:2.5em;transition:all .5s ease}.forecast-navigation .active{border-bottom:.2em solid var(--dark-grey);color:var(--dark-grey);padding-bottom:.3em}.forecast-navigation~.hide{display:none}.non-active{color:var(--grey);transition:all .5s ease-in}.forecast-today{font-weight:var(--font-weight-bold)}.navigation-main{font-size:var(--font-size-large)}.navigation-hourly,.navigation-weekly{background:transparent;border:0;cursor:pointer;font-family:var(--font-family-rubik);font-size:var(--font-size-xx-medium);font-style:normal;font-weight:var(--font-weight-bold);margin:0;padding:0}.forecast-weather-cards-hourly,.forecast-weather-cards-weekly{align-items:center;display:flex;gap:1.2em;margin-top:2em}.arrow{border-radius:var(--border-radius-round);-webkit-filter:invert(1)brightness(1);filter:invert(1)brightness(1);height:16px;width:13px}.blocked{-webkit-filter:invert(1)brightness(2);filter:invert(1)brightness(2)}.blocked,.weather-card{transition:all .5s ease}.weather-card{align-items:center;background:var(--white);border-radius:var(--border-radius);display:flex;flex-direction:column;height:7em;justify-content:center;padding-bottom:1em;padding-top:1em;text-align:center;width:6.5em}.visible{display:block}.hidden{display:none}.weather-card-icon-container{display:flex;height:75px}.weather-card-icon{align-self:center;height:100px;width:100px}.weather-card-temperature{display:flex;flex-direction:row;gap:1em;justify-content:center}.weather-card-text{font-size:var(--font-size-very-small)}.night-temperature{color:var(--smoke-grey)}.forecast-today{font-size:1.5em;margin-left:-19.2em;margin-top:2em}.forecast-today-cards{grid-gap:18px 80px;display:grid;grid-template-columns:repeat(2,320px);grid-template-rows:repeat(2,181px);margin-top:2em}.today-card{align-items:center;background:var(--white);border-radius:8px;color:var(--dark-grey);display:flex;flex-direction:column;gap:1.2em;justify-content:center;min-height:var(--today-card-height)}.today-card-heading{font-size:var(--font-size-x-medium)}.today-card-content{align-items:baseline;display:flex;flex-direction:row;gap:.7em;justify-content:center}.today-card-humidity,.today-card-wind{gap:.1em}.humidity-container{display:flex;flex-direction:column;font-size:12px;gap:.2em}.humidity-numbers{display:flex;justify-content:space-between}.humidity-scale{background-color:var(--smoke-grey);border-radius:var(--border-radius);height:11px;position:relative;width:270px}.humidity-scale-overlay{background-color:var(--night-mode-circle);border-radius:var(--border-radius);height:100%;left:0;position:absolute;top:0;width:80%}.humidity-percent{align-self:flex-end}.today-card-circle{flex-direction:row;gap:.5em;padding-left:1em}.circle,.today-card-circle{align-items:center;display:flex;justify-content:center}.circle{background-color:var(--dark-grey);border:none;border-radius:var(--border-radius-round);cursor:pointer;height:38px;transition:all .5s ease;width:38px}.wind-direction{height:23px;width:23px}.circle-for-arrow{background-color:var(--white);transition:all .5s ease}.arrow-left{margin-right:1px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.arrow-right{margin-left:1px}.direction-arrow{cursor:inherit;margin-top:2px}.circle-direction{font-size:var(--font-size-x-medium)}.content{font-size:var(--font-size-xxx-large);font-weight:var(--font-weight-black)}.sup,.sup-pressure{font-size:var(--font-size-xx-large);font-weight:var(--font-weight-medium)}.sup-pressure{font-size:var(--font-size-large)}.loading-today-section{margin-bottom:3.5em;margin-top:3.5em}.night-on .weather-background{-webkit-filter:initial;filter:none}.night-on .night-mode-icon{-webkit-filter:brightness(100) invert(1);filter:brightness(100) invert(1)}.night-on .night-mode-circle{background-color:var(--night-mode-circle);-webkit-transform:translateX(28px);transform:translateX(28px);transition:all .5s ease}.night-on .search-sidebar-cross{-webkit-filter:brightness(.5) invert(1);filter:brightness(.5) invert(1)}.night-on ::-webkit-search-cancel-button{-webkit-appearance:none;-webkit-filter:brightness(.5) invert(1);filter:brightness(.5) invert(1)}.night-on .forecast-weather-panel{background-color:var(--night-mode-main);transition:all .5s ease}.night-on .circle-for-arrow,.night-on .find-button,.night-on .search-sidebar,.night-on .sidebar,.night-on .today-card,.night-on .weather-card{background-color:var(--night-mode-rest);transition:all .5s ease}.night-on .lds-ellipsis div{background:var(--wind-grey)}.night-on .search-input::-webkit-input-placeholder{color:var(--wind-grey);-webkit-transition:all .5s ease;transition:all .5s ease}.night-on .find-button,.night-on .forecast-navigation,.night-on .forecast-today,.night-on .humidity-scale,.night-on .navigation-main,.night-on .search-input,.night-on .search-input::placeholder,.night-on .search-sidebar,.night-on .search-sidebar-error,.night-on .sidebar,.night-on .sidebar-button,.night-on .sidebar-night-mode-button,.night-on .sidebar-temperature,.night-on .sidebar-weather,.night-on .today-card,.night-on .weather-card{color:var(--wind-grey);transition:all .5s ease}.night-on .active-button,.night-on .history-location:hover{background-color:var(--night-mode-main)}.night-on .history-location{color:var(--wind-grey)}.night-on .navigation-hourly,.night-on .navigation-weekly{color:var(--wind-grey);transition:background-color .5s ease}.night-on .forecast-navigation .active{border-color:var(--wind-grey)}.night-on .forecast-navigation .non-active,.night-on .night-temperature{color:var(--night-mode-support-elements);transition:all .5s ease}.night-on .arrow{-webkit-filter:invert(1)brightness(2);filter:invert(1)brightness(2)}.night-on .blocked{-webkit-filter:invert(1)brightness(1);filter:invert(1)brightness(1);transition:all .5s ease}@media (max-width:833px){.weather-app{flex-direction:column}}@media (min-width:834px) and (max-width:1070px) and (max-height:1055px){.weather-app{height:auto}.search-sidebar-error{margin-top:1.5em}}@media (min-width:2000px) and (max-width:2499px){.sidebar-weather-icons{bottom:40%}}@media (min-width:2500px){.sidebar-weather-icons{bottom:35%}}@media (max-width:1439px){.sidebar{width:40%}}@media (min-width:1330px){.sidebar-weather-icons{width:100%}}@media (min-width:834px) and (max-width:1515px){.sidebar-button{left:auto;top:2em}}@media (min-width:834px) and (max-width:1070px){.sidebar{height:100dvh}.search-sidebar-content{flex-direction:column}.search-sidebar-error{align-self:center}}@media (max-width:1000px){.sidebar-button{padding:1em}}@media (max-width:930px){.search-input{flex-grow:0;width:100%}}@media (max-width:833px){.sidebar-weather-icons{bottom:45%;width:100%}.sidebar{min-height:100svh}.search-sidebar,.sidebar{width:100%}.sidebar-content{margin-top:2em}.small-weather-icon{margin-bottom:-.5em}.sidebar-map-icon-container,.sidebar-today-info{margin-top:2em}}@media (min-width:540px) and (max-height:730px){.sidebar-weather-icons{bottom:33%}}@media (min-width:1000px) and (max-height:730px){.sidebar-weather-icons{bottom:42%}.sidebar-map-icon-container{margin-top:1em}.sidebar-today-info{margin-top:2em}}@media (max-width:839px) and (min-height:1100px) and (max-height:1200px){.sidebar-weather-icons{bottom:45%}}@media (max-width:839px) and (min-height:1000px) and (max-height:1190px){.sidebar-weather-icons{bottom:35%}}@media (max-width:839px) and (max-height:645px){.search-sidebar.active{overflow:auto}}@media (min-width:834px) and (max-width:999px) and (max-height:731px){.sidebar{height:auto}}@media (max-width:400px){.sidebar-button{left:auto;top:2em}}@media (max-width:375px){.search-sidebar-error{margin-top:1.5em;text-align:center}.sidebar-long-location{font-size:1em}}@media (max-width:325px){.search-sidebar-content{flex-direction:column}}@media (max-width:300px){.sidebar-weather-icons{bottom:55%}.sidebar-long-location{font-size:.8em}.search-sidebar-history{margin-top:.5em}.humidity-scale{-webkit-transform:scale(.9);transform:scale(.9)}.humidity-numbers{gap:8em;justify-content:center}.humidity-percent{margin-right:1.5em}}@media (max-width:1350px) and (max-width:1000px){.forecast-navigation{margin-left:-15.5rem}.forecast-today{margin-left:0}.forecast-today-cards{grid-template-columns:repeat(1,320px);grid-template-rows:repeat(2,181px)}}@media (max-width:1360px){.forecast-navigation{margin-left:-14rem}.forecast-today{margin-left:-14em}.forecast-today-cards{grid-gap:18px 35px;grid-template-columns:repeat(2,282px)}.humidity-container{-webkit-transform:scale(.9);transform:scale(.9)}}@media (max-width:1200px){.forecast-navigation{margin-left:2%}.forecast-today{margin-left:0}.forecast-today-cards{grid-template-columns:repeat(1,320px);grid-template-rows:repeat(2,180px)}.humidity-container{-webkit-transform:none;transform:none}}@media (max-width:1000px) and (max-height:1130px){.forecast-today,.forecast-today-cards,.forecast-weather-cards-hourly,.forecast-weather-cards-weekly{margin-top:1em}}@media (max-height:770px) and (min-width:1000px){.forecast-today,.forecast-today-cards,.forecast-weather-cards-hourly,.forecast-weather-cards-weekly{margin-top:1em}}@media (max-width:833px){.forecast-weather-panel{justify-self:center;overflow:visible;overflow:initial;padding-bottom:2em;width:100%}.forecast-weather-cards-hourly,.forecast-weather-cards-weekly{grid-gap:2em 3em;display:grid;grid-template-columns:repeat(2,1fr)}.weather-card-rest{display:flex}.circle-for-arrow{display:none}.forecast-navigation{grid-gap:2em 2.5em;display:grid;justify-items:center;margin-bottom:1em;margin-left:0}.navigation-main{left:3em;position:relative}.navigation-hourly,.navigation-weekly{grid-row:2/span 1}.forecast-today-cards{grid-template-columns:repeat(1,320px)}.forecast-today{margin-bottom:1em;margin-left:0;margin-top:2em}}@media(max-width:500px){.forecast-weather-cards-hourly,.forecast-weather-cards-weekly{grid-template-columns:repeat(2,1fr)}}@media (max-width:335px){.forecast-today-cards{grid-template-columns:repeat(1,265px)}.forecast-navigation{grid-gap:2em 1.5em}.forecast-weather-cards-hourly,.forecast-weather-cards-weekly{grid-gap:2em 2em}}.lds-ellipsis{display:inline-block;height:80px;position:relative;width:80px}.lds-ellipsis div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:var(--dark-grey);border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.lds-ellipsis div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:56px}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}
/*# sourceMappingURL=main.41fc42f2.css.map*/