.app-header{background-color:var(--color-white);display:flex;justify-content:center;padding:var(--page-padding);position:relative;align-items:center}@media screen and (max-width: 820px){.app-header{flex-direction:column;gap:12px}}.app-header__brand{width:calc(100% - 36px);height:100%;position:absolute;top:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 var(--page-padding)}@media screen and (max-width: 820px){.app-header__brand{position:relative;width:100%}}.app-header__brand__logo{display:flex;align-items:center;gap:8px;color:var(--color-black)}.app-header__brand__logo img{height:2.4rem}.app-header__brand__logo span{position:relative;top:2px}.app-header__location{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-black);position:relative;width:var(--main-width);max-width:var(--main-max-width)}@media screen and (max-width: 820px){.app-header__location{width:100%;max-width:none}}.app-header__location__icon{height:1.6rem}.app-header__location__icon.location{position:absolute;left:-1.8rem;top:4px}@media screen and (max-width: 820px){.app-header__location__icon.location{display:none}}.app-header__location__text{border:0;outline:0;padding:8px 8px 4px 4px;font-size:1rem}.loading{height:100%;width:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;position:absolute;background-color:#00000014;border-radius:var(--border-radius)}.loading .loader{width:60px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #000 90%, #0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.weather{position:relative}.weather__status{display:flex;justify-content:center;align-items:center;gap:1rem}.weather__status__condition{height:120px}.weather__status__temperature__detail{font-size:2.5rem;line-height:1;position:relative}.weather__status__temperature__detail:before{content:"o";position:absolute;font-size:1.6rem;top:-2px;left:3rem}.weather__status__temperature__detail:after{content:"C";position:absolute;margin-left:1.4rem}.weather__status__temperature__description{font-size:1.2rem;text-transform:capitalize}@media screen and (max-width: 400px){.weather__status__temperature__description{font-size:1rem}}.weather__more{display:flex;align-items:center;justify-content:space-between;padding:0 12px;text-align:center}.weather__more__info__label{color:var(--color-gray)}.weather__more__info__detail{font-weight:600}.weather__more__info__detail:after{font-size:.8rem;margin-left:4px;position:relative;top:-1px}.weather__more__info__detail.humidity:after{content:"%"}.weather__more__info__detail.wind:after{content:"m/s"}.weather__more__info__detail.visibility:after{content:"km"}.forecast{font-size:14px;max-height:52vh;overflow:auto;position:relative}@media screen and (max-width: 575px){.forecast{max-height:46vh}}.forecast::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px var(--color-white);border-radius:2.4rem;background-color:var(--color-white)}.forecast::-webkit-scrollbar{width:.4rem;height:.4rem;background-color:#d4d4d4}.forecast::-webkit-scrollbar-thumb{background-color:#d4d4d4;border-radius:2.4rem;border:2px solid #d4d4d4}.forecast-item:not(:last-child){margin-bottom:2rem}.forecast-item__date{color:gray;margin-bottom:4px}.forecast-item__content{width:100%}.forecast-item__content-item{display:flex;width:100%;align-items:center;gap:10px}.forecast-item__content-item__time{font-weight:600}.forecast-item__content-item__status{display:flex;justify-content:space-between;align-items:center;width:100%}@media screen and (max-width: 400px){.forecast-item__content-item__status{flex-direction:column;align-items:flex-end}}.forecast-item__content-item__status-overview{display:flex;align-items:center}.forecast-item__content-item__status-overview__condition{height:3rem}.forecast-item__content-item__status-overview__temperature{color:var(--color-gray);display:flex;gap:4px;position:relative;margin-right:2rem}.forecast-item__content-item__status-overview__temperature:before{content:"o";position:absolute;right:-.6rem;top:-3px;font-size:.8rem}.forecast-item__content-item__status-overview__temperature:after{content:"C";position:absolute;right:-1.5rem}.forecast-item__content-item__status-description{font-weight:600}.history-search__input{display:flex;gap:1rem}.history-search__error{color:var(--color-danger);margin-top:6px}.history-list__content{display:flex;flex-direction:column;gap:2rem;padding:24px var(--page-padding)!important}.history-list__content-item{display:flex;align-items:center;justify-content:space-between}.history-list__content-item__actions{display:flex;gap:12px}.history-list__content-item__actions img{height:1.4rem}.history-list__content-item__actions img:hover{cursor:pointer}:root{font-family:Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eff4fa;--border-radius: 4px;--color-white: #fff;--color-black: #000;--color-primary: #0c66fd;--color-danger: #dc3545;--color-gray: #9e9e9e;--main-width: 30%;--main-max-width: 400px;--page-padding: 18px}@media screen and (max-width: 1280px){:root{--main-width: 40%}}@media screen and (max-width: 992px){:root{--main-width: 50%}}@media screen and (max-width: 820px){:root{--main-width: 80%}}@media screen and (max-width: 575px){:root{--main-width: calc(100% - 36px) ;--main-max-width: none}}body{margin:0}a{text-decoration:none;color:var(--color-primary)}p{margin:0}h3{margin:12px 0}button{border-radius:var(--border-radius);padding:.6rem 1rem;border:none;color:var(--color-white);font-size:1rem}button:hover{cursor:pointer}button.btn-primary{background-color:var(--color-primary)}input{border:1px solid var(--color-gray);border-radius:var(--border-radius);padding:.6rem 1rem;font-size:1rem;width:100%}.card{background-color:var(--color-white);padding:12px var(--page-padding);border-radius:var(--border-radius);min-height:80px}.page__content{width:var(--main-width);max-width:var(--main-max-width);margin:0 auto;padding:var(--page-padding);display:flex;flex-direction:column;gap:14px}.empty-text{text-align:center;margin:12px 0}