@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&display=swap);:root{--bg:#131214;--block-bg:#1d1c1f;--t-grey:#b5a1e5;--t-bej:#dddae5;--on-dark-bg:rgba(22,21,23,.3);--w-4:hsla(0,0%,100%,.4);--w-7:hsla(0,0%,100%,.7);--w-8:hsla(0,0%,100%,.8)}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}ul{list-style-type:none}.App{background-color:#131214;background-color:var(--bg);display:flex;justify-content:center}.content{display:flex;flex-direction:column;margin-inline:15px;min-height:100vh;text-align:center;width:1200px}.loading{-webkit-animation:loading .45s linear infinite;animation:loading .45s linear infinite;border:3px solid hsla(0,0%,100%,.7);border:3px solid var(--w-7);border-radius:100%;border-top:3px solid transparent;height:40px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:40px}.header-wrapper{margin-top:3%}.header-main{align-items:center;display:flex;justify-content:space-between}.header-logo{flex:0 1 auto;min-width:150px;width:15%}.header-logo img{width:100%}.header-search{-webkit-margin-end:10px;align-items:center;background-color:#1d1c1f;background-color:var(--block-bg);border-radius:10px;display:flex;height:40px;justify-content:center;margin-inline-end:10px;min-width:250px;position:relative;width:25%}.header-search:before{-webkit-animation:loading .45s linear infinite;animation:loading .45s linear infinite;border:3px solid hsla(0,0%,100%,.7);border:3px solid var(--w-7);border-radius:100%;border-top:3px solid transparent;content:"";display:none;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header-search-icon,.header-search:before{height:16px;width:16px}.header-search-view{background-color:#1d1c1f;background-color:var(--block-bg);border-radius:0 0 10px 10px;border-top:1px solid hsla(0,0%,100%,.4);border-top:1px solid var(--w-4);box-shadow:10px 10px 5px 0 rgba(0,0,0,.5);left:0;max-height:500px;overflow-y:auto;padding:10px 8px;position:absolute;top:34px;width:100%;z-index:5}.header-search-list{color:hsla(0,0%,100%,.7);color:var(--w-7);display:flex;flex-direction:column;gap:20px}.header-search-item{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:flex-start;transition:all .3s ease}.header-search-item:focus,.header-search-item:hover{color:#fff;outline:none}.header-search-item-img{height:16px;width:16px}.header-search-item-location{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;text-align:start}.header-search-item-clarification{font-size:12px}.header-search-button{background-color:#1d1c1f;background-color:var(--block-bg);border:none;border-radius:100%;cursor:pointer;display:none;height:40px;width:40px}.header-search.searching:before{display:block}.header-input{background-color:#1d1c1f;background-color:var(--block-bg);border:none;border-radius:20px;color:#dddae5;color:var(--t-bej);font-size:14px;height:30px;padding-inline:10px;width:90%}.header-input:focus{outline:none}.header-location{align-items:center;background-color:#b5a1e5;background-color:var(--t-grey);border:none;border-radius:20px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:3%;height:40px;justify-content:center;min-width:140px;transition:all .4s ease;width:13%}.header-location img{height:30px;width:30px}.header-location:focus,.header-location:hover{background-color:#bd73d3;outline:none}.header-location-text{-webkit-margin-end:5px;margin-inline-end:5px}@-webkit-keyframes loading{0%{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}to{-webkit-transform:translateY(-50%) rotate(1turn);transform:translateY(-50%) rotate(1turn)}}@keyframes loading{0%{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}to{-webkit-transform:translateY(-50%) rotate(1turn);transform:translateY(-50%) rotate(1turn)}}.main-wrapper{flex:1 1 auto;margin-top:5%;position:relative}.main-main{grid-gap:35px;display:grid;gap:35px;grid-template-columns:1fr 2fr 1fr;grid-template-rows:300px 200px}.block{background-color:#1d1c1f;background-color:var(--block-bg);border-radius:25px;padding:15px}.hourly-forecast{color:hsla(0,0%,100%,.7);color:var(--w-7);grid-row:1/3}.hourly-forecast-title{font-size:12px}.hourly-forecast-items{display:flex;flex-direction:column;gap:15px;margin-top:15px}.hourly-forecast-item{align-items:center;background-color:rgba(22,21,23,.3);background-color:var(--on-dark-bg);border-radius:10px;display:flex;font-size:16px;justify-content:space-around;padding-block:3px}.hourly-forecast-time{width:60px}.hourly-forecast-img{height:40px;width:40px}.main-info{color:hsla(0,0%,100%,.7);color:var(--w-7);display:flex;flex-direction:column;gap:12px;grid-row:1/2}.current-details,.current-location,.current-weather{align-items:center;display:flex;justify-content:center}.current-location{gap:10px}.current-location-icon{height:30px;width:30px}.current-weather{flex:1 1 auto;gap:11%;margin-top:15px}.current-weather-icon{height:80px;width:80px}.current-weather-temperature{color:#fff;font-size:50px;font-weight:700}.current-weather-main,.current-weather-max,.current-weather-min{align-items:center;display:flex}.current-weather-max img,.current-weather-min img{height:24px;width:24px}.current-weather-main{gap:8px}.current-details{flex-direction:column;gap:8px}.current-details-description{color:#fff;font-size:30px}.current-details-feels,.current-sun{font-size:12px}.current-sun{display:flex;justify-content:space-between}.current-sun-rise,.current-sun-set{align-items:center;display:flex}.current-sun-rise img,.current-sun-set img{height:24px;width:24px}.highlights{color:#dddae5;color:var(--t-bej);display:flex;flex-direction:column;grid-row:1/3}.highlights-title{font-size:12px}.highlights-items{grid-gap:10px;display:grid;flex:1 1 auto;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;margin-top:10px}.highlights-item{align-items:center;background-color:rgba(22,21,23,.3);background-color:var(--on-dark-bg);border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:10px 0}.highlights-item-name{font-size:14px}.highlights-item-img{flex:1 1 auto;height:40px;width:40px}.highlights-item-value{font-size:20px;font-weight:700}.daily-forecast{color:hsla(0,0%,100%,.7);color:var(--w-7);display:flex;flex-direction:column;gap:10px;grid-column:2/3;grid-row:2/3}.daily-forecast-title{font-size:12px}.daily-forecast-items{display:flex;flex:1 1 auto;gap:4%;justify-content:center;overflow-x:auto}.daily-forecast-item{align-items:center;background-color:#1d1c1f;background-color:var(--block-bg);border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;min-width:110px;padding:20px 5px;width:13.5%}.daily-forecast-img{height:60px;width:60px}.daily-forecast-date{font-size:14px}.daily-forecast-temp{font-size:20px}.footer-wrapper{color:hsla(0,0%,100%,.4);color:var(--w-4);font-size:10px;padding-top:15px;text-align:center}.modal{align-items:flex-start;background-color:#131214;background-color:var(--bg);display:flex;height:100vh;justify-content:center;left:0;opacity:0;padding:30px 5px;pointer-events:none;position:fixed;top:0;transition:all .4s ease;width:100vw}.modal-content{gap:10px;-webkit-transform:scale(.5);transform:scale(.5);transition:all .4s}.modal-close,.modal-content{align-items:center;display:flex}.modal-close{background-color:#1d1c1f;background-color:var(--block-bg);border:none;border-radius:100%;cursor:pointer;height:30px;justify-content:center;width:30px}.modal-close img{height:60%;width:60%}.modal.active{opacity:1;pointer-events:all}.modal-content.active{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:1199.8px){.daily-forecast-item{min-width:96px}}@media(max-width:991.8px){.block{padding:5px}.main-main{gap:20px;grid-template-columns:1fr minmax(250px,2fr) 1fr}.current-location-name{font-size:25px}.current-date-time{font-size:12px}.current-weather{gap:4%}.current-weather-icon{height:45px;width:45px}.current-weather-temperature{font-size:45px}.current-details-description{font-size:25px}.highlights-item-name{font-size:13px}.highlights-item-value{font-size:16px}.daily-forecast-items{gap:3%;justify-content:flex-start}.daily-forecast-item{min-width:102px}}@media(max-width:767.8px){.content{width:400px}.block{padding:10px}.header-logo{min-width:100px}.header-search{min-width:220px}.header-location{min-width:0;min-width:auto;width:40px}.header-location img{height:25px;width:25px}.header-location-text{display:none}.main-main{display:grid;grid-auto-rows:minmax(100px,auto);grid-template-columns:400px;grid-template-rows:minmax(100px,auto)}.main-info{grid-row:1/2}.hourly-forecast{grid-row:2/3}.hourly-forecast-items{padding-inline:10%}.highlights{grid-row:3/4}.highlights-item{gap:15px}.daily-forecast{grid-column:1/2;grid-row:4/5}.daily-forecast-items{gap:1%;justify-content:flex-start}.daily-forecast-item{gap:15px;min-width:96px}}@media(max-width:425.8px){.content{width:300px}.header-search{display:none}.header-search-button{align-items:center;display:flex;justify-content:center;-webkit-transform:translateX(100%);transform:translateX(100%)}.main-main{grid-template-columns:300px}.current-weather-max,.current-weather-min{font-size:12px}.current-weather-max img,.current-weather-min img{height:16px;width:16px}.daily-forecast-item{min-width:97px}}
/*# sourceMappingURL=main.e587372d.css.map*/