@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);@import url(https://unpkg.com/open-props);*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0;font-family:Lato,sans-serif;margin:0;padding:0;vertical-align:baseline}html{overflow:hidden}.App{background-image:url(/static/media/bg.bd59187a29badb40b4b2.jpg);background-position:50%;background-size:cover;height:100vh;width:100vw}.App .main-content-wrapper{display:flex;flex-direction:row;height:100%;justify-content:space-between;position:relative;width:100%}.App .main-content-wrapper .weather-panel-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.weather-panel{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1024px){.weather-panel{max-height:100vh;width:35rem}}.weather-panel_wrapper{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1024px){.weather-panel_wrapper{overflow-y:scroll;padding:3rem 0}.weather-panel_wrapper::-webkit-scrollbar{display:none}}.weather-panel_wrapper>div{bottom:15%;display:flex;flex-direction:row;gap:1.5rem;left:10rem}@media(max-width:1024px){.weather-panel_wrapper>div{flex-direction:column}}.weather-panel_wrapper>div>div{display:flex;flex-direction:column;gap:1.5rem}.current-weather-box{display:flex;flex-direction:row;justify-content:space-around;width:32rem}.current-weather-box_base-info{display:flex;flex-direction:column;justify-content:space-around;width:25rem}.current-weather-box_base-info>div:first-of-type{display:flex;flex-direction:row;gap:2em;justify-content:space-around}.current-weather-box_base-info_temperature{font-size:var(--font-size-7)}.current-weather-box_base-info_temperature>h1{display:inline}.current-weather-box_base-info_weather{align-items:center;display:flex;justify-content:center}.current-weather-box_base-info_location>.location{font-size:var(--font-size-5);margin-bottom:.5rem;overflow-wrap:break-word}.current-weather-box_details{display:flex;flex-direction:column;justify-content:space-around}.current-weather-box_details_label{font-size:var(--font-size-1);font-weight:300}.current-weather-box_details_wind>div{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center}.box-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(0,0,0,.3);border-radius:2rem;color:var(--gray-0);padding:1rem 1.5rem}.history-weather-box{height:100%;position:relative;width:32rem}.history-weather-box_title{font-size:var(--font-size-4);text-align:center}.history-weather-box_list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1.5rem;margin:.5rem 0;overflow-x:scroll}.history-weather-box_list::-webkit-scrollbar{display:none}.history-weather-box .weather-element{align-items:center;display:flex;flex-direction:column;min-width:4.5rem}.history-weather-box .weather-element_temperature{font-size:var(--font-size-4)}.history-weather-box .weather-element_day{font-size:var(--font-size-2)}.live-time{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around}.live-time_time{align-items:baseline}.live-time_time,.live-time_time>div{display:flex;flex-direction:row;gap:.5rem}.live-time_time>div{font-size:var(--font-size-6)}.live-time_time_seconds{font-size:var(--font-size-5)}.live-time_date{align-items:center;flex-direction:column;font-size:var(--font-size-3);justify-content:center;width:100%}.live-time_date,.live-time_date>div{display:flex;gap:.5rem}.live-time_date_day{display:flex}.live-time_date_day_suffix{font-size:var(--font-size-2)}.clock{border:.2rem solid #fff}.clock_hands{height:100%;position:relative;width:100%}.clock_hands>div{background-color:#fff;bottom:50%;left:50%;position:absolute;-webkit-transform-origin:bottom center;transform-origin:bottom center}.clock_hands_center{background-color:#fff;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.chart-box{height:100%;width:100%}.chart-box_title{font-size:var(--font-size-4);text-align:center}.chart-box .spinner{-webkit-animation:var(--animation-spin);animation:var(--animation-spin);margin:0 auto;-webkit-transform:scale(2);transform:scale(2)}.searchbar{width:100%}.searchbar_field-wrapper{position:relative}.searchbar_field-wrapper_input{background-color:rgba(0,0,0,.15);border-radius:2rem;box-shadow:var(--inner-shadow-4);color:#fff;height:2rem;padding:0 .6rem;width:100%}.searchbar_field-wrapper_input:focus-visible{outline:none}.searchbar_field-wrapper_search-items{display:flex;flex-direction:column;gap:.3rem;left:50%;padding-top:.2rem;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%}.searchbar_field-wrapper_search-items .search-item{align-items:center;background-color:rgba(0,0,0,.15);border-radius:5rem;cursor:pointer;display:flex;font-size:var(--font-size-0);padding:.4rem .9rem;transition:background-color .1s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.searchbar_field-wrapper_search-items .search-item:hover{background-color:rgba(26,26,26,.15)}.search-history{grid-row-end:3}.search-history_title{font-size:var(--font-size-3);margin-bottom:1rem;text-align:center}.search-history_list{bottom:0;display:flex;flex-direction:column;gap:.3rem;height:calc(100% - 3rem);overflow-y:scroll}.search-history_list::-webkit-scrollbar{display:none}.search-history .search-history-item{background-color:rgba(0,0,0,.15);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:.9rem;transition:background-color .1s ease-in-out}.search-history .search-history-item:hover{background-color:rgba(26,26,26,.15)}.sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(0,0,0,.3);color:var(--gray-0);height:100vh;min-width:25rem;position:relative;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}@media(max-width:1300px){.sidebar{align-items:center;display:flex;flex-direction:row;position:absolute;right:0;-webkit-transform:translateX(calc(100% - 3rem));transform:translateX(calc(100% - 3rem))}.sidebar.open{-webkit-transform:translateX(0);transform:translateX(0)}}.sidebar_wrapper{display:grid;grid-template-rows:15rem calc(100vh - 19rem);padding:2rem 1.5rem}@media(max-width:1300px){.sidebar_wrapper{width:100%}}.sidebar_opener{display:none}@media(max-width:1300px){.sidebar_opener{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;height:3rem;justify-content:center;-webkit-transform:rotate(0);transform:rotate(0);width:3rem}.sidebar_opener_icon{font-size:var(--font-size-4)}.sidebar_opener_icon.open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}
/*# sourceMappingURL=main.ff59440f.css.map*/