@font-face{font-family:Bricolage Grotesque;src:url(/assets/fonts/Bricolage_Grotesque/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf) format("truetype");font-style:normal}@font-face{font-family:DM Sans;src:url(/assets/fonts/DM_Sans/DMSans-VariableFont_opsz,wght.ttf) format("truetype");font-style:normal}@font-face{font-family:DM Sans;src:url(/assets/fonts/DM_Sans/DMSans-Italic-VariableFont_opsz,wght.ttf) format("truetype");font-style:italic}:root{--font-family-primary: "DM Sans", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-secondary: "Bricolage Grotesque", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-body: 18px;--font-weight-light: 300;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-semibold-italic: 600;--font-weight-bold: 700;--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%);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img{display:block;max-width:100%}body{background-color:var(--neutral-900);min-height:100vh;font-family:var(--font-family-primary);font-size:var(--font-size-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-secondary)}button{border:none;background-color:transparent;color:#fff}.container{max-width:1280px;margin:0 auto;padding:24px;text-align:center}._navbar_1h0ht_2{display:flex;justify-content:space-between;align-items:center;padding:24px;position:relative;z-index:10}._settingBtn_1h0ht_10{display:flex;justify-content:space-between;align-items:center}._settingBtn_1h0ht_10 img{width:14px}._btnSelected_1h0ht_18{background-color:var(--neutral-700)}._dropdown_wo064_1{position:relative;display:inline-block}._dropbtn_wo064_8{display:flex;gap:12px;background-color:var(--neutral-800);padding:13px 16px;border-radius:8px;margin-bottom:10px}._dropdownContent_wo064_16{background-color:var(--neutral-800);border-radius:8px;z-index:10;padding:10px;position:absolute;right:0;gap:10px;display:none;width:215px}._dropdownContent_wo064_16 button{font-size:16px;width:100%;padding:10px;text-align:left;border-radius:8px}._dropdownContent_wo064_16 button:hover{background-color:var(--neutral-700)}._dropdownContent_wo064_16 div{display:flex;flex-direction:column;align-items:flex-start;gap:5px}._dropdownContent_wo064_16 div p{font-size:14px;color:var(--neutral-300)}._dropdownContent_wo064_16 hr{background-color:var(--neutral-600);border:none;height:1px;width:100%}._dropdownContent_wo064_16._show_wo064_56{display:grid}._rotateUp_wo064_60{transform:rotate(180deg);transition:transform .4s ease}._rotateDown_wo064_64{transform:rotate(0);transition:transform .4s ease}._dropbtn_wo064_8._lightColor_wo064_68,._dropdownContent_wo064_16._lightColor_wo064_68{background-color:var(--neutral-600)}._searchContainer_1r5u0_1{display:flex;align-items:center;gap:1rem;border:none;margin-top:2rem;justify-content:center}._queryContainer_1r5u0_9{position:relative;max-width:526px;width:100%;border:none}._searchBar_1r5u0_15{padding:16px 60px;width:100%;border:none;background-color:var(--neutral-800);border-radius:8px;color:#fff}._searchButton_1r5u0_24{padding:16px 24px;background-color:var(--blue-500);border-radius:8px;transition:all .3s ease}._searchButton_1r5u0_24:hover{background-color:var(--blue-700);cursor:pointer}._searchIcon_1r5u0_34{position:absolute;left:24px;top:50%;transform:translateY(-50%)}._searchBar_1r5u0_15,._searchButton_1r5u0_24{font-size:var(--font-size-body)}._resultsContainer_1r5u0_44{background-color:var(--neutral-800);position:absolute;left:0;width:100%;max-width:526px;margin-top:1rem;display:none;border-radius:8px;font-size:18px}._resultsContainer_1r5u0_44 button{padding:10px;border:1px solid transparent;width:100%;border-radius:8px;text-align:left;margin-bottom:8px;cursor:pointer}._resultsContainer_1r5u0_44 button:hover{background-color:var(--neutral-700);border:1px solid var(--neutral-600)}._showResults_1r5u0_69{padding:8px;display:block}@media (max-width:600px){._searchContainer_1r5u0_1{flex-direction:column;width:100%}._searchButton_1r5u0_24{width:100%}._searchBar_1r5u0_15{padding-right:1rem}}._weatherWrapper_10fkl_2{display:flex;gap:2rem;margin-top:3rem}._currentWeatherGrid_10fkl_8{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,118px);width:800px;max-width:100%;row-gap:2rem}._currentWeatherContainer_10fkl_18{display:flex;align-items:center;padding:1.5rem;justify-content:space-between;text-align:left;grid-row:span 2;grid-column:1/-1;background:url(/assets/images/bg-today-large.svg) no-repeat left;border-radius:8px;background-size:cover}._currentWeatherContainer_10fkl_18 ._temperatureContainer_10fkl_29{display:flex;gap:1rem;align-items:center}._currentWeatherContainer_10fkl_18 ._temperatureContainer_10fkl_29 p{font-size:96px;font-style:italic;font-weight:600;letter-spacing:-2px}._weatherDetailsContainer_10fkl_42{display:flex;width:100%;grid-column:span 4;text-align:left;gap:1rem}._weatherDetailsContainer_10fkl_42 div{border:1px solid var(--neutral-600);width:100%;padding:1.5rem;border-radius:8px;background-color:var(--neutral-800)}._weatherDetailsContainer_10fkl_42 ._highlightNumber_10fkl_55{font-size:32px;line-height:36px;margin-top:10px}._hourForcastContainer_10fkl_61{background-color:var(--neutral-800);padding:1rem;border-radius:8px;max-width:384px;width:100%;height:674px;overflow:hidden}._hourForcastContainer_10fkl_61 ._dayForcastDropdown_10fkl_70{display:flex;justify-content:space-between;align-items:center}._weekForcast_10fkl_77{grid-column:span 4}._weekForcast_10fkl_77 h2{text-align:left;margin-bottom:1.25rem}._weekContainer_10fkl_85{display:flex;width:100%;gap:1rem}._weekContainer_10fkl_85 ._dayCard_10fkl_89{background-color:var(--neutral-800);padding:1rem 10px;border-radius:8px;width:100%}._weekContainer_10fkl_85 ._dayCard_10fkl_89 ._temperatures_10fkl_94{font-size:16px;display:flex;justify-content:space-between}._hourForcastGrid_10fkl_101{display:grid;grid-auto-rows:min-content;gap:1rem;overflow:scroll;height:100%;padding-right:1rem;padding-bottom:3rem}._hourCard_10fkl_110{background-color:var(--neutral-700);border-radius:8px;padding:10px 16px;border:1px solid var(--neutral-600);display:flex;justify-content:space-between;align-items:center;gap:.5rem}._hourCard_10fkl_110 div{display:flex;align-items:center;gap:.5rem}@media (max-width: 1000px){._weatherWrapper_10fkl_2{flex-direction:column;align-items:center}._hourForcastContainer_10fkl_61{max-width:100%;width:100%;height:auto}._hourForcastContainer_10fkl_61 ._hourForcastGrid_10fkl_101{padding-bottom:0;padding-right:0}}@media (max-width: 700px){._currentWeatherGrid_10fkl_8{grid-template-columns:1fr;grid-template-rows:auto}._currentWeatherContainer_10fkl_18{flex-direction:column;background:url(/assets/images/bg-today-small.svg) no-repeat center;text-align:center}._weatherDetailsContainer_10fkl_42{display:grid;grid-template-columns:1fr 1fr}._weekContainer_10fkl_85{display:grid;grid-template-columns:repeat(2,1fr)}._container_10fkl_160{padding:1rem}._temperatureContainer_10fkl_29{justify-content:center;gap:1.5rem;width:100%}}._weatherWrapper_1jvrh_2{display:flex;gap:2rem;margin-top:3rem}._currentWeatherGrid_1jvrh_8{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,118px);width:800px;max-width:100%;row-gap:2rem}._currentWeatherContainer_1jvrh_18{display:flex;align-items:center;padding:1.5rem;justify-content:space-between;text-align:left;grid-row:span 2;grid-column:1/-1;background:#262540 no-repeat left;border-radius:8px;background-size:cover}._currentWeatherContainer_1jvrh_18 ._temperatureContainer_1jvrh_29{display:flex;gap:1rem;align-items:center}._currentWeatherContainer_1jvrh_18 ._temperatureContainer_1jvrh_29 p{font-size:96px;font-style:italic;font-weight:600;letter-spacing:-2px}._weatherDetailsContainer_1jvrh_42{display:flex;width:100%;grid-column:span 4;text-align:left;gap:1rem}._weatherDetailsContainer_1jvrh_42 div{border:1px solid var(--neutral-600);width:100%;padding:1.5rem;border-radius:8px;background-color:var(--neutral-800)}._weatherDetailsContainer_1jvrh_42 ._highlightNumber_1jvrh_55{font-size:32px;line-height:36px;margin-top:10px}._hourForcastContainer_1jvrh_61{background-color:var(--neutral-800);padding:1rem;border-radius:8px;max-width:384px;width:100%;height:674px;overflow:hidden}._hourForcastContainer_1jvrh_61 ._dayForcastDropdown_1jvrh_70{display:flex;justify-content:space-between;align-items:center}._weekForcast_1jvrh_77{grid-column:span 4}._weekForcast_1jvrh_77 h2{text-align:left;margin-bottom:1.25rem}._weekContainer_1jvrh_85{display:flex;width:100%;gap:1rem}._weekContainer_1jvrh_85 ._dayCard_1jvrh_89{background-color:var(--neutral-800);border:1px solid var(--neutral-600);padding:1rem 10px;border-radius:8px;width:100%;height:165px}._weekContainer_1jvrh_85 ._dayCard_1jvrh_89 ._temperatures_1jvrh_96{font-size:16px;display:flex;justify-content:space-between}._hourForcastGrid_1jvrh_103{display:grid;gap:1rem;overflow:scroll;height:100%;padding-right:1rem;padding-bottom:3rem}._hourCard_1jvrh_111{background-color:var(--neutral-700);border-radius:8px;padding:10px 16px;border:1px solid var(--neutral-600);display:flex;justify-content:space-between;align-items:center;gap:.5rem}._hourCard_1jvrh_111 div{display:flex;align-items:center;gap:.5rem}@media (max-width: 1000px){._weatherWrapper_1jvrh_2{flex-direction:column;align-items:center}._hourForcastContainer_1jvrh_61{max-width:100%;width:100%;height:auto}._hourForcastContainer_1jvrh_61 ._hourForcastGrid_1jvrh_103{padding-bottom:0;padding-right:0}}@media (max-width: 700px){._currentWeatherGrid_1jvrh_8{grid-template-columns:1fr;grid-template-rows:auto}._currentWeatherContainer_1jvrh_18{flex-direction:column}._weatherDetailsContainer_1jvrh_42{display:grid;grid-template-columns:1fr 1fr}._weekContainer_1jvrh_85{display:grid;grid-template-columns:repeat(2,1fr)}._container_1jvrh_157{padding:1rem}._temperatureContainer_1jvrh_29{justify-content:center;gap:1.5rem;width:100%}}._errorContainer_14xk7_3{margin-top:4rem}._errorContainer_14xk7_3 img{margin:0 auto}._errorContainer_14xk7_3 a{display:inline-block;background-color:var(--neutral-700);color:#fff;padding:10px 16px;border-radius:8px;margin-top:1rem}