@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}#root{max-width:32rem}li{list-style:none}a{display:block;text-decoration:none;cursor:pointer;color:var(--neutral-0)}img{max-inline-size:100%;block-size:auto;display:block}button{cursor:pointer;font-family:DMSans Medium;font-size:.9rem}.wide-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)}.wide-btn:hover,.wide-btn:focus{background-color:var(--blue-700);outline:0}.dropdown-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}.dropdown-btn:hover{opacity:.8}@media(prefers-reduced-motion:no-preference){a,button{transition:all .3s ease-out}}.container__header{position:relative;display:flex;justify-content:space-between;align-items:center}.unit-settings{position:absolute;right:0;top:2.5rem;background-color:var(--neutral-800);width:12rem;z-index:10}.container__search-input{display:flex;background-color:var(--neutral-800);height:2rem;padding:.5rem .8rem;gap:.8rem;border-radius:.5rem}.container__search-input input{width:100%;height:100%;border:0;background-color:var(--neutral-800);color:var(--neutral-0)}.container__search-input input:focus{outline:0}.container__overall-result{min-height:15rem;margin:1rem 0;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 div{display:flex;justify-content:center;align-items:center}.container__overall-result .today-result div img{width:5rem;height:5rem}.container__overall-result .today-result div 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:5rem;border:.1rem solid var(--neutral-600)}.container__daily-forecast{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.container__daily-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__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}.container__daily-forecast li img{width:5rem;height:5rem}.container__daily-forecast li div{display:flex;justify-content:space-between;align-items:center;gap:1rem}.container__hourly-forecast 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}.container__hourly-forecast li p:last-child{position:absolute;right:1rem}.container__hourly-forecast li img{width:2rem;height:2rem}