@font-face{font-family:Bricolage Grotesque Bold;src:url(/assets/BricolageGrotesque-Bold-C2jlrK5H.ttf)}@font-face{font-family:DMSans Bold;src:url(/assets/DMSans-Bold-YaffUiOa.ttf)}@font-face{font-family:DMSans Light;src:url(/assets/DMSans-Light-ChpXioKr.ttf)}@font-face{font-family:DMSans Medium;src:url(/assets/DMSans-Medium-DAepoDOk.ttf)}@font-face{font-family:DMSans SemiBold;src:url(/assets/DMSans-SemiBold-nZ-L2Rm7.ttf)}@font-face{font-family:DMSans SemiBold Italic;src:url(/assets/DMSans-SemiBoldItalic-BOHRATwS.ttf)}:root{font-family:DMSans Light,sans-serif;--neutral-900: hsl(243, 96%, 9%);--neutral-800: hsl(243, 27%, 20%);--neutral-700: hsl(243, 23%, 24%);--neutral-600: hsl(243, 23%, 30%);--neutral-300: hsl(240, 6%, 70%);--neutral-200: hsl(250, 6%, 84%);--neutral-0: hsl(0, 0%, 100%);--orange-500: hsl(28, 100%, 52%);--blue-500: hsl(233, 67%, 56%);--blue-700: hsl(248, 70%, 36%)}html{font-size:18px}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{font-family:DMSans Light,sans-serif;background-color:var(--neutral-900);color:var(--neutral-0);font-weight:400;padding:3rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}li{list-style:none}a{display:block;text-decoration:none;cursor:pointer;color:var(--neutral-0)}h2{margin-bottom:.5rem}img{max-inline-size:100%;block-size:auto;display:block}button{cursor:pointer;font-family:DMSans Medium,sans-serif;font-size:.9rem}.icon-btn{display:flex;gap:.5rem;background-color:var(--neutral-700);height:1.8rem;padding:0 .5rem;border:0;border-radius:.3rem;color:var(--neutral-0);justify-content:center;align-items:center}.icon-btn:hover{opacity:.8}.icon-btn:active{opacity:.6}.transparent-btn{width:100%;background-color:transparent;border:0;color:var(--neutral-0);text-align:left;padding:.4rem;border-radius:.3rem}.transparent-btn:hover,.transparent-btn:focus{background-color:var(--neutral-600)}@media(prefers-reduced-motion:no-preference){a,button{transition:all .3s ease-out}}#root{max-width:32rem;display:flex;flex-direction:column;gap:1rem}.no-result-header{text-align:center}.container__search-inputs{display:grid;gap:1rem;width:100%;grid-template-columns:1fr;margin:0 auto}.container__search-locations{position:relative}.search-options{position:absolute;top:2.5rem;left:0;width:100%;z-index:101}.container__search-box{display:flex;background-color:var(--neutral-800);height:2rem;padding:.5rem .8rem;gap:.8rem;border-radius:.5rem}.container__search-box input{width:100%;height:100%;border:0;background-color:var(--neutral-800);color:var(--neutral-0)}.container__search-box input:focus{outline:0}h1{font-family:Bricolage Grotesque Bold,sans-serif;font-size:3.5rem;margin:0 1rem;text-align:center}.seacrh-btn{display:flex;gap:1rem;justify-content:center;align-items:center;height:2rem;width:100%;border-radius:.5rem;background-color:var(--blue-500);border:0;color:var(--neutral-0)}.seacrh-btn:hover,.seacrh-btn:focus{background-color:var(--blue-700);outline:0}.container__data{display:grid;grid-template-columns:1fr;gap:1rem;padding:0}@media screen and (min-width:65rem){#root{max-width:90rem}.container__search-inputs{width:80%;grid-template-columns:85% 15%}.container__data{grid-template-areas:"current hourly" "daily hourly"}.container__current-weather{margin-top:0;grid-area:current}.container__daily-forecast{grid-area:daily}.container__hourly-forecast{grid-area:hourly;width:15rem;padding:1rem;background-color:var(--neutral-800);border-radius:.5rem}}.container__header{position:relative;display:flex;justify-content:space-between;align-items:center}.wrapper_submenu{position:fixed;top:0;right:0;min-width:100vw;min-height:100vh;background-color:transparent;z-index:100}.submenu{position:absolute;right:0;top:2.5rem;padding:.5rem .2rem;background-color:var(--neutral-800);width:12rem;z-index:101;border-radius:.5rem}.submenu .submenu__settings{padding-left:.5rem;padding-right:.5rem}.icon-btn.dropdown-btn{z-index:101}.unit-setting__label{color:var(--neutral-300);font-size:.9rem;text-align:left}.unit-setting__unit{display:flex;justify-content:space-between;align-items:center}.unit-setting__unit:first-of-type{margin:.2rem 0}.unit-setting{padding-top:.5rem}.unit-setting.border-bottom{border-bottom:.15rem solid var(--neutral-600);padding-bottom:.5rem}.container__overall-result{min-height:15rem;margin-bottom:1rem;position:relative}.container__overall-result img{width:100%}.container__overall-result .today-result{height:100%;width:100%;position:absolute;top:0;left:0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;gap:1rem}.container__overall-result .today-result .today-result__date-location p{color:var(--neutral-300)}.container__overall-result .today-result .today-result__temperature{display:flex;justify-content:center;align-items:center}.container__overall-result .today-result .today-result__temperature img{width:5rem;height:5rem}.container__overall-result .today-result .today-result__temperature p{font-size:5rem;font-weight:700}.container__result-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.container__result-details div{border-radius:.5rem;background-color:var(--neutral-700);height:6rem;border:.1rem solid var(--neutral-600);padding:1rem}.container__result-details div label{color:var(--neutral-300)}.container__result-details div p{margin-top:1rem;font-size:1.5rem}@media screen and (min-width:65rem){.container__result-details{grid-template-columns:repeat(4,1fr)}.container__overall-result .today-result{flex-direction:row;justify-content:space-between;text-align:left}}.container__daily-forecast .forecast{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.container__daily-forecast .forecast li{min-width:5rem;height:10rem;background-color:var(--neutral-800);border:.1rem solid var(--neutral-600);border-radius:.5rem;text-align:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:center}.container__daily-forecast .forecast li img{width:5rem;height:5rem}.container__daily-forecast .forecast li div{width:100%;display:flex;justify-content:space-between;font-size:.8rem;padding:0 .5rem;align-items:center}@media screen and (min-width:65rem){.container__daily-forecast .forecast{grid-template-columns:repeat(7,1fr)}}.container__hourly-forecast select{height:2rem;color:var(--neutral-0);background-color:var(--neutral-800);border:.1rem solid var(--neutral-600);padding:.5rem;border-radius:.5rem;cursor:pointer}.container__hourly-forecast select:hover,.container__hourly-forecast select:focus{opacity:.8}.container__hourly-forecast select:active{opacity:.6}.container__day-selection{position:relative}.container__day-selection ul{position:absolute;top:2rem;left:0;padding:.5rem;background-color:var(--neutral-800);width:12rem;z-index:101;border-radius:.5rem}.hourly-temps li{height:2.5rem;background-color:var(--neutral-700);border:.1rem solid var(--neutral-600);margin-top:1rem;display:flex;gap:1rem;align-items:center;border-radius:.5rem;position:relative}.hourly-temps li p:last-child{position:absolute;right:1rem}.hourly-temps li img{width:2rem;height:2rem}@media screen and (min-width:65rem){.hourly-temps{max-height:30rem;overflow-x:hidden;overflow-y:auto}}.container__api-error{text-align:center}.container__api-error p{color:var(--neutral-300)}.error-icon{margin:1rem auto;height:2rem;width:2rem}.container__api-error button{margin:1rem auto}.search-options{width:100%;background-color:var(--neutral-800);border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}