.loader{-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite;background-image:url(/weather-box/static/media/loader.9bc042eac3bb6ea41f22.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:24px;width:24px}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.weather-item{background-color:#000715;border-radius:24px;box-shadow:4px 14px 20px rgba(0,7,21,.5);color:#fff;margin-bottom:15px;overflow:hidden;padding:30px;position:relative;width:calc(33.33333% - 10px)}.weather-item:after{background-image:linear-gradient(0deg,#000715 10%,rgba(0,7,21,.2));content:""}.weather-item:after,.weather-item__background-image-wrap{height:110%;width:110%}.weather-item:after,.weather-item__background-image-wrap,.weather-item__background-image-wrap .loader{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.weather-item__background-image{height:100%;object-fit:cover;width:100%}.weather-item__general-info{align-items:center;display:flex;justify-content:flex-start;margin-bottom:80px;position:relative;z-index:1}.weather-item__forecast-temp{font-size:80px;font-weight:600}.weather-item__forecast-temp-unit{font-size:50px}.weather-item__description{display:block;font-size:24px;font-weight:600}.weather-item__city{font-size:24px;font-weight:600;position:relative;z-index:1}.weather-item__country{display:block;margin-left:6px}.weather-item__icon-wrap{flex:none;height:80px;margin-right:20px;width:80px}@media(max-width:1024px){.weather-item{width:100%}}.weather-list{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,7,21,.7);height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.modal__content{background-color:#fff;border-radius:24px;left:50%;max-width:400px;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.modal__inner{margin-top:20px}.modal__title{color:#000715;font-size:24px;font-weight:600}.modal__body{position:relative}.modal__close-button{background:none;background-image:url(/weather-box/static/media/close-icon.fcee27aac20a1a714a75.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;cursor:pointer;height:24px;outline:0;position:absolute;right:0;top:0;width:24px}.current-city-search-results{align-items:center;background-color:#fff;border-radius:14px;box-shadow:4px 14px 20px rgba(0,7,21,.5);display:flex;flex-direction:column;justify-content:flex-start;left:0;max-height:140px;min-height:60px;overflow:auto;padding:10px;position:absolute;text-align:center;top:calc(100% + 10px);width:100%}.current-city-search-results__button{background:none;background-color:rgba(255,196,0,.2);border:0;color:#de852c;cursor:pointer;display:block;font-size:14px;font-weight:600;outline:0;padding:10px;width:100%}.current-city-search-results__button:not(:last-child){margin-bottom:6px}.current-city-search-results__text{color:#000715}.current-city-search{position:relative}.current-city-search__input{border:2px solid #de852c;border-radius:8px;outline:0;padding:10px 12px;width:100%}.current-forecast{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;width:100%}.current-forecast:after{background-color:rgba(0,7,21,.5);content:""}.current-forecast:after,.current-forecast__background-image-wrap{height:100%;width:100%}.current-forecast:after,.current-forecast__background-image-wrap,.current-forecast__background-image-wrap .loader{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.current-forecast__background-image{height:100%;object-fit:cover;width:100%}.current-forecast__info-wrap{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:80px}.current-forecast__country{color:#de852c;font-size:80px}.current-forecast__city{font-family:Staatliches,sans-serif;font-size:120px;margin:40px 0;word-break:break-all}.current-forecast__button{background:none;background-image:linear-gradient(270deg,#ffc400,#e15e00);border:0;border-radius:30px;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:600;max-width:280px;outline:0;padding:20px 40px;position:relative;width:100%}.current-forecast__sun-time{display:flex}.current-forecast__sun-time:not(:last-child){margin-right:10px}.current-forecast__general{background-color:#fff;border-radius:30px;margin-right:60px;max-width:424px;padding:30px;width:100%}.current-forecast__general .current-forecast-general-info__info-wrap{color:#000715;padding-bottom:0;position:relative;z-index:2}.current-forecast__general .current-forecast-general-info__forecast-temp-wrap{display:block}.current-forecast__general .current-forecast-general-info__forecast-temp{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#e15e00,#ffc400);-webkit-background-clip:text;color:#de852c;font-size:80px;text-shadow:4px 14px 20px rgba(255,196,0,.5)}.current-forecast__general .current-forecast-general-info__icon-wrap{height:120px;margin-right:20px;width:120px}.current-forecast__general .current-forecast-general-info__forecast-temp-unit{font-size:50px}.current-forecast__general .current-forecast-general-info__description{color:#de852c;font-size:28px}.current-forecast__general .current-forecast-details-items{color:#000715}.current-forecast__general .current-forecast-details-items:not(:last-of-type){margin-bottom:10px}.current-forecast__general .current-forecast-details-items__icon{background-color:#de852c}.current-forecast__general .current-forecast-details-items__value{font-size:16px}.current-forecast__general .current-forecast-details-items__text{font-size:16px;font-weight:600;text-transform:uppercase}.current-forecast__container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.current-forecast__date{border-bottom:2px solid #de852c;font-size:24px;font-weight:600;padding-bottom:6px}.current-forecast__forecast-wrap{margin-bottom:-15px;width:100%}.current-forecast__forecast{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:center;margin-top:auto}.current-forecast__three-hour-forecast{align-items:center;display:flex;justify-content:flex-start}@media(max-width:1024px){.current-forecast__info-wrap{flex-wrap:wrap;gap:80px;justify-content:center}.current-forecast__date{text-align:center}.current-forecast__button{margin-left:auto;margin-right:auto}.current-forecast__general{margin-right:0}.current-forecast__city{font-size:80px}}.current-five-days-forecast-item{display:flex;flex-direction:column;min-width:208px;position:relative;width:calc(20% - 12px)}.current-five-days-forecast-item:not(:last-child){margin-right:15px}.current-five-days-forecast-item__info-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,7,21,.4);border-radius:24px;color:#fff;display:flex;flex-direction:column;margin-bottom:15px;padding:20px}.current-five-days-forecast-item__info-wrap--night .current-forecast-general-info__label{background-image:linear-gradient(90deg,#0084a2,#00be69)}.current-five-days-forecast-item__date{font-size:24px;font-weight:600;margin-bottom:20px}@media(max-width:1280px){.current-five-days-forecast-item{width:calc(30% - 12px)}}@media(max-width:1024px){.current-five-days-forecast-item{width:100%}.current-five-days-forecast-item:not(:last-child){margin-right:0}}.current-forecast-details-items{align-items:center;display:flex;justify-content:flex-start}.current-forecast-details-items:not(:last-of-type){margin-bottom:6px}.current-forecast-details-items__text-wrap{align-items:center;display:flex;justify-content:space-between;width:100%}.current-forecast-details-items__value{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:flex-start}.current-forecast-details-items__icon{background-color:#fff;height:20px;margin-right:6px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:20px}.current-forecast-details-items__icon--humidity{-webkit-mask-image:url(/weather-box/static/media/drop-icon.c29bb4f15ca9976fdbe4.svg);mask-image:url(/weather-box/static/media/drop-icon.c29bb4f15ca9976fdbe4.svg)}.current-forecast-details-items__icon--pressure{-webkit-mask-image:url(/weather-box/static/media/pressure-icon.e25d53b4e8f15faed3d5.svg);mask-image:url(/weather-box/static/media/pressure-icon.e25d53b4e8f15faed3d5.svg)}.current-forecast-details-items__icon--windSpeed{-webkit-mask-image:url(/weather-box/static/media/wind-icon.ae902e2852787dc3e3db.svg);mask-image:url(/weather-box/static/media/wind-icon.ae902e2852787dc3e3db.svg)}.current-forecast-details-items__icon--airQuality{-webkit-mask-image:url(/weather-box/static/media/leaves-icon.7983f94f0fa03f7a583c.svg);mask-image:url(/weather-box/static/media/leaves-icon.7983f94f0fa03f7a583c.svg)}.current-forecast-details-items__text{font-size:14px;font-weight:300}.current-forecast-details-items__unit{font-weight:300;margin-left:4px}.current-forecast-general-info__label{background-image:linear-gradient(90deg,#e15e00,#ffc400);border-radius:14px;font-size:14px;font-weight:600;margin-left:auto;padding:4px 8px}.current-forecast-general-info__info{width:100%}.current-forecast-general-info__info-wrap{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px;padding-bottom:10px;width:100%}.current-forecast-general-info__forecast-temp-wrap{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.current-forecast-general-info__forecast-temp{font-size:24px;font-weight:600}.current-forecast-general-info__forecast-temp-unit{font-size:18px}.current-forecast-general-info__description{font-size:16px;font-weight:600}.current-forecast-general-info__icon-wrap{flex:none;height:80px;margin-right:10px;width:80px}.current-forecast-general-info__sun-time-wrap{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:25px}.current-forecast-general-info__sun-time{background-color:rgba(255,196,0,.1);border-radius:14px;color:#de852c;margin-top:20px;padding:10px 14px;text-align:center;width:100%}.current-forecast-general-info__sun-time:not(:last-child){margin-right:10px}.current-forecast-general-info__sun-time--sunset{background-color:rgba(0,190,168,.1);color:#00bea8}.current-three-hours-forecast-item{align-items:center;background-color:rgba(255,196,0,.1);border-radius:14px;color:#de852c;display:flex;flex-direction:column;font-size:14px;margin-top:15px;padding:10px 6px;width:42px}.current-three-hours-forecast-item:not(:last-child){margin-right:4px}.current-three-hours-forecast-item__date{border-bottom:2px solid #de852c;color:#000715;font-size:12px;margin-bottom:6px;padding-bottom:6px;text-align:center}.current-three-hours-forecast-item__temp{font-size:16px;font-weight:600}.current-three-hours-forecast-item__temp-unit{font-size:10px}.geolocation-message{background-color:#e15e00;color:#fff;font-size:14px;font-weight:600;left:0;padding:10px;position:fixed;text-align:center;top:0;width:100vw;z-index:100}body,html{margin:0;padding:0}body{background-color:#000715;font-family:Urbanist,sans-serif}*{box-sizing:border-box}h1,h2{font-weight:400;margin:0}.modal-open{overflow:hidden}.app{color:#fff;line-height:1}.app__current-city-weather{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:100vh}.container{margin:0 auto;max-width:1280px;padding:80px 20px;width:100%}.weather-icon{height:40px;width:40px}
/*# sourceMappingURL=main.49441498.css.map*/