.header{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--bg-color-5);justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .4s ease;z-index:1}.header,.header__btn{align-items:center;display:flex}.header__btn{background-color:transparent;border:none;color:inherit;font-size:1.5rem;height:3rem;justify-content:center;outline:none;width:3rem}.header__wrapper-title{align-items:center;display:flex;flex-direction:column;gap:.25rem}.header__title{font-size:1.5rem;font-weight:700}.header__subtitle{font-size:.75rem;opacity:.5}.info{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:0 1rem 2rem}.info__icon{font-size:15rem}.info__temp{font-size:4rem;font-weight:700}.info__text{font-size:2rem;text-align:center}.info__time{font-size:.75rem;opacity:.5}.info-detail{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;padding:1rem}.info-detail__item{align-items:center;background-color:var(--bg-color-2);border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.info-detail__title{font-size:.75rem;opacity:.5}.day{align-items:center;background-color:var(--bg-color-2);border-radius:1rem;display:flex;justify-content:space-between;padding:.75rem 1rem}.day.active{background-color:var(--bg-color-3);color:var(--text-color-2)}.day__left{align-items:center;display:flex;gap:.25rem}.day__icon{font-size:2rem}.timeframe{align-items:center;background-color:var(--bg-color-2);border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.timeframe.active{background-color:var(--bg-color-3);color:var(--text-color-2)}.timeframe__time{font-size:.75rem;opacity:.5}.timeframe__icon{font-size:2rem}.timeframe__wind{align-items:center;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;opacity:.5}.timeframe__up{-webkit-transform:rotate(0);transform:rotate(0)}.timeframe__up-right{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.timeframe__up-left{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.timeframe__down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.timeframe__down-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.timeframe__down-left{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.timeframe__right{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.timeframe__left{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.toggle-switch{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem}.toggle-switch__label{font-size:1.125rem}.toggle-switch__wrapper{display:inline-block;height:2rem;position:relative;width:3.5rem}.toggle-switch__wrapper input[type=checkbox]{height:0;opacity:0;width:0}.toggle-switch__wrapper input[type=checkbox]:checked+.toggle-switch__slider{background-color:var(--bg-color-3)}.toggle-switch__wrapper input[type=checkbox]:checked+.toggle-switch__slider:before{height:1.5rem;left:70%;width:1.5rem}.toggle-switch__slider{background-color:#bbb;border-radius:1rem;bottom:0;left:0;position:absolute;right:0;top:0;transition:background-color .4s ease}.toggle-switch__slider:before{background-color:var(--bg-color-1);border-radius:1rem;content:"";height:1rem;left:25%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:height .4s ease,width .4s ease,left .4s ease,background-color .4s ease;width:1rem}.select-box{align-items:center;color:inherit;display:flex;justify-content:space-between;padding:1.5rem 1rem;text-decoration:none}.select-box input[type=button]{display:none}.select-box__label{font-size:1.125rem;font-weight:700}.select-box__wrapper{-webkit-padding-end:.5rem;padding-inline-end:.5rem;position:relative;text-align:end;width:30%}.select-box__options{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--bg-color-5);border:1px solid var(--bg-color-2);border-radius:1rem;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.select-box__option{align-items:center;display:flex;justify-content:space-between;padding:1rem}.select-box__option.active{background-color:var(--bg-color-2)}.input-search{padding:1rem}.input-search__wrapper{position:relative}.input-search__input[type=search]{background-color:transparent;border:2px solid;border-radius:1rem;color:inherit;font-family:inherit;font-size:1rem;opacity:.5;outline:none;padding:1rem;text-align:center;transition:opacity .2s ease;width:100%}.input-search__input[type=search]::-webkit-search-cancel-button,.input-search__input[type=search]::-webkit-search-decoration,.input-search__input[type=search]::-webkit-search-results-button,.input-search__input[type=search]::-webkit-search-results-decoration{display:none}.input-search__input[type=search]::-webkit-input-placeholder{color:transparent}.input-search__input[type=search]:-ms-input-placeholder{color:transparent}.input-search__input[type=search]::placeholder{color:transparent}.input-search__input[type=search]:focus{opacity:1}.input-search__input[type=search]:not(:-ms-input-placeholder)~.input-search__label{opacity:1;top:-100%}.input-search__input[type=search]:focus~.input-search__label,.input-search__input[type=search]:not(:placeholder-shown)~.input-search__label{opacity:1;top:-100%}.input-search__label{background-color:var(--bg-color-1);left:50%;opacity:.5;padding:0 1rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:top .2s ease,opacity .2s ease}.item{-webkit-padding-end:1rem;align-items:center;background-color:var(--bg-color-2);border-radius:1rem;display:flex;justify-content:space-between;padding-inline-end:1rem}.item.active{background-color:var(--bg-color-3);color:var(--text-color-2)}.item__wrapper{align-items:center;display:grid;flex:1 1 auto;grid-template-columns:repeat(2,1fr);padding:1rem}.item__city{font-size:1.25rem;font-weight:700;padding-bottom:.25rem}.item__country{font-size:.75rem;opacity:.5}.item__icon{font-size:2rem}.item__btn{background-color:transparent;border:none;color:inherit;font-size:1.125rem;height:3rem;width:3rem}.list{grid-gap:.5rem;display:grid;gap:.5rem;padding:1rem}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--bg-color-1:#fff;--bg-color-2:#eee;--bg-color-3:#222;--bg-color-4:#bbb;--bg-color-5:#ffffff80;--text-color-1:#000;--text-color-2:#fff}[data-theme=dark]{--bg-color-1:#111;--bg-color-2:#222;--bg-color-3:#fff;--bg-color-4:#fff;--bg-color-5:#11111180;--text-color-1:#fff;--text-color-2:#000}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-ms-user-select:none;user-select:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-color-1);color:#000;color:var(--text-color-1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .4s ease,color .4s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4{font-weight:700}h1{font-size:32px;padding:1rem;text-align:center}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}p{font-size:16px}small{font-size:12px}strong{font-weight:700}.animation-fade{-webkit-animation:fade .4s;animation:fade .4s}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.4e136f75.css.map*/