*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif!important}.page-container{position:relative}.opacity-layer{background:rgba(0,0,0,.6);z-index:-1}.opacity-layer,.page-container .bg-image{height:100%;left:0;position:absolute;top:0;width:100%}.page-container .bg-image{object-fit:cover;object-position:bottom;opacity:0;z-index:-2}.page-container .bg-image[data-active=active]{opacity:1;transition:opacity 2s ease-in-out}.page-container .bg-image[data-active=not-active]{opacity:0;transition:opacity 2s ease-in-out}.wrapper{margin:0 auto;max-width:1600px;padding:0 20px}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.search-weather{color:#fff;height:130px;margin-bottom:75px}.search-weather .wrapper{align-items:center;display:grid;grid-template-columns:1fr 1fr;height:100%}@media (max-width:1024px){.search-weather .wrapper{grid-template-columns:1fr}}.search-container{align-items:center;background:#fff;border-radius:30px;box-shadow:4px 4px 6px 0 hsla(0,0%,100%,.3),-4px -4px 6px 0 hsla(213,8%,49%,.2),inset -4px -4px 6px 0 hsla(0,0%,100%,.2),inset 4px 4px 6px 0 rgba(0,0,0,.2);cursor:pointer;display:flex;height:50px;justify-content:center;padding:10px 20px;transition:.8s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search-container[data-error=true]{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;border:2px solid red;-webkit-transform:translateZ(0);transform:translateZ(0)}.search-container[data-error=false]{border:none}@media (max-width:1024px){.search-weather .wrapper .search-container{justify-self:center;margin:25px 0}}.search-container:hover>.search-input,input.search-input:focus{width:200px}@media (max-width:1024px){.search-container input.search-input{max-width:200px;width:100%}}.search-container .search-input{background:transparent;border:none;font-size:16px;font-weight:500;outline:none;transition:.8s;width:0}.search-container .search-btn path{color:#fff}.search-container .search-btn{background-color:#999;border-radius:100%;cursor:pointer;height:40px;width:40px}.search-weather .wrapper .favourite-box{font-size:20px;font-style:normal;font-weight:400;justify-self:end;letter-spacing:4px;line-height:28px;position:relative;text-transform:uppercase;transition:.8s}@media (max-width:1024px){.search-weather .wrapper .favourite-box{justify-self:center;text-align:center}}.search-weather .wrapper .favourite-box .add-to-favourite{margin-bottom:22px}.search-weather .wrapper .favourite-box .add-to-favourite:hover,.search-weather .wrapper .favourite-box .favourite .city:hover{color:#999;cursor:pointer}.search-weather .wrapper .favourite-box .favourite{display:flex;justify-content:end;position:absolute}.search-weather .wrapper .favourite-box .favourite .star-icon{display:flex;height:24px;margin-right:11px;width:24px}.current-weather-section{color:#fff;margin-bottom:clamp(100px,calc(6.25rem + 5.178vw - 19.4175px),180px)}.current-weather-section[data-loading=false]{opacity:1;transition:opacity .5s ease-in-out}.current-weather-section[data-loading=true]{opacity:0;transition:opacity .5s ease-in-out}.current-weather-section .wrapper .upper-text{align-items:center;display:flex;font-size:clamp(14px,calc(.875rem + .3883vw - 1.45613px),20px);font-style:normal;font-weight:400;justify-content:flex-start;letter-spacing:4px;line-height:140%;margin-bottom:25px;text-transform:uppercase}.current-weather-section .wrapper .upper-text .icon{align-items:center;display:flex;height:24px;justify-content:center;margin-right:16px;width:24px}.current-weather-section .wrapper .weather-text{font-size:clamp(80px,calc(5rem + 7.767vw - 29.12625px),200px);font-style:normal;font-weight:700;line-height:100%;margin-bottom:25px}.current-weather-section .wrapper .place-text{font-size:clamp(16px,calc(1rem + .5178vw - 1.94175px),24px);font-style:normal;font-weight:700;letter-spacing:4.8px;line-height:117%;text-transform:uppercase}.detail-weather{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,59%,.6);height:100%}.detail-weather .wrapper{height:100%;padding:clamp(20px,calc(1.25rem + 3.4951vw - 13.10663px),74px) 20px;width:100%}.detail-weather .wrapper .next-days-container{grid-row-gap:40px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;row-gap:40px}@media (max-width:600px){.detail-weather .wrapper .next-days-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr;row-gap:20px}}.detail-weather .wrapper .next-days-container .day-weather .day{color:#303030;font-size:15px;font-style:normal;font-weight:400;letter-spacing:3px;line-height:187%;text-transform:uppercase}.detail-weather .wrapper .next-days-container .day-weather .weather{color:#303030;font-size:56px;font-style:normal;font-weight:700}abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,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,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;box-sizing:border-box;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}\:focus{outline:0}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,&:before{content:"";content:none}}q{&:after,&:before{content:"";content:none}}input[type=search]{&::-webkit-search-cancel-button,&::-webkit-search-decoration,&::-webkit-search-results-button,&::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}}textarea{resize:none;vertical-align:top}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%}a{color:inherit;&:focus{outline:none}&:active,&:hover,&:visited{color:inherit;outline:none}}img{border:0}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;margin-left:-7px}button,input,select,textarea{border:0;font-size:100%;outline:none;vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button]{-webkit-appearance:button;overflow:visible}input{&[type=reset],&[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible}}button[disabled],html input[disabled]{cursor:default}a{text-decoration:none}input{&[type=checkbox],&[type=radio]{box-sizing:border-box;height:13px;padding:0;width:13px}&[type=search]{-webkit-appearance:textfield;box-sizing:content-box}&::-webkit-search-cancel-button,&::-webkit-search-decoration{-webkit-appearance:none}}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection,::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}
/*# sourceMappingURL=main.50822d1a.css.map*/