@import"https://fonts.googleapis.com/css2?family=Anek+Latin:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Kaisei+Tokumin:wght@400;500;700&family=Lato:wght@300;400;700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap";.App{height:100vh;background-color:#020406;padding:32px;display:grid;grid-template-columns:1fr 3fr 12fr;gap:16px;font-family:Inter}.sidebar{display:flex;flex-direction:column;background-color:#1c1e1f;border-radius:24px;padding:16px 0}.widgets{padding:24px;background-color:#1c1e1f;border-radius:24px}.home{background-color:#fff;border-radius:24px;padding:32px}.devices_section{margin-top:16px}.devices_section_heading{font-size:30px}.device_container{margin-top:16px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.menu-bar{display:flex;margin-top:1.25rem;margin-bottom:1.25rem;border-color:#000;column-gap:1rem}.menubar_item_container{display:flex;align-items:center;gap:16px}.settings{background-color:#fff;border-radius:24px;padding:32px}.footer{font-size:12px;font-weight:700;margin-top:50px;text-align:center;color:#000}._container_8lczq_1{margin-left:12px;display:flex;height:64px;width:64px;align-items:center;justify-content:center;border-radius:9999px;color:#fff;cursor:pointer;margin-bottom:30px}._container_8lczq_1:hover{background:white;color:#000}._container_active_8lczq_45{margin-left:12px;margin-bottom:30px;display:flex;height:64px;width:64px;align-items:center;justify-content:center;border-radius:9999px;background:#25ffff;color:#000;cursor:pointer;box-shadow:0 0 10px #25ffff}._container_active_8lczq_45:hover{background:#25ffff}._widget_time_spbmk_1{color:#fff;font-size:60px;text-align:center}._widget_date_spbmk_15{color:#fff;font-size:16px;margin-top:8px;text-align:center}._widget_weather_spbmk_29{margin-top:25px}._temperature_spbmk_37{display:inline-flex}._widget_weather_temp_title_spbmk_43{color:#fff;font-weight:600;padding-left:25px;padding-right:30px}._widget_weather_temp_spbmk_43{color:#fff}._humidity_spbmk_67{display:inline-flex;margin-top:16px}._widget_weather_humidity_title_spbmk_77{color:#fff;font-weight:600;padding-left:25px;padding-right:70px}._widget_weather_humidity_spbmk_77{color:#fff}._condition_spbmk_99{display:inline-flex;margin-top:16px}._widget_weather_condition_title_spbmk_109{color:#fff;font-weight:600;padding-left:25px;padding-right:40px}._widget_weather_condition_spbmk_109{color:#fff}._rain_spbmk_133{display:inline-flex;margin-top:16px}._widget_weather_rain_chance_title_spbmk_143{color:#fff;font-weight:600;padding-left:25px;padding-right:60px}._widget_weather_rain_chance_spbmk_143{color:#fff}._security_system_title_16y59_1{font-size:24px;font-weight:800}._security_system_on_16y59_13{margin-top:32px;background-color:red;color:#fff;border:2px solid red;border-radius:18px;width:200px;height:170px;padding-left:12px;padding-top:12px;box-shadow:0 0 10px red;margin-left:10px}._security_system_off_16y59_41{margin-top:32px;background-color:#2f4f4f;color:#ff0;border:2px solid darkslategray;border-radius:18px;width:200px;height:170px;padding-left:12px;padding-top:12px;margin-left:10px}._system_condition_icon_off_16y59_67{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:9999px;border-width:2px solid #717374;cursor:pointer;color:#717374;margin-top:-80px}._system_condition_icon_on_16y59_95{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:9999px;border-width:2px solid green;cursor:pointer;color:#90ee90;background:green;box-shadow:0 0 10px green;margin-top:-100px}._state_16y59_141,._system_condition_icon_on_16y59_95,._system_condition_icon_off_16y59_67{display:inline-block}._system_condition_icon_off_16y59_67,._system_condition_icon_on_16y59_95{margin-left:130px}._ems_container_axj9t_1{margin-top:20px;background-color:#fff;color:#000;border:2px solid darkslategray;border-radius:18px;width:200px;height:130px;padding-left:12px;padding-top:12px;margin-left:10px}._ems_title_axj9t_27{font-size:16px}._button_axj9t_35{margin-top:20px;margin-left:110px;font-size:14px;border:3px solid #000;border-radius:18px;background:#000;color:#fff;font-weight:700}._button_axj9t_35:hover{box-shadow:0 0 10px #25ffff;background:#25ffff;border:3px solid #25ffff;color:#000}*{margin:0;padding:0;box-sizing:border-box}._header_z3fi4_1{font-size:18px;display:flex;justify-content:space-between}._header_heading_z3fi4_13{font-size:36px}._header_tagline_z3fi4_23{font-size:18px;margin-top:16px}._profile_img_z3fi4_33{display:block;height:72px;width:72px;border-radius:50%}._button_not_selected_qzprs_1{display:block;padding:.5rem 1rem;background-color:#fff;border-radius:1.5rem;border-width:1px}._button_selected_qzprs_23{display:block;padding:.5rem 1rem;background-color:#000;color:#fff;border-radius:1.5rem;border-width:1px;font-size:16px}._form_17vyy_1{margin-top:16px;margin-bottom:16px}._searchbar_container_17vyy_13{display:flex;background-color:#fff;justify-content:space-between;align-items:center;row-gap:16px;border-radius:24px;padding-left:16px;padding-right:16px}._searchbar_input_17vyy_37{border-radius:20px;outline:none;font-size:20px;padding:4px 8px}._device_card_1w695_1{position:relative;overflow:hidden;height:288px;width:224px;border-radius:24px}._device_card_img_1w695_19{display:block;max-width:100%;border:radius 24px;object-fit:cover}._device_card_info_1w695_33{position:absolute;left:0;right:0;bottom:0;background-color:#fff;padding:16px}._device_card_info_container_1w695_51{display:flex;justify-content:space-between;align-items:center}._device_card_text_1w695_63{color:#000;font-size:1.25rem;font-weight:300}._device_card_icon_off_1w695_75{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:9999px;border-width:2px solid #717374;cursor:pointer;color:#404243}._device_card_icon_on_1w695_99{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:9999px;border-width:2px solid #FFD700;cursor:pointer;color:#000;background:#FFD700;box-shadow:0 0 10px gold}._device_card_1w695_1:hover{box-shadow:0 0 10px gray}._device_card_icon_off_1w695_75:hover{border-width:2px solid #FFD700;background:#FFD700;box-shadow:0 0 10px gold}._reset_1wl6c_1{margin-top:32px;background-color:#000;color:#fff;border:2px solid #000;border-radius:18px;width:200px;height:170px;padding-left:12px;padding-top:12px;margin-left:10px;font-size:28px;font-weight:800}._reset_1wl6c_1:hover{box-shadow:0 0 10px #000}._reset_button_1wl6c_39{font-size:14px;font-weight:700;padding:6px;margin-top:42px;margin-left:112px;border:1px solid white;border-radius:8px}._reset_button_1wl6c_39:hover{background-color:#ff0;color:#1a3444}._account_details_1wl6c_77{margin-top:32px;background-color:#3d1a44;color:#ff5757;border:2px solid #000;border-radius:18px;width:200px;height:170px;padding-left:12px;padding-top:12px;font-size:28px;font-weight:800}._details_button_1wl6c_105{font-size:14px;font-weight:700;margin-top:48px;margin-left:48px;border:1px solid white;border-radius:8px}._account_details_1wl6c_77:hover{box-shadow:0 0 10px #3d1a44}._configure_1wl6c_135{margin-top:32px;margin-left:10px;background-color:#343434;color:#f34d35;border:2px solid #000;border-radius:18px;width:200px;height:170px;padding-left:12px;padding-top:12px;font-size:28px;font-weight:800}._configure_1wl6c_135:hover{box-shadow:0 0 10px #343434}._configure_button_1wl6c_175{font-size:14px;font-weight:700;margin-top:48px;margin-left:48px;border:1px solid white;border-radius:8px}._reset_1wl6c_1,._configure_1wl6c_135,._account_details_1wl6c_77{display:inline-block}._footer_1wl6c_207{font-size:12px;font-weight:700;margin-top:240px;text-align:center;color:#000}