.error-page{left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.error-page h2{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}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:initial}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}a{text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;box-sizing:border-box;font-family:Karla,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-background{height:100vh;max-height:100vh;overflow:hidden;overflow-y:auto;scrollbar-width:thin;transition:opacity 1s ease-in;width:100%}.page-background::-webkit-scrollbar{background:transparent;border-radius:10px;cursor:pointer;width:.1rem}@media(min-width:768px){.page-background::-webkit-scrollbar{width:.2rem}}.page-background::-webkit-scrollbar-thumb{background:#0760d7;border-radius:10px}.page-background::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:10px}.page-background:before{background-image:url(/static/media/daytime-m.50c1a275193b12aebab1.png);background-position:50%;background-position:50% 0;background-repeat:no-repeat;background-size:cover;content:" ";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media(min-width:768px){.page-background:before{background-image:url(/static/media/daytime.447b2ad2d8970b10a167.png)}}.page-background:after{background-image:url(/static/media/dusk-m.0b36e6b0b3a381040f90.png);background-position:50%;background-position:50% 0;background-repeat:no-repeat;background-size:cover;content:" ";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media(min-width:768px){.page-background:after{background-image:url(/static/media/dusk.b3b551aa6f871f8fcaca.png)}}.page-background.light:before{-webkit-animation:cross-fade-in 1s ease-in forwards;animation:cross-fade-in 1s ease-in forwards}.page-background.dark:before,.page-background.light:after{-webkit-animation:cross-fade-out 1s ease-in forwards;animation:cross-fade-out 1s ease-in forwards}.page-background.dark:after{-webkit-animation:cross-fade-in 1s ease-in forwards;animation:cross-fade-in 1s ease-in forwards}@-webkit-keyframes cross-fade-in{0%{opacity:.25}to{opacity:1}}@keyframes cross-fade-in{0%{opacity:.25}to{opacity:1}}@-webkit-keyframes cross-fade-out{0%{opacity:.75}to{opacity:0}}@keyframes cross-fade-out{0%{opacity:.75}to{opacity:0}}.background-dark{height:100vh;max-height:100vh;overflow:hidden;overflow-y:auto;scrollbar-width:thin;width:100%}.background-dark::-webkit-scrollbar{background:transparent;border-radius:10px;cursor:pointer;width:.1rem}@media(min-width:768px){.background-dark::-webkit-scrollbar{width:.2rem}}.background-dark::-webkit-scrollbar-thumb{background:#0760d7;border-radius:10px}.background-dark::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:10px}.background-dark:before{background-image:url(/static/media/dusk-m.0b36e6b0b3a381040f90.png);background-position:50%;background-position:50% 0;background-repeat:no-repeat;background-size:cover;content:" ";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media(min-width:768px){.background-dark:before{background-image:url(/static/media/dusk.b3b551aa6f871f8fcaca.png)}}button.input-element{background-color:#1b86e6;border:1px solid rgba(15,14,49,.1);border-radius:.625rem;color:#fff;cursor:pointer;font-size:1.075rem;margin-bottom:.25rem;outline:none;padding:.625rem;transition:all .1s;width:100%}button.input-element:hover{box-shadow:0 4px 30px rgba(0,0,0,.1)}button.input-element:active{box-shadow:none}@media(min-width:768px){button.input-element{padding:.9375rem .625rem}}.home-weather-page{margin:1rem auto auto;padding:1.25rem 0;width:90%}@media(min-width:1024px){.home-weather-page{width:60%}}.home-weather-wrapper .at-a-glance{align-items:center;color:#fff;display:flex;justify-content:space-between;padding-top:1.875rem}.home-weather-wrapper .at-a-glance h2{font-weight:700}.home-weather-wrapper .at-a-glance p{font-family:Karla}.user-weather-wrapper{-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;background:#020024;background:linear-gradient(-45deg,rgba(239,127,93,.856),rgba(2,0,36,.449),rgba(52,52,153,.779),rgba(193,38,97,.529),#eeab53);background-size:200% 200%;border-radius:.625rem;cursor:pointer;margin-top:1.25rem;padding:1rem .55rem}@media(min-width:768px){.user-weather-wrapper{padding:1.25rem .9375rem}}.user-weather-wrapper .user-weather{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:auto;width:95%}.user-weather-wrapper .user-weather .mid-section{color:#fff;display:flex;flex-direction:column;font-size:.625rem;text-align:right}.user-weather-wrapper .user-weather .mid-section span{font-weight:700}@media(min-width:768px){.user-weather-wrapper .user-weather .mid-section{font-size:.75rem}}.user-weather-wrapper .user-weather .mid-section .temp{color:#fff;font-family:Exo\ 2;font-size:1.8rem;font-size:2rem;font-weight:700;padding:.3125rem}@media(min-width:768px){.user-weather-wrapper .user-weather .mid-section .temp{font-size:4rem}}.user-weather-wrapper .user-weather .mid-section .condition{font-size:1rem}.user-weather-wrapper .user-weather .mid-section .cloud,.user-weather-wrapper .user-weather .mid-section .condition{margin-bottom:.5rem}.user-weather-wrapper .user-weather img{height:4.375rem;object-fit:contain;width:100%}.user-weather-wrapper .user-weather .right-section{display:flex;flex-direction:column}.user-weather-wrapper .user-weather .right-section .location-name,.user-weather-wrapper .user-weather .right-section .location-time{color:#fff;font-weight:700;margin-bottom:.75rem;padding:.125rem;text-align:right}.user-weather-wrapper .user-weather .right-section .location-feel{color:#fff;font-size:.625rem;padding:.125rem;text-align:right}.user-weather-wrapper .user-weather .right-section .location-feel span{font-weight:700}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.home-weather-details{margin-top:1.625rem;padding-top:1.25rem}.home-weather-details .header{color:#fff;font-family:Karla;font-size:larger;font-weight:700}@media(min-width:768px){.home-weather-details .header{font-size:1.5rem}}.home-weather-details .weather-list{cursor:pointer;padding:1.25rem 0}@media(min-width:768px){.user-weather-wrapper .user-weather{height:145px}.user-weather-wrapper .user-weather .right-section .location-name,.user-weather-wrapper .user-weather .right-section .location-time{color:#fff;font-size:2.25rem;font-weight:700;padding:.125rem;text-align:right}.user-weather-wrapper .user-weather .right-section .location-feel{color:#fff;font-size:.875rem;padding:.125rem}.user-weather-wrapper .user-weather .right-section .location-feel span{font-weight:700}.user-weather-wrapper .user-weather img{height:10rem;width:100%}.at-a-glance h2{font-size:2rem}.at-a-glance p{font-size:1.5rem}}.modal{background-color:#4646b1;border-radius:.625rem;left:50%;max-width:80%;padding:.875rem 1.5rem 1.5rem;position:fixed;top:50%;transition:.2s ease-in-out;width:500px;z-index:10}.modal,.modal.active{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.modal .modal-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:.5rem;width:100%}.modal .modal-header .close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;font-weight:400;outline:none}.modal .modal-body .info{font-size:1.175rem;font-weight:500;line-height:120%;margin-bottom:1rem}@media(min-width:768px){.modal .modal-body .info{font-size:1.375rem}}.modal .modal-body .sub-text{font-size:.875rem;font-weight:400}.modal .modal-body .allow{margin-top:1.25rem}.modal .modal-body button{background-color:rgba(96,149,239,.259);padding:.625rem}#overlay{background-color:rgba(0,0,0,.9);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:.2s ease-in-out}#overlay.active{opacity:1;pointer-events:all}.weather-search-input-wrapper{margin-top:.625rem;position:relative}.weather-search-input-wrapper .weather-search-input{backdrop-filter:blur(6.4px);-webkit-backdrop-filter:blur(6.4px);background:rgba(0,0,0,.231);border:1.5px solid hsla(0,0%,57%,.32);border-radius:3.3125rem;box-shadow:0 4px 30px rgba(0,0,0,.1);color:hsla(0,0%,100%,.8);font-size:1.25rem;font-weight:500;outline:transparent;padding:.5rem 2.225rem;transition:all .5s;width:100%}.weather-search-input-wrapper .weather-search-input:-webkit-autofill{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}.weather-search-input-wrapper .weather-search-input:autofill{transition:background-color 600000s 0s,color 600000s 0s}.weather-search-input-wrapper .weather-search-input.with-result{border-bottom:0;border-radius:.625rem .625rem 0 0!important;transition:all .5s}.weather-search-input-wrapper .weather-search-input:focus{backdrop-filter:blur(1.4px);-webkit-backdrop-filter:blur(1.4px);border-radius:.625rem}@media(min-width:768px){.weather-search-input-wrapper .weather-search-input{font-size:1.5rem;padding:.5rem 2.9375rem}}.weather-search-input-wrapper .weather-search-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.3);font-size:1.25rem}.weather-search-input-wrapper .weather-search-input::placeholder{color:hsla(0,0%,100%,.3);font-size:1.25rem}@media(min-width:768px){.weather-search-input-wrapper .weather-search-input::-webkit-input-placeholder{font-size:1.5rem}.weather-search-input-wrapper .weather-search-input::placeholder{font-size:1.5rem}}.weather-search-input-wrapper .weather-search-input::-moz-placeholder{color:hsla(0,0%,100%,.3);font-size:1.25rem}@media(min-width:768px){.weather-search-input-wrapper .weather-search-input::-moz-placeholder{font-size:1.5rem}}.weather-search-input-wrapper .search-results{-webkit-animation:down .1s ease-out forwards;animation:down .1s ease-out forwards;backdrop-filter:blur(4.4px);-webkit-backdrop-filter:blur(4.4px);background:rgba(0,0,0,.231);border:1px solid hsla(0,0%,57%,.32);border-radius:0 0 .625rem .625rem;border-top:0;box-shadow:0 4px 30px rgba(0,0,0,.1);box-sizing:border-box;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;justify-content:space-between;margin-top:.045rem;padding:.75rem 2.225rem;position:absolute;transition:all .1s;width:100%}.weather-search-input-wrapper .search-results>:not(:last-child){margin-right:1rem}.weather-search-input-wrapper .search-results:hover{border:1.5px solid hsla(0,0%,57%,.32)}@-webkit-keyframes down{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes down{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media(min-width:768px){.weather-search-input-wrapper .search-results{padding:.75rem 2.9375rem}}.weather-search-input-wrapper .search-results .country-time-wrapper{display:flex;flex-direction:column;font-size:.75rem;max-width:75%;overflow:hidden}@media(min-width:1024px){.weather-search-input-wrapper .search-results .country-time-wrapper{font-size:.875rem}}.weather-search-input-wrapper .search-results .country-time-wrapper .country{font-size:.875rem;font-weight:700;white-space:break-spaces}@media(min-width:1024px){.weather-search-input-wrapper .search-results .country-time-wrapper .country{font-size:1rem}}.weather-search-input-wrapper .search-results .country-time-wrapper>:first-child{margin-bottom:.25rem}.weather-search-input-wrapper .search-results .country-time-wrapper .day-location-wrapper{flex-wrap:wrap;font-size:.875rem;margin-bottom:.25rem}@media(min-width:1024px){.weather-search-input-wrapper .search-results .country-time-wrapper .day-location-wrapper{font-size:1rem}}.weather-search-input-wrapper .search-results .country-time-wrapper .day-location-wrapper .day{display:none}@media(min-width:768px){.weather-search-input-wrapper .search-results .country-time-wrapper .day-location-wrapper .day{display:inline}}.weather-search-input-wrapper .search-results .country-time-wrapper .day-location-wrapper .dash{display:none;margin-right:.25rem}@media(min-width:768px){.weather-search-input-wrapper .search-results .country-time-wrapper .day-location-wrapper .dash{display:inline}}.weather-search-input-wrapper .search-results .country-time-wrapper .time{font-size:.875rem}@media(min-width:1024px){.weather-search-input-wrapper .search-results .country-time-wrapper .time{font-size:1rem}}.weather-search-input-wrapper .search-results .temp-condition-wrapper{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.weather-search-input-wrapper .search-results .temp-condition-wrapper .temperature{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}@media(min-width:1024px){.weather-search-input-wrapper .search-results .temp-condition-wrapper .temperature{font-size:1.75rem}}.weather-search-input-wrapper .search-results .temp-condition-wrapper .condition{font-size:.75rem}@media(min-width:1024px){.weather-search-input-wrapper .search-results .temp-condition-wrapper .condition{font-size:.875rem}}.weather-search-input-wrapper .search-results .day-location-wrapper{align-items:flex-end;display:flex;font-size:.75rem}.weather-search-input-wrapper .search-results .day-location-wrapper .location{display:flex;flex-wrap:wrap}.weather-search-input-wrapper .search-results .day-location-wrapper .day{white-space:nowrap}.weather-bar-wrapper{align-items:center;backdrop-filter:blur(6.4px);-webkit-backdrop-filter:blur(6.4px);background:rgba(15,14,49,.2);border:1px solid rgba(15,14,49,.1);border-radius:1rem;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-top:.625rem;padding:.625rem .875rem}.weather-bar-wrapper h2{color:#fff;font-weight:700;padding:.3125rem 0}@media(min-width:768px){.weather-bar-wrapper h2{font-size:1.35rem}}.weather-bar-wrapper p{color:#fff;font-family:Karla;padding:.3125rem 0}.weather-bar-wrapper p span{font-weight:700}.weather-bar-wrapper .location-info{flex:1 1}.weather-bar-wrapper .location-info .temperature{color:#fff;font-family:Exo\ 2;font-size:1.8rem;font-weight:700;text-align:center}.weather-bar-wrapper .location-info .country{font-size:.875rem;padding-top:0}.weather-bar-wrapper .location-info .last-updated{font-size:.75rem;padding-bottom:0}.weather-bar-wrapper .location-info .last-updated .time{font-size:1.125rem}.weather-bar-wrapper .location-info .feels{font-size:.75rem;margin-top:.25rem}.weather-bar-wrapper .location-info .feels span{font-size:1.125rem}.weather-bar-wrapper .condition-info{flex:1 1}.weather-bar-wrapper .condition-info .temperature{color:#fff;font-family:Exo\ 2;font-size:1.8rem;font-weight:700;text-align:center}@media(min-width:768px){.weather-bar-wrapper .condition-info .temperature{font-size:2.4rem}}.weather-bar-wrapper .condition-info p{text-align:center}@media(min-width:768px){.weather-bar-wrapper .condition-info p{font-size:1.5rem}}.weather-bar-wrapper .image-wrapper{flex:1 1}.weather-bar-wrapper .image-wrapper img{align-self:flex-end;height:7.5rem;justify-self:end;object-fit:contain;width:100%}@media(min-width:768px){.weather-bar-wrapper .image-wrapper img{height:7.8125rem}}.weather-bar-wrapper .action-bar{left:.4rem;position:relative}@media(min-width:768px){.weather-bar-wrapper .action-bar{left:0}}.weather-bar-wrapper .action-bar .remove{bottom:.75rem;margin-bottom:100%;position:relative}.weather-bar-wrapper .action-bar .fav{margin-top:100%;position:relative}.weather-bar-wrapper .action-bar .fav .filled path{fill:rgba(238,171,83,.859)!important}.weather-bar-wrapper .action-bar .notes{position:relative;top:.4rem}.weather-bar-wrapper .action-bar .notes .filled path{fill:rgba(68,0,190,.251)!important}.weather-bar-wrapper .action-bar svg{cursor:pointer;width:1.25rem}.weather-bar-wrapper .action-bar svg.x-icon{fill:rgba(228,67,67,.898)}.weather-bar-wrapper .action-bar svg path{stroke:hsla(0,0%,77%,.631)}@media(min-width:768px){.weather-bar-wrapper .action-bar svg{width:1.5rem}.weather-bar-wrapper .condition{font-size:1.2rem}.weather-bar-wrapper .image-wrapper{flex:1 1}.weather-bar-wrapper .image-wrapper img{align-self:flex-end;height:7.5rem;justify-self:end;object-fit:contain;width:100%}.weather-bar-wrapper .weather-bar-wrapper{height:9.375rem;padding:1.25rem .875rem}.weather-bar-wrapper .weather-bar-wrapper .location-info h2{font-family:Karla;font-size:2.4rem}.weather-bar-wrapper .weather-bar-wrapper .location-info p{font-size:1.5rem}.weather-bar-wrapper .weather-bar-wrapper .location-info .feels{font-size:1rem}.weather-bar-wrapper .weather-bar-wrapper .condition-info .temperature{font-size:4rem}.weather-bar-wrapper .weather-bar-wrapper .image-wrapper img{align-self:flex-end;height:9.375rem;justify-self:end}}@font-face{font-family:Exo\ 2;src:url(/static/media/Exo2-Regular.7c8e2acc4582828688cd.ttf)}@font-face{font-family:Karla;src:url(/static/media/Karla-Regular.a09d64ec8991a73ef7f8.ttf)}@font-face{font-family:Mogra;src:url(/static/media/Mogra-Regular.0aff68533188b6553f09.ttf)}.page-background.light .weather-detail-page .fav svg path{stroke:rgba(0,0,0,.384)}.weather-detail-page .weather-details-wrapper{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:25px 0;position:relative;width:85%;width:100%}@media(min-width:768px){.weather-detail-page .weather-details-wrapper{width:80%}}.weather-detail-page .weather-details-wrapper .back{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;left:.75rem;position:absolute;top:1rem}.weather-detail-page .weather-details-wrapper .back svg{height:1.5rem;width:1.5rem}.weather-detail-page .weather-details-wrapper .actions{align-items:center;display:flex;margin:0 auto}.weather-detail-page .weather-details-wrapper .actions .tabs{align-items:center;backdrop-filter:blur(6.4px);-webkit-backdrop-filter:blur(6.4px);background:rgba(15,14,49,.2);border-radius:1rem;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;justify-content:center;margin-bottom:0;margin-right:.5rem;width:300px}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .actions .tabs{margin-bottom:2rem;width:400px}}@media(min-width:1024px){.weather-detail-page .weather-details-wrapper .actions .tabs{margin-bottom:0}}.weather-detail-page .weather-details-wrapper .actions .tabs .forecast,.weather-detail-page .weather-details-wrapper .actions .tabs .note{border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;padding:1rem 1.25rem;position:relative;text-align:center;width:50%}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .actions .tabs .forecast,.weather-detail-page .weather-details-wrapper .actions .tabs .note{font-size:1.375rem;font-weight:700;padding:1.25rem 2.5rem}}.weather-detail-page .weather-details-wrapper .actions .tabs .forecast.active:before,.weather-detail-page .weather-details-wrapper .actions .tabs .note.active:before{background-color:#1b86e6;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.weather-detail-page .weather-details-wrapper .actions .tabs .forecast.active:before{-webkit-animation:slideToLeft 80ms ease-in-out forwards;animation:slideToLeft 80ms ease-in-out forwards}.weather-detail-page .weather-details-wrapper .actions .tabs .note.active:before{-webkit-animation:slideToRight 80ms ease-in-out forwards;animation:slideToRight 80ms ease-in-out forwards}@-webkit-keyframes slideToRight{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideToRight{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideToLeft{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideToLeft{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.weather-detail-page .weather-details-wrapper .actions .fav{height:50px;width:50px}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .actions .fav{margin-bottom:2rem}}@media(min-width:1024px){.weather-detail-page .weather-details-wrapper .actions .fav{margin-bottom:0}}.weather-detail-page .weather-details-wrapper .actions .fav svg{height:50px;width:50px}.weather-detail-page .weather-details-wrapper .actions .fav path{stroke:hsla(0,0%,90%,.431)}.weather-detail-page .weather-details-wrapper .actions .fav .filled path{fill:rgba(238,171,83,.859)!important}.weather-detail-page .weather-details-wrapper .name{color:#fff;font-family:Exo\ 2;font-size:2rem;font-weight:800;padding-bottom:0;text-align:center}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .name{font-size:3.2rem}}.weather-detail-page .weather-details-wrapper p{color:#fff;font-family:Karla;font-weight:500;text-align:center}@media(min-width:768px){.weather-detail-page .weather-details-wrapper p{font-size:1.2rem}}.weather-detail-page .weather-details-wrapper .country{font-family:Exo\ 2;font-size:.875rem;letter-spacing:-1px;margin-bottom:1.5rem;padding:1rem 0 .875rem}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .country{font-size:1.25rem}}.weather-detail-page .weather-details-wrapper .date{font-family:Exo\ 2;font-weight:700;margin-bottom:1.5rem}.weather-detail-page .weather-details-wrapper .note-input-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:550px}.weather-detail-page .weather-details-wrapper .note-input-wrapper .note-input{backdrop-filter:blur(1.4px);-webkit-backdrop-filter:blur(1.4px);background:#282828;border:1px solid hsla(0,0%,67%,.537);border-radius:.625rem;box-shadow:0 4px 30px rgba(0,0,0,.1);box-sizing:border-box;color:hsla(0,0%,100%,.9);font-family:Exo\ 2;font-size:1rem;height:300px;margin-top:5rem;outline:transparent;padding:1rem .75rem;resize:none;transition:all .5s;width:320px}.weather-detail-page .weather-details-wrapper .note-input-wrapper .note-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.368)}.weather-detail-page .weather-details-wrapper .note-input-wrapper .note-input::placeholder{color:hsla(0,0%,100%,.368)}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .note-input-wrapper .note-input{font-size:1.375rem;margin-top:3rem;padding:1.5rem 2rem;width:550px}}@media(min-width:1024px){.weather-detail-page .weather-details-wrapper .note-input-wrapper .note-input{margin-top:5rem}}.weather-detail-page .weather-details-wrapper .note-input-wrapper .note-input.preview{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:rgba(0,0,0,.137);border:1.5px solid hsla(0,0%,77%,.24);color:hsla(0,0%,9%,.8);cursor:default}.weather-detail-page .weather-details-wrapper .note-input-wrapper .actions{align-items:center;display:flex;float:right;justify-content:flex-end;margin-left:auto;margin-top:2rem;width:100%}.weather-detail-page .weather-details-wrapper .note-input-wrapper .actions button:not(:last-child){margin-right:.5rem}.weather-detail-page .weather-details-wrapper .note-input-wrapper .actions button{box-sizing:border-box}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .note-input-wrapper .actions button{width:150px}}.weather-detail-page .weather-details-wrapper .forecast-info{align-items:center;display:flex;flex-direction:column;justify-content:center}@media(min-width:1024px){.weather-detail-page .weather-details-wrapper .forecast-info{flex-direction:row}}.weather-detail-page .weather-details-wrapper .forecast-info .condition-image{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.5rem;height:240px;justify-content:center;margin:2.5rem 0 1.25rem;order:0;width:400px}@media(min-width:1024px){.weather-detail-page .weather-details-wrapper .forecast-info .condition-image{order:1}}.weather-detail-page .weather-details-wrapper .forecast-info .condition-image img{align-items:center;display:flex;justify-content:center;width:180px}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .forecast-info .condition-image img{margin:0 auto;width:300px}}.weather-detail-page .weather-details-wrapper .forecast-info .condition-image .condition{font-size:1.125rem;font-weight:600;margin-top:.275rem}.weather-detail-page .weather-details-wrapper .forecast-info .condition-image .feel{font-size:.875rem;font-weight:700;margin-top:.5rem}.weather-detail-page .weather-details-wrapper .forecast-info .condition-image .feel span{font-size:.875rem;font-weight:400;padding-right:.25rem}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .forecast-info .condition-image .condition{font-size:1.45rem;margin-top:1rem}.weather-detail-page .weather-details-wrapper .forecast-info .condition-image .feel{margin-top:1rem}.weather-detail-page .weather-details-wrapper .forecast-info .condition-image .feel span{font-size:1rem;padding-right:.25rem}}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail{display:flex;flex-direction:column;order:1}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail{margin-top:5rem}}@media(min-width:1024px){.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail{margin-top:5rem;order:0}}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row{display:flex}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .desktop{display:none!important}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .desktop{display:flex!important}}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row>:not(:last-child){margin-bottom:1.525rem;margin-right:.875rem}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row>:not(:last-child).humidity,.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row>:not(:last-child).visibility,.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row>:not(:last-child).wind{margin-right:0}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row>:not(:last-child).humidity,.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row>:not(:last-child).visibility,.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row>:not(:last-child).wind{margin-right:.875rem}}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:rgba(15,14,49,.2);border:1px solid hsla(0,0%,83%,.1);border-radius:.75rem;box-shadow:0 4px 30px rgba(0,0,0,.1);box-sizing:border-box;display:flex;height:75px;padding:1rem;width:150px}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card{height:100px;width:190px}}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card>.icon{align-items:center;background-color:hsla(0,0%,100%,.345);border-radius:50%;box-sizing:border-box;display:flex;height:2.35rem;justify-content:center;width:2.35rem}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card>.icon svg{height:1.35rem;width:1.35rem}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card>.icon{height:2.5rem;width:2.5rem}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card>.icon svg{height:1.5rem;width:1.5rem}}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card.wind path{fill:rgba(23,0,72,.878)}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card .info{-webkit-padding-start:.5rem;align-items:flex-start;color:#fff;display:flex;flex-direction:column;padding-inline-start:.5rem}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card .info p{font-size:.875rem;margin-bottom:.5rem;margin-top:.325rem;opacity:.8}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card .info h2{font-size:1rem;font-weight:600;opacity:.9}@media(min-width:768px){.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card .info{-webkit-padding-start:1rem;padding-inline-start:1rem}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card .info p{font-size:1rem;margin-bottom:.75rem}.weather-detail-page .weather-details-wrapper .forecast-info .weather-detail .info-row .card .info h2{font-size:1.5rem}}.no-weather-page .actions{display:flex;gap:1rem}
/*# sourceMappingURL=main.251240df.css.map*/