:root{--color-bg-blue: #c7dfff;--color-bg-indigo: rgb(146, 97, 205);--color-primary: rgba(54, 100, 162, .3);--color-white: #fff;--color-black: #000;--color-sidebar: rgba(10, 10, 10, .8)}[data-theme=dark]{--color-bg-blue: #1a1a2e;--color-bg-indigo: #2f1b52;--color-primary: rgba(108, 162, 255, .2);--color-white: #111;--color-black: #eaeaea}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui}html,body{width:100%;height:auto;background:linear-gradient(to bottom right,var(--color-bg-blue),80%,var(--color-bg-indigo) 100%);background-attachment:fixed}.row{display:flex;flex-direction:row}.center{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.row{display:flex;flex-direction:column}}._header_c5rs0_1{display:flex;justify-content:space-between;align-items:center;padding:1rem;color:var(--color-black)}._location_c5rs0_8{font-size:1.3rem;font-weight:700;color:#3f51b5ee}._favourites_c5rs0_14{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;color:var(--color-black);gap:.5rem}._graytext_c5rs0_23{color:gray;font-size:.9rem;font-weight:700}@media (max-width: 768px){html{font-size:90%}}._switch_1hv9w_2{position:relative;display:inline-block;width:4rem;height:2.4rem}._input_1hv9w_10{opacity:0;width:0;height:0}._slider_1hv9w_17{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}._slider_1hv9w_17:before{position:absolute;content:"";height:2rem;width:2rem;left:.25rem;bottom:.25rem;background-color:#fff;-webkit-transition:.4s;transition:.4s}._input_1hv9w_10:checked+._slider_1hv9w_17{background-color:#2196f3}._input_1hv9w_10:focus+._slider_1hv9w_17{box-shadow:0 0 1px #2196f3}._input_1hv9w_10:checked+._slider_1hv9w_17:before{-webkit-transform:translateX(2rem);-ms-transform:translateX(2rem);transform:translate(1.6rem)}._round_1hv9w_56{border-radius:3rem}._round_1hv9w_56:before{border-radius:50%}._sidebar_1hd1f_1{position:fixed;width:40%;height:100%;right:0;background-color:var(--color-sidebar);z-index:1;border-top-left-radius:.8rem;border-bottom-left-radius:.8rem}._closeSidebar_1hd1f_11{position:absolute;top:1.5rem;right:1.5rem;color:#fff;font-weight:700;font-size:2rem;cursor:pointer}._sidebarMenus_1hd1f_20{margin-top:4rem;display:flex;flex-direction:column}._sidebarButton_1hd1f_25{border:1px solid gray;padding:.5rem 1rem;font-weight:500;font-size:1rem;margin:.1rem 0}._themeFilter_1hd1f_33,._unitFilter_1hd1f_34{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#3664a24d;margin:.1rem 0rem}._text_1hd1f_42{color:#fff;font-weight:700;font-size:1rem}._title_1hd1f_48{margin-top:2rem;text-align:center;color:#fff}._hr_1hd1f_53{background-color:#fff;font-weight:500;height:.2rem;margin:.5rem 0}._button_1hd1f_59{width:100%;border:none;padding:.6rem 1rem;font-weight:500;font-size:1rem;background-color:var(--color-primary);color:#fff}._button_1hd1f_59:hover{color:#fff;background-color:gray}@media (max-width: 768px){._sidebar_1hd1f_1{width:80%}}._card_1a9yd_1{width:30%;background-color:#3664a24d;color:#fff;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;margin:1% 3%;border-radius:1rem}._day_1a9yd_12{font-size:1.5rem;margin:1rem 0}._temperature_1a9yd_16{font-size:3rem;margin:1rem 0 0}._status_1a9yd_20{font-size:1.2rem;color:#fff;font-weight:500;margin-bottom:1rem}._row_1a9yd_26{display:flex;justify-content:space-evenly;width:100%}._col_1a9yd_31{display:flex;flex-direction:column;align-items:center}._humidity_1a9yd_36,._windSpeed_1a9yd_37{font-weight:900}@media (max-width: 768px){._card_1a9yd_1{width:auto;margin:1rem;padding:.6rem}._day_1a9yd_12{font-size:1.5rem;margin:.5rem}._temperature_1a9yd_16{font-size:3.5rem}}._wrapper_1kpaf_1{display:flex;justify-content:center;width:100%}._searchbar_1kpaf_6{display:flex;justify-content:center;align-items:center;background-color:#3f51b5ee;width:28%;border-radius:1rem;margin:3%}._input_1kpaf_15{width:100%;padding:1rem;border:none;border-top-left-radius:1rem;border-bottom-left-radius:1rem}._input_1kpaf_15[type=text]{color:#333;font-size:1rem;font-weight:500}._icon_1kpaf_27{margin:.5rem;font-weight:700}@media (max-width: 768px){._searchbar_1kpaf_6{width:100%;flex-grow:1}}@media (max-width: 1024px){._searchbar_1kpaf_6{width:80%;flex-grow:1}}._chart_1k3hm_1{width:94%;background-color:#fff;padding:1rem;border-radius:1rem;margin:3%;min-height:300px}._chart_1k3hm_1 svg{width:100%!important;height:100%!important}