@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:300;src:url(assets/fonts/noto-sans/noto-sans-v27-latin-300.eot);src:url(assets/fonts/noto-sans/noto-sans-v27-latin-300.eot?#iefix) format("embedded-opentype"),url(assets/fonts/noto-sans/noto-sans-v27-latin-300.woff2) format("woff2"),url(assets/fonts/noto-sans/noto-sans-v27-latin-300.woff) format("woff"),url(assets/fonts/noto-sans/noto-sans-v27-latin-300.ttf) format("truetype"),url(assets/fonts/noto-sans/noto-sans-v27-latin-300.svg#NotoSans) format("svg")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:400;src:url(assets/fonts/noto-sans/noto-sans-v27-latin-regular.eot);src:url(assets/fonts/noto-sans/noto-sans-v27-latin-regular.eot?#iefix) format("embedded-opentype"),url(assets/fonts/noto-sans/noto-sans-v27-latin-regular.woff2) format("woff2"),url(assets/fonts/noto-sans/noto-sans-v27-latin-regular.woff) format("woff"),url(assets/fonts/noto-sans/noto-sans-v27-latin-regular.ttf) format("truetype"),url(assets/fonts/noto-sans/noto-sans-v27-latin-regular.svg#NotoSans) format("svg")}:root{--white-color:#fff;--black-color:#000;--input-placeholder:rgba(235,235,245,.6);--autocomplete-interaction:rgba(0,0,0,.1);--main-gradient-bg-color:#7758d1;--secondary-gradient-bg-color:#f7cbfd;--widget-gradient:linear-gradient(169.12deg,#2e335a 1.63%,#4b5076 4.17%,#2d3157 6.63%,#1c1b33 95.88%);--main-font:"Noto Sans",sans-serif}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Noto Sans,sans-serif;font-family:var(--main-font);font-size:10px;margin:0;padding:0}body{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:radial-gradient(73.23% 106% at 34.94% 108.33%,#f7cbfd 0,#7758d1 100%);background-image:radial-gradient(73.23% 106% at 34.94% 108.33%,var(--secondary-gradient-bg-color) 0,var(--main-gradient-bg-color) 100%);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;min-height:100vh;padding-top:5rem}.outer{background-image:linear-gradient(169.28deg,#2e335a 3.28%,#1c1b33 95.89%);border-radius:5.7rem;-webkit-box-shadow:-38.4068px 76.8136px 256.045px rgba(18,6,67,.3);box-shadow:-38.4068px 76.8136px 256.045px rgba(18,6,67,.3);color:#fff;color:var(--white-color);margin:0 auto;padding:5.2rem 2.6rem 2rem;position:relative;width:39rem}.outer:before{background-image:linear-gradient(169.12deg,#2e335a 1.63%,#4b5076 4.17%,#2d3157 6.63%,#1c1b33 95.88%);background-image:var(--widget-gradient);border-radius:5.7rem;content:"";height:104%;left:-2%;position:absolute;top:-2%;width:104%;z-index:-1}.top-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.001);position:relative;z-index:99}h1.title{font-size:2.8rem;font-weight:400;letter-spacing:.04rem;line-height:3.4rem;text-transform:capitalize}.search-form.autocomplete-container{margin:1.7rem 0 3rem;min-height:3.6rem;position:relative}.search-form input{background-color:transparent;background-image:url(assets/images/magnifyingglass.svg),linear-gradient(168.44deg,rgba(46,51,90,.26) 1.62%,rgba(28,27,51,.26) 95.72%);background-position:5%;background-repeat:no-repeat;background-size:1.5rem 1.5rem;border:none;border-radius:10px;-webkit-box-shadow:inset 0 4px 4px rgba(0,0,0,.25);box-shadow:inset 0 4px 4px rgba(0,0,0,.25);color:#fff;color:var(--white-color);display:block;font-size:1.7rem;font-weight:400;height:3.6rem;letter-spacing:.05rem;line-height:2.2rem;padding:.7rem .8rem .7rem 4rem;width:100%}.search-form input::-webkit-input-placeholder{color:rgba(235,235,245,.6);color:var(--input-placeholder);font-size:1.7rem;font-weight:300;letter-spacing:.05rem;line-height:2.2rem}.search-form input::-moz-placeholder{color:rgba(235,235,245,.6);color:var(--input-placeholder);font-size:1.7rem;font-weight:300;letter-spacing:.05rem;line-height:2.2rem}.search-form input:-ms-input-placeholder{color:rgba(235,235,245,.6);color:var(--input-placeholder);font-size:1.7rem;font-weight:300;letter-spacing:.05rem;line-height:2.2rem}.search-form input::-ms-input-placeholder{color:rgba(235,235,245,.6);color:var(--input-placeholder);font-size:1.7rem;font-weight:300;letter-spacing:.05rem;line-height:2.2rem}.search-form input::placeholder{color:rgba(235,235,245,.6);color:var(--input-placeholder);font-size:1.7rem;font-weight:300;letter-spacing:.05rem;line-height:2.2rem}.search-form input:focus-visible{background-color:#fff;background-color:var(--white-color);background-image:url(assets/images/magnifyingglass_active.svg);border:none;color:#000;color:var(--black-color);font-weight:400;outline:none}.search-form input:focus-visible::-webkit-input-placeholder{color:#000;color:var(--black-color);font-weight:300}.search-form input:focus-visible::-moz-placeholder{color:#000;color:var(--black-color);font-weight:300}.search-form input:focus-visible:-ms-input-placeholder{color:#000;color:var(--black-color);font-weight:300}.search-form input:focus-visible::-ms-input-placeholder{color:#000;color:var(--black-color);font-weight:300}.search-form input:focus-visible::placeholder{color:#000;color:var(--black-color);font-weight:300}.weather-widget{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;background-image:url(assets/images/widget-background.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:18.4rem;justify-content:center;padding:2rem}.weather-widget,.weather-widget .current-weather-data{position:relative}.weather-widget .current-weather-data.error,.weather-widget .current-weather-data.hide{display:none}.spinner{display:-ms-grid;display:grid;height:50px;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);visibility:visible;width:50px}.spinner.hide-spinner{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeOut;animation-name:fadeOut;visibility:hidden;z-index:-1}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.spinner:after,.spinner:before{--c:radial-gradient(farthest-side,#61d582 92%,transparent);-webkit-animation:s2 1s infinite;animation:s2 1s infinite;background:radial-gradient(farthest-side,#61d582 92%,transparent) 50% 0,radial-gradient(farthest-side,#61d582 92%,transparent) 50% 100%,radial-gradient(farthest-side,#61d582 92%,transparent) 100% 50%,radial-gradient(farthest-side,#61d582 92%,transparent) 0 50%;background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-repeat:no-repeat;background-size:12px 12px;content:"";grid-area:1/1;-ms-grid-column:1;-ms-grid-row:1}.spinner:before{-webkit-animation-timing-function:linear;animation-timing-function:linear;background-size:8px 8px;-webkit-filter:hue-rotate(45deg);filter:hue-rotate(45deg);margin:4px}@-webkit-keyframes s2{to{-webkit-transform:rotate(.5turn);transform:rotate(.5turn)}}@keyframes s2{to{-webkit-transform:rotate(.5turn);transform:rotate(.5turn)}}.error-message{position:relative;-webkit-transition:all .5s;transition:all .5s;visibility:hidden;z-index:-1}.error-message p{font-size:1.2rem;font-weight:400;line-height:1.5rem;margin:4rem auto 0;text-align:center;width:70%}.error-message.show-error{visibility:visible;z-index:3}.weather-widget .temperature-image .temperature{display:block;font-size:6.4rem;font-weight:400;line-height:4.1rem;margin:2.9rem 0 2.4rem}.weather-widget .temperature-image img{height:13rem;position:absolute;right:-1rem;top:-3rem;width:13rem}.weather-widget .location-details{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.weather-widget .location-details .location-info{width:60%}.weather-widget .location-details .location-info .location{display:block;font-size:1.3rem;font-weight:400;line-height:1.8rem;margin:.05rem auto 0 0;width:95%}.weather-widget .location-details .current-weather{font-size:1.3rem;font-weight:400;line-height:1.8rem;text-align:right;text-transform:capitalize;width:38%}.autocomplete-items{background-color:#fff;background-color:var(--white-color);border:1px solid rgba(0,0,0,.1);border:1px solid var(--autocomplete-interaction);border-top:none;-webkit-box-shadow:0 2px 10px 2px rgba(0,0,0,.1);box-shadow:0 2px 10px 2px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 10px 2px var(--autocomplete-interaction);box-shadow:0 2px 10px 2px var(--autocomplete-interaction);color:#000;color:var(--black-color);left:0;position:absolute;right:0;top:calc(100% + 2px);z-index:99}.autocomplete-items div{cursor:pointer;padding:10px}.autocomplete-items .autocomplete-active,.autocomplete-items div:hover{background-color:rgba(0,0,0,.1);background-color:var(--autocomplete-interaction)}.clear-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;color:var(--white-color);cursor:pointer;display:none;height:100%;position:absolute;right:5px;top:0}.clear-button.visible{display:-webkit-box;display:-ms-flexbox;display:flex}.search-form input:focus-visible+.clear-button{color:#fff;color:var(--white-color)}.search-form input+.clear-button svg{background-color:#7758d1;background-color:var(--main-gradient-bg-color)}.search-form input:focus-visible+.clear-button svg{background-color:#2d3157}@media (max-width:767px){.outer{margin:0 auto;max-width:39rem;width:90%}h1.title{font-size:2.2rem;line-height:2.6rem}.search-form input{font-size:1.4rem;line-height:1.6rem}.weather-widget .temperature-image .temperature{font-size:5.2rem;line-height:5.4rem;margin:2rem 0 1rem}.weather-widget .location-details .location-info span.location{font-size:1.1rem;line-height:1.2rem}.weather-widget .location-details .location-info span{font-size:.9rem}.weather-widget .temperature-image img{height:11.5rem;width:11.5rem}}@media (max-width:374px){.outer{padding-left:1.5rem;padding-right:1.5rem}.weather-widget{background-size:cover;padding:1.5rem}}