@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@100;200;300;400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content,.layout{flex-grow:1;overflow:hidden}#__next{min-height:100%;display:flex;flex-direction:column;overflow:hidden}body{height:100%;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--main-font-color)}.pageWrapper,body{overflow:hidden;background-color:var(--main-bg-color)}.pageWrapper{height:100vh;display:flex;flex-direction:column;font-family:Hanken Grotesk,sans-serif}.wrapper-auth,.wrapper-main-layout{display:flex;align-items:center;justify-content:center}.wrapper-main-layout{padding:20px;height:100%}.box{background-color:var(--main-box-color)}.box-auth-outer{width:450px;height:225px;border-radius:40px;background-color:var(--box-color-option-1)}.box-auth-inner,.box-auth-outer{display:flex;align-items:center;justify-content:center}.box-auth-inner{width:430px;height:205px;background-color:var(--main-bg-color);border-radius:30px}.grid,.grid-bg-auth{width:100%;height:100%}.grid-bg-auth{display:grid;grid-template-rows:.6fr .4fr}.grid-auth-content{display:grid;grid-template-rows:auto 84px;width:450px;height:293px}.grid-auth-box-content{display:grid;grid-template-rows:auto 1fr;align-items:center;justify-content:center;padding-bottom:10px}.grid-main-layout{display:grid;height:100%;width:100%;grid-template-rows:100px 1fr;grid-gap:20px;gap:20px}.grid-row{width:400px;height:100%;display:flex;align-items:center;justify-content:center}.grid-row-main-layout{width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1}.grid-row-auth img{padding-top:10px;transition:filter .3s ease}.dark-mode .grid-row-auth img{filter:invert(1) hue-rotate(180deg)}.grid-settings-layout{display:grid;grid-template-columns:1fr 5fr}.grid-settings-layout-colum-content{padding-left:10px}.grid-app-settings-layout,.grid-settings-layout-colum-content{background-color:var(--box-color-option-1);border-top-right-radius:40px;border-bottom-right-radius:40px}.grid-app-settings-layout{display:grid;grid-template-columns:230px 6fr;width:100%;grid-gap:20px;gap:20px}.label{font-size:16px;font-weight:200;color:var(--main-font-color)}.label-info{font-size:18px;display:flex;font-weight:200}.btnBox,.label-info{align-items:center;justify-content:center}.btnBox{display:none;opacity:0;transform:translateY(-10px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.btnBox.visible{opacity:1;transform:translateY(0);display:flex}.widget-wrapper{background-color:var(--box-color-option-1);height:100%;border-radius:40px;padding:40px}.grid_12x12{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);grid-gap:10px;gap:10px;height:100%;position:relative}.widget-card{grid-column:span 4;grid-row:span 6}.app-container{background-color:var(--box-color-option-1);height:100%;border-radius:40px}.app-grid,.app-grid-alt{display:grid;grid-template-rows:1% 1fr;height:100%;grid-gap:10px;gap:10px;padding:10px}.app-grid-header{padding:10px}.app-grid-content{padding:10px}.app-grid-content,.app-grid-content-alt{background-color:var(--main-bg-color);border-radius:30px}.app-grid-content-alt{padding:0 10px}.lightApp-content-grid{display:grid;grid-template-rows:10% 30% 30% 30%;height:100%;font-family:Hanken Grotesk,sans-serif}.lightApp-content-header-grid{display:grid;grid-template-columns:48px 1fr 48px}.lightApp-content-header-label{display:flex;align-items:flex-end;justify-content:center;font-size:22px;font-weight:100}.lightApp-content-active-mode,.lightApp-content-header-button{display:flex;align-items:center;justify-content:center}.lightApp-content-active-mode{font-size:48px;font-weight:200}.lightApp-content-mode-shortcuts{display:flex;align-items:flex-end;justify-content:center;gap:10px}.shortcut{width:64px;height:64px;border-radius:28px;background-color:var(--main-box-color);display:flex;align-items:center;justify-content:center}.lightApp-content-controll-grid{display:grid;grid-template-columns:1fr 84px;grid-gap:10px;gap:10px}.lightApp-content-controll-select{display:flex;align-items:flex-end}.select{width:100%;height:48px;background-color:var(--main-box-color);border-radius:22px;display:flex;align-items:center;justify-content:flex-start;padding-left:20px}.light-app-content-controll-onoff{display:flex;align-items:flex-end}.onoff-container{width:100%;height:48px;border-radius:22px;padding:5px;background-color:var(--main-box-color);display:flex;align-items:center}.onoff-thumb{width:34px;height:34px;border-radius:16px;background-color:var(--main-font-color)}.button{display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;box-shadow:none;font-family:Hanken Grotesk,sans-serif;outline-offset:-9999px;-webkit-tap-highlight-color:transparent;-moz-focus-inner{border:0}}button:focus{outline:none;box-shadow:none;outline-offset:-9999px}button:active{transform:scale(.95)}.button-valid{width:430px;height:58px;border:none;border-radius:23px;font-size:20px;font-weight:300;background-color:var(--button-valid-color);color:var(--alt-font-color)}.buttonModeToggle{position:absolute;top:16px;right:16px;width:48px;height:48px;border:none;border-radius:20px;background-color:var(--main-font-color);color:var(--alt-font-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;text-align:middle;vertical-align:middle;transition:background-color .3s ease}.header-select-btn{display:flex;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Hanken Grotesk,sans-serif}.header-avatar{background-color:var(--main-bg-color);color:var(--main-font-color);width:48px;display:flex;align-items:center;border-radius:18px}.header-avatar,.header-name{height:48px;justify-content:center;font-size:16px;margin-right:10px}.header-name{width:74px;flex-direction:column;flex-shrink:0}.header-select-dropdown-button{background:none;border:none;cursor:pointer;padding:0}.dark-mode .header-select-dropdown-button{filter:invert(1) hue-rotate(180deg)}.header-select-dropdown-menu{position:absolute;width:280px;top:160%;right:0;padding:10px;background-color:var(--box-color-option-1);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:18px;font-size:14px;overflow:hidden;z-index:1000;font-family:Hanken Grotesk,sans-serif;font-weight:300}.header-select-dropdown-user-info-container{height:auto;padding:5px 10px 10px;border-bottom:.5px solid var(--main-font-color);margin-bottom:10px}.header-select-label{padding-top:5px}.header-select-dropdown-item{padding:10px;border-radius:10px;cursor:pointer;color:var(--main-font-color)}.header-select-dropdown-item:hover{background-color:var(--main-bg-color)}.navigation-btn{display:inline-block;width:120px;height:40px;border:none;border-radius:30px;font-size:16px;font-family:Hanken Grotesk,sans-serif;font-weight:200;cursor:pointer;transition:background-color .3s;color:var(--main-font-color);background-color:var(--main-box-color);text-transform:uppercase;position:relative}.active{color:var(--alt-font-color);background-color:var(--main-font-color)}.dark-mode .active{color:var(--main-bg-color)}.sidebar-btn{display:inline-block;width:84px;height:84px;border:none;align-items:center;justify-content:center;border-radius:34px;cursor:pointer;transition:background-color .3s;background-color:var(--main-bg-color);position:relative}.selected{background-color:var(--main-font-color)}.dark-mode .sidebar-btn img,.selected img{filter:invert(1) hue-rotate(180deg)}.dark-mode .selected img{filter:invert(0) hue-rotate(180deg)}.button-settings-menu{background-color:transparent;border:none;display:flex;justify-content:flex-start;font-size:12px;font-weight:300;color:var(--main-font-color);gap:10px;height:48px;border-radius:20px;padding-left:10px;width:100%}.button-settings-menu.active{background-color:var(--main-font-color);color:var(--alt-font-color)}.dark-mode .button-settings-menu.active{color:var(--main-bg-color)}.button-settings-menu.active img{filter:invert(1) hue-rotate(180deg)}.dark-mode .button-settings-menu.active img{filter:invert(0) hue-rotate(180deg)}.dark-mode .button-settings-menu img{filter:invert(1) hue-rotate(180deg)}.delete-btn{width:100%;height:48px;border-radius:20px;border:none;cursor:pointer;outline:none;box-shadow:none;color:var(--main-bg-color);font-weight:400;font-size:16px;font-family:Hanken Grotesk,sans-serif;background-color:rgba(214,44,14,.5)}.cancel-btn:focus,.confirm-btn:focus,.delete-btn:focus{outline:none;box-shadow:none;outline-offset:-9999px}.cancel-btn{color:var(--main-font-color);background-color:var(--box-color-option-1)}.cancel-btn,.confirm-btn{width:100%;height:48px;border-radius:20px;border:none;cursor:pointer;outline:none;box-shadow:none;font-weight:400;font-size:16px;font-family:Hanken Grotesk,sans-serif}.confirm-btn{color:#fff;background-color:var(--button-valid-color)}.square-btn-m{background-color:var(--main-font-color);width:84px;height:84px;border-radius:34px;display:inline-block;border:none;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s}.square-btn-m img{filter:invert(1) hue-rotate(180deg)}.dark-mode .square-btn-m img{filter:invert(0) hue-rotate(180deg)}.modal-exit{width:42px;height:42px;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:18px;background:transparent;border:0;cursor:pointer}.dark-mode .modal-exit img{filter:invert(1) hue-rotate(180deg)}.addIntBtn{width:100%;height:100%;border:none;display:flex;align-items:center;justify-content:flex-end;cursor:pointer;background-color:transparent}.device-option-button-container{height:48px;float:right;border-radius:20px;background-color:var(--main-font-color);color:var(--main-bg-color);display:flex;align-content:center;align-items:center;padding:10px;gap:10px;transition:width .3s ease-in,justify-content .3s ease-out}.device-option-button{width:48px;height:48px;background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.device-option-button img{filter:invert(1) hue-rotate(180deg)}.dark-mode .device-option-button img{filter:invert(0) hue-rotate(180deg)}.device-option-btn-dropdown-menu{position:absolute;width:150px;padding:10px;margin-top:184px;background-color:var(--main-font-color);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:22px;font-size:12px;overflow:hidden;z-index:1000;font-weight:200;right:1.5%;display:flex;flex-direction:column;gap:10px;max-height:0;opacity:0;transform:translateY(-20px);transition:max-height .5s ease-in,opacity .5s ease-in,transform .5s ease-in}.device-option-btn-dropdown-menu.open{max-height:500px;opacity:1;transform:translateY(0)}.device-option-btn-dropdown-item{padding:10px;height:48px;border-radius:12px;cursor:pointer;color:var(--main-bg-color);display:flex;align-items:center;justify-content:center}.dark-mode .device-option-btn-dropdown-item{background-color:var(--main-font-color);color:var(--main-bg-color)}.device-option-btn-dropdown-item:hover{background-color:var(--main-bg-color);color:var(--main-font-color)}.UIKIT_Expand_App_Btn{border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;outline:none;box-shadow:none;outline-offset:-9999px;-webkit-tap-highlight-color:transparent;-moz-focus-inner{border:0}}.dark-mode .UIKIT_Expand_App_Btn img{filter:invert(1) hue-rotate(180deg)}.input{display:flex}.input:focus,input:active{outline:none;box-shadow:none;border:none}.input-L-m{height:64px;border-radius:22px;padding-left:22px;padding-right:22px;font-family:Hanken Grotesk,sans-serif;font-size:16px}.code-input,.input-L-m{border:none;background-color:var(--box-color-option-1);font-weight:200;color:var(--main-font-color)}.code-input{width:58px;height:58px;text-align:center;border-radius:26px;outline:none;transition:border-color .3s ease;font-size:22px}.code-input:focus{border-color:var(--main-font-color)}.container{display:flex}.container-code{justify-content:center;align-items:center;gap:10px;font-family:Hanken Grotesk,sans-serif}.search_input_xl_wrapper{position:relative;width:100%}.search_input_xl_icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.dark-mode .search_input_xl_icon img,.search_input_xl_icon{filter:invert(1) hue-rotate(180deg)}.search_input_xl{width:100%;padding:10px 40px;box-sizing:border-box;height:48px;border-radius:18px;background-color:var(--main-font-color);font-family:Hanken Grotesk,sans-serif;color:var(--main-bg-color);outline:none;box-shadow:none;border:none}.search_input_xl_clear_btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;display:flex;align-items:center}.dark-mode .search_input_xl_clear_btn img,.search_input_xl_clear_btn{filter:invert(1) hue-rotate(180deg)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:.9}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:.9}to{transform:translateX(100%);opacity:0}}.toast{position:fixed;top:30px;right:40px;background-color:var(--main-bg-color);color:var(--main-font-color);padding:10px 20px;border-radius:18px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;z-index:1000;opacity:.9;margin-bottom:10px;min-width:400px;height:80px;animation:slideInRight .5s forwards;font-family:Hanken Grotesk,sans-serif;font-weight:200;font-size:16px}.toast.success{border-left:20px solid #4caf50}.toast.error{border-left:20px solid #f44336}.toast.warning{border-left:20px solid #ff9800}.toast.info{border-left:20px solid #2196f3}.toast.notification{border-left:20px solid #9e9e9e}.toast button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px}.dark-mode .toast button img{filter:invert(1) hue-rotate(180deg)}.toast.slide-out{animation:slideOutRight .5s forwards}.toasts-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;z-index:1000}.UIKIT-dropdown,.UIKIT-dropdownButton{width:100%;height:48px}.UIKIT-dropdownButton{background-color:var(--box-color-option-1);padding:10px;border-radius:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--main-font-color)}.UIKIT-dropdownButton:hover{background-color:var(--main-bg-color)}.UIKIT-dropdownButton.open{width:100%}.UIKIT-dropdownOptions{position:relative;width:100%;background-color:var(--box-color-option-1);padding:10px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:22px;display:flex;flex-direction:column;gap:10px}.UIKIT-dropdownOptions li{padding:20px;cursor:pointer;border-radius:20px;font-size:14px;font-weight:200;display:flex;align-items:center;width:auto;height:48px;gap:10px;color:var(--main-font-color);width:100%}.UIKIT-dropdownOptions li:hover{background-color:var(--main-bg-color)}.UIKIT_Dropdown_L_inverted{position:relative;display:inline-block;width:100%}.UIKIT_Dropdown_L_inverted_button{width:100%;background-color:var(--box-color-option-1);padding:10px;border-radius:18px;height:48px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:200}.UIKIT_Dropdown_L_inverted_options{position:absolute;bottom:100%;left:0;width:100%;background-color:var(--main-box-color);padding:10px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:18px;display:flex;flex-direction:column;gap:10px;max-height:calc(4 * 42px + 40px);overflow-y:auto}.UIKIT_Dropdown_L_inverted_options::-webkit-scrollbar{display:none}.UIKIT_Dropdown_L_inverted_options{-ms-overflow-style:none;scrollbar-width:none}.UIKIT_Dropdown_L_inverted_options li{padding:20px 10px;cursor:pointer;border-radius:12px;font-size:14px;font-weight:200;display:flex;align-items:center;width:auto;height:48px;gap:10px}.UIKIT_Dropdown_L_inverted_options li:hover{background-color:var(--main-bg-color)}.UIKIT-dropdown_alt{width:100%;height:48px}.UIKIT-dropdownButton_alt{width:100%;background-color:var(--main-bg-color);padding:10px;border-radius:20px;height:48px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--main-font-color)}.UIKIT-dropdownButton_alt:hover{background-color:var(--box-color-option-1)}.UIKIT-dropdownButton_alt.open{width:100%}.UIKIT-dropdownOptions_alt{position:relative;width:100%;background-color:var(--main-bg-color);padding:10px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:22px;display:flex;flex-direction:column;gap:10px}.UIKIT-dropdownOptions_alt li{padding:20px;cursor:pointer;border-radius:20px;font-size:14px;font-weight:200;display:flex;align-items:center;width:auto;height:48px;gap:10px;color:var(--main-font-color);width:100%}.UIKIT-dropdownOptions_alt li:hover{background-color:var(--main-box-color)}.UIKIT_OnOff_Switch{width:84px;height:48px;border-radius:22px;background-color:var(--main-box-color);position:relative;cursor:pointer;transition:background-color .3s;-moz-focus-inner{border:0}}.UIKIT_OnOFF_Switch_Circle,.UIKIT_OnOff_Switch{outline:none;box-shadow:none;outline-offset:-9999px;-webkit-tap-highlight-color:transparent}.UIKIT_OnOFF_Switch_Circle{width:34px;height:34px;border-radius:16px;background-color:var(--main-font-color);position:absolute;top:7px;left:4px;transition:left .3s,background-color .3s;-moz-focus-inner{border:0}}.UIKIT_OnOFF_Switch_Circle.on{left:46px;background-color:var(--button-valid-color)}.UIKIT_OnOFF_Switch_Circle,.UIKIT_OnOFF_Switch_Circle.on,.UIKIT_OnOFF_Switch_Circle.on:focus{outline:none;box-shadow:none;outline-offset:-9999px}.climateApp-content-grid{display:grid;height:100%;grid-template-rows:10% 45% 25% 20%;font-family:Hanken Grotesk,sans-serif}.climateApp-content-header-grid{display:grid;grid-template-columns:48px 1fr 48px}.climateApp-cotnent-header-label{display:flex;align-items:flex-end;justify-content:center;font-size:22px;font-weight:100}.climateApp-content-header-button{display:flex;align-items:center;justify-content:center}.climateApp-currentValue{line-height:120px;font-size:90px;font-weight:200}.climateApp-currentValue,.climateApp-mode-container{display:flex;align-items:flex-start;justify-content:center}.climateApp-mode-wrapper{background-color:#52a9ff;height:48px;width:80%;border-radius:20px;display:grid;grid-gap:20px;gap:20px;grid-template-columns:48px 1fr 48px}.modeIcon,.modeStatus{height:48px;display:flex;align-items:center;justify-content:center}.modeStatus,.targetTemperature{color:var(--main-bg-color);font-size:16px;font-weight:200}.targetTemperature{height:48px;display:flex;align-items:center;justify-content:center}.climateApp-controll-grid{display:grid;grid-template-columns:1fr 84px;grid-gap:10px;gap:10px}.climateApp-control-select,.climateApp-controll-onoff{display:flex;align-items:flex-end}.climateMode-button{display:flex;align-items:center;padding:10px 20px;border-radius:20px;border:none;cursor:pointer;color:var(--main-bg-color);font-size:16px;transition:background-color .3s;gap:10px;height:48px;width:80%}.climateMode-button .icon{width:24px;height:24px;background-size:cover;background-repeat:no-repeat;background-position:50%}.climateMode-button.cool{background-color:#7eb6ff}.climateMode-button.cool .icon{background-image:url(/icons/cold.svg)}.climateMode-button.heat{background-color:#ff7e7e}.climateMode-button.heat .icon{background-image:url(/icons/cold.svg)}.climateMode-button.fan{background-color:#ffd27e}.climateMode-button.fan .icon{background-image:url(/icons/cold.svg)}.climateMode-text{flex-grow:1}.climateMode-temperature{font-size:18px}.vehicleApp-grid-main{display:grid;height:100%;grid-template-rows:32px 32px 25%;grid-gap:5px;gap:5px}.vehicleApp-header-grid{display:grid;grid-template-columns:48px 1fr 48px}.header-grid-label{padding-left:10px;font-size:14px;font-weight:500;display:flex;align-items:center}.dark-mode .header-grid-label img{filter:invert(1) hue-rotate(180deg)}.header-grid-button,.label-content-header{display:flex;align-items:flex-start;justify-content:center}.label-content-header{font-weight:100;font-size:22px}.content-big-value{display:flex;align-items:flex-start;justify-content:center;width:100%;line-height:80px;font-size:90px;font-weight:200}.vehicleApp-content-button-gird{display:flex;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:flex-end}.vehicleBtn{width:100%;height:48px;background-color:#1fe284;border-radius:20px;display:flex;align-items:center;justify-content:center}.vehicleApp-content-dropdown{display:flex;align-items:flex-end}.chargerApp-main-grid{display:grid;height:100%;grid-template-rows:32px auto auto;grid-gap:5px;gap:5px;width:100%}.chargerApp-header-grid{display:grid;grid-template-columns:48px 1fr 48px}.chargerApp-header-A{display:flex;align-items:center;justify-content:center}.chargerApp-header-btn{display:flex;align-items:flex-start;justify-content:center}.chargerApp-chart,.chargerApp-chart-grid{display:flex;width:100%;height:100%}.chargerApp-chart{align-items:center;justify-content:center;font-size:82px;line-height:72px}.arc-container,.chargerApp-other1{display:flex;align-items:center;justify-content:center}.arc-container{width:100%;height:auto}.arc-svg{margin-top:-15px;height:100%;transform:rotate(0deg)}.arc-animation{transition:stroke-dasharray 1s ease-in-out;stroke:var(--main-font-color)}.background-arc{stroke:var(--box-color-option-1)}.arc-text{fill:var(--main-font-color);font-weight:100}.charging-session-container{background-color:var(--box-color-option-1);height:100%;width:80%;border-radius:22px;padding:10px}.session-content-grid{display:grid;grid-template-rows:.5fr 1fr;height:100%;grid-gap:5px;gap:5px}.session-content-row-top{display:grid;grid-template-columns:48px 1fr}.session-icon{display:flex;align-items:flex-start;justify-content:flex-start}.session-icon img{width:42px;height:42px}.session-base-info{display:grid;grid-template-rows:.5fr 1fr;height:100%}.session-content-row-bottom{display:grid;grid-template-columns:1fr 1fr;height:100%}.session-content-energy{padding-left:5px;font-weight:400}.session-content-cost,.session-content-energy{display:grid;grid-template-rows:.5fr 1fr;height:100%}.session-content-cost{padding-left:20px}.session-content-topic-value{font-size:32px;font-weight:200}.energyApp-content-grid{display:grid;height:100%;margin-top:-10px;grid-template-rows:1fr 54px;grid-gap:10px;gap:10px}.energyApp-content-info{display:grid;grid-template-columns:3fr 2fr 2fr;grid-gap:10px;gap:10px;align-items:flex-end}.energyApp-content-chart{padding:0}.info1,.info2{width:100%;height:48px;background-color:var(--main-font-color);border-radius:20px;padding-top:5px;color:var(--main-bg-color);font-weight:200}.e-label-h1{margin-left:5px;font-size:12px;font-weight:400;padding-left:10px}.e-label-h3{font-size:14px;width:100%;text-align:center;font-weight:300}:root{--bar-shadow:hsla(0,0%,4%,.16);--min-width:38;--max-width:64;--min-radius:14;--max-radius:22}.dark-mode{--bar-shadow:hsla(0,0%,100%,.16)}.energy-container{height:100%;border-radius:20px;display:grid;grid-template-rows:42px 1fr}.topic-container{font-weight:100;margin-left:20px;font-size:20px;display:flex;align-items:flex-end;justify-content:flex-start}.energy-chart{display:flex;justify-content:center;padding-top:20px;font-weight:200}.bar-container,.energy-chart{align-items:flex-end;height:100%;gap:10px}.bar-container{display:grid;background-color:#1fe284;grid-template-rows:1fr 10px;grid-gap:10px}.bar,.bar-container{min-width:38px;max-width:64px}.bar{flex:1 1;background-color:var(--main-font-color);margin:0 2;text-align:center;transition:height .5s ease,border-radius .5s ease;width:100%;min-height:60px;padding-top:10px;padding-bottom:10px;opacity:0}.bar.show{opacity:1;transition:opacity .5s ease,height .5s ease,border-radius .5s ease}.bar-grid{height:100%;display:flex;flex-direction:column}.bar-kwh{align-items:flex-start}.bar-day,.bar-kwh{display:flex;justify-content:center;width:100%;height:100%;color:var(--main-bg-color);font-weight:300}.bar-day{align-items:flex-end;font-size:14px}.energyApp-content-chart{margin-top:20px}.wrapper-header{height:100%;background-color:var(--box-color-option-1);border-radius:40px;padding-left:40px;padding-right:40px;font-family:Hanken Grotesk,sans-serif}.wrapper-header-buttons{width:auto;padding-left:17px;padding-right:17px;height:64px;border-radius:30px;background-color:var(--main-bg-color);display:flex;align-items:center;justify-content:center;gap:10px}.grid-header{display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:10px;gap:10px}.grid-colum-header{display:flex;align-items:center;justify-content:center}.header-logo{display:flex;justify-content:flex-start;align-items:center;padding-left:22px;gap:10px;min-width:200px}.dark-mode .header-logo img{filter:invert(1) hue-rotate(180deg)}.header-options{align-items:center;justify-content:flex-end}.container-header-message{width:100%;font-weight:200}.grid-app-settings-layout-devices{display:grid;grid-template-columns:auto 8fr;width:100%;grid-gap:20px;gap:20px;background-color:var(--box-color-option-1);border-top-right-radius:40px;border-bottom-right-radius:40px;padding:10px;height:100%}.table-devices-wrapper{position:relative;overflow-y:hidden;height:100%}.devices-table{width:100%;border-collapse:separate;border-spacing:0 10px;display:flex;flex-direction:column;height:100%}.devices-table,.devices-table thead{font-family:Hanken Grotesk,sans-serif}.devices-table thead{background-color:var(--main-bg-color);z-index:1;display:table;width:calc(100%);border-radius:22px;position:-webkit-sticky;position:sticky;top:0}.devices-table th{width:25%;text-align:left;font-weight:300;padding:0 0 0 20px}.devices-table tbody{display:block;overflow-y:auto;height:100%;scroll-behavior:smooth;scrollbar-width:none;font-weight:200}.devices-table tbody::-webkit-scrollbar{width:0;background:transparent}.devices-table tbody tr{display:table;table-layout:fixed;width:100%}.devices-table td{padding-left:20px;background-color:var(--main-bg-color);height:60px;width:25%}.devices-table td:first-child,.devices-table th:first-child{border-top-left-radius:22px;border-bottom-left-radius:22px}.devices-table td:last-child,.devices-table th:last-child{border-top-right-radius:22px;border-bottom-right-radius:22px;padding-right:20px}.button-table{width:48px;height:48px;float:right;border:none;border-radius:20px;background-color:var(--main-font-color);color:var(--main-bg-color);display:flex;align-items:center;justify-content:center;padding:10px;gap:10px}.button-table img{filter:invert(1) hue-rotate(180deg)}.dark-mode .button-table img{filter:invert(0) hue-rotate(180deg)}.loadingCell{margin:30px}@media (min-height:600px) and (max-height:699px) and (orientation:landscape){.table-devices-wrapper{max-height:70vh}}@media (min-height:700px) and (max-height:799px) and (orientation:landscape){.grid-app-settings-layout-devices{max-height:100%}.devices-table tbody,.table-devices-wrapper{max-height:100vh}}@media (min-height:800px) and (max-height:899px) and (orientation:landscape){.grid-app-settings-layout-devices{max-height:100%}.table-devices-wrapper{max-height:75vh}.devices-table tbody{max-height:100%}}@media (min-height:900px) and (orientation:landscape){.grid-app-settings-layout-devices{max-height:100%}.table-devices-wrapper{max-height:79vh}.devices-table tbody{max-height:100vh}}@media (min-height:1000px) and (orientation:landscape){.grid-app-settings-layout-devices{max-height:100%}.table-devices-wrapper{max-height:80vh}.devices-table tbody{max-height:100vh}}@media (min-height:1200px) and (orientation:landscape){.grid-app-settings-layout-devices{max-height:100%}.table-devices-wrapper{max-height:83vh}.devices-table tbody{max-height:100vh}}.grid-app-settings-layout-integrations{display:grid;grid-template-columns:auto 8fr;width:100%;background-color:var(--box-color-option-1);border-top-right-radius:40px;border-bottom-right-radius:40px;padding:10px;height:100%;grid-gap:20px;gap:20px}.grid-content-integrations{border-radius:30px;display:grid;grid-template-rows:60px 1fr;grid-gap:10px;gap:10px;height:100%}.integrations-header{display:flex}.integrations-display{background-color:var(--main-bg-color);grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);grid-gap:10px;gap:10px}.integration-card,.integrations-display{border-radius:30px;padding:10px;display:grid}.integration-card{grid-column:span 4;grid-row:span 6;background-color:var(--box-color-option-1);grid-template-rows:48px 1fr}.integration-card-header{width:100%;height:100%;display:grid;grid-template-columns:48px 1fr;grid-gap:20px;gap:20px}.integration-card-header-icon{height:100%;display:flex;align-items:center;justify-content:center}.integration-card-header-icon img{border-radius:22px;width:48px;height:48px}.integration-card-header-text{font-size:20px;font-weight:200;display:flex;align-items:center;height:100%}.integration-card-content{flex-direction:column}.integration-card-content,.integration-text{display:flex;align-items:center;justify-content:center}.integration-text{font-size:12px;font-weight:200}@media (min-height:700px) and (max-height:799px) and (orientation:landscape){.grid-app-settings-layout-integrations{max-height:100%}}@media (min-height:800px) and (max-height:899px) and (orientation:landscape){.grid-app-settings-layout-integrations{max-height:100%}}@media (min-height:900px) and (orientation:landscape){.grid-app-settings-layout-integrations{max-height:100%}}@media (min-height:1000px) and (orientation:landscape){.grid-app-settings-layout-integrations{max-height:100%}}@media (min-height:1200px) and (orientation:landscape){.grid-app-settings-layout-integrations{max-height:100%}}.integtation-card-connectionStatus{font-family:Hanken Grotesk,sans-serif;font-weight:200;font-size:20px}.integration-card-content{font-family:Hanken Grotesk,sans-serif;font-weight:200;font-size:12px}.deleteModal-wrapper{background-color:var(--box-color-option-1);border-radius:40px;position:absolute;top:0;right:0;width:33.3%;margin-top:140px;height:calc(100% - 163px);z-index:10;display:flex;justify-content:center;align-items:center;animation:slideInFromRight .5s ease-in-out;margin-right:20px;padding:80px 10px 10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.deleteModal-wrapper.closing{animation:slideOutToRight .5s ease-in-out forwards}.content-DeleteModal{background-color:var(--main-bg-color);border-radius:30px;height:100%}.grid-delete-modal-content{display:grid;grid-template-rows:180px 48px 64px .8fr 52px 52px;height:100%;padding:10px}.icon-deleteModal,.warning-label-deleteModal-wrapper{display:flex;align-items:flex-end;justify-content:center}.warning-delete-icon{border-radius:20px;align-items:center;background:rgba(214,44,14,.1)}.warning-delete-icon,.warning-delete-label{width:84px;height:32px;display:flex;justify-content:center}.warning-delete-label{flex-direction:column;flex-shrink:0;color:var(--main-font-color);text-align:center;font-size:14px;font-weight:300}.delete-object-info-wrapper{display:flex;align-items:flex-end;justify-content:center;font-weight:200;letter-spacing:0,48px}.delete-warning-message{display:flex;flex-direction:column;justify-content:flex-start;padding-top:20px;flex-shrink:0;color:var(--main-font-color);text-align:center;font-size:14px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:-.48px}.delete-modal-button{display:flex;align-items:flex-start;justify-content:center}.delete-modal-button:last-child{display:flex;align-items:flex-end;justify-content:center}.dark-mode{--main-box-color:#1e1e1e;--main-font-color:#e0e0e0;--alt-font-color:#c5c5c5;--box-color-option-1:#292929;--button-valid-color:#4caf50}.modal-connect-device-container{height:100%;width:100%;background-color:var(--main-bg-color);border-radius:30px;padding:10px;display:grid;grid-template-rows:48px 1fr 128px;grid-gap:10px;gap:10px;box-sizing:border-box;color:var(--main-font-color)}.modal-connect-device-header{padding:10px;font-weight:200;font-size:14px}.modal-connect-device-connection-status{padding:0 10px 10px;display:grid;grid-template-rows:48px 1fr auto}.modal-connect-device-connection-status-idenitfy-label{font-weight:300;font-size:16px;display:flex;justify-content:center}.modal-connect-device-connection-status-icon,.modal-connect-device-connection-status-label{display:flex;align-items:center;justify-content:center}.modal-connect-device-connection-status-label{font-size:16px;font-weight:200}.modal-connect-device-button-container{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.loadingCell{text-align:center;vertical-align:middle;height:100px}.spinner{display:inline-block;width:200px;height:200px;border:5px solid rgba(0,0,0,.1);border-top:5px solid var(--main-font-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInFromRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.modal-add-integration-box{background-color:var(--box-color-option-1);border-radius:40px;position:absolute;top:0;right:0;width:33.3%;margin-top:140px;height:calc(100% - 163px);z-index:10;display:flex;justify-content:center;align-items:center;animation:slideInFromRight .5s ease-in-out;padding:0 10px 10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.modal-add-integration-box.closing{animation:slideOutToRight .5s ease-in-out forwards}.modal-add-integration-grid{width:100%;height:100%;display:grid;grid-template-rows:84px 1fr}.modal-add-integration-header{padding-top:10px;padding-left:10px;padding-right:10px;display:grid;grid-template-columns:48px 1fr 48px;width:100%;height:100%}.modal-add-integration-header-btn,.modal-add-integration-header-label{display:flex;align-items:center;justify-content:center}.integrationList_scrollView{height:100%;width:100%;display:flex;flex-direction:column;gap:10px;padding-right:10px}.integrationItem{width:100%;height:84px;background-color:var(--main-bg-color);border-radius:20px;padding:10px 10px 10px 20px;display:grid;grid-template-columns:48px 1fr 42px;color:var(--main-font-color);grid-gap:10px;gap:10px}.integrationItem-icon{display:flex;align-items:center;justify-content:center;height:100%}.integrationItem-icon img{border-radius:18px}.integrationDescriptionGrid{display:grid;grid-template-rows:1fr 1fr;height:100%}.integration-Title{align-items:center;font-size:18px;font-weight:400}.integration-Description,.integration-Title{display:flex;justify-content:flex-start;color:var(--main-font-color)}.integration-Description{align-items:flex-start;font-weight:200;font-size:14px}.grid-integration-info{height:100%;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:64px 1fr 1fr;grid-gap:10px;gap:10px;background-color:var(--main-bg-color);border-radius:30px;padding:20px}.integration-info-header{width:100%;height:100%;display:grid;grid-template-columns:48px 1fr;grid-gap:20px;gap:20px}.integration-info-header-icon{display:flex;align-items:center;justify-content:center;height:100%}.integration-info-header-icon img{border-radius:18px}.integration-info-header-text{height:100%;display:flex;align-items:center;justify-content:flex-start;font-size:24px;font-weight:200}.integration-info-description-wrapper{padding-top:30px;display:grid;grid-template-rows:48px 48px;font-weight:200;font-size:16px;grid-gap:25px;gap:25px}.integration-info-button-wrapper{display:flex;flex-direction:column;gap:10px;justify-content:flex-end;align-items:center}.connect-integration-grid{height:100%;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:64px 1fr .3fr;grid-gap:10px;gap:10px;background-color:var(--main-bg-color);border-radius:30px;padding:20px}.connect-integration-header{width:100%;height:100%;display:grid;grid-gap:20px;gap:20px;grid-template-columns:48px 1fr}.connect-integration-header-icon{display:flex;align-items:center;justify-content:center;height:100%}.connect-integration-header-icon img{border-radius:18px}.connect-integration-header-text{height:100%;display:flex;align-items:center;justify-content:flex-start;font-size:24px;font-weight:200}.connect-integration-config-view{display:flex;flex-direction:column;gap:40px;padding-top:30px}.connect-integration-config-container{display:flex;flex-direction:column;gap:5px}.connect-integration-config-text{font-size:14px;font-weight:200;width:100%;padding-left:20px}.connect-integration-button-container{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.menu-item-container{height:42px;cursor:pointer;border-top-right-radius:20px;border-bottom-right-radius:20px;outline-offset:-9999px;-webkit-tap-highlight-color:transparent;-moz-focus-inner{border:0}}.menu-item-container:focus{outline:none;box-shadow:none;outline-offset:-9999px}.menu-item-container.active{background-color:var(--box-color-option-1);color:var(--main-font-color)}.menu-item{height:100%;width:100%;padding-left:30px;font-size:12px;font-weight:400;display:flex;align-items:center;gap:10px}.menu-item img{width:24px;height:24px}.dark-mode .menu-item img{filter:invert(1) hue-rotate(180deg)}.settings-sidebar-wrapper{border-top-left-radius:40px;border-bottom-left-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;border-right:1px solid #121212}.settings-menu-container,.settings-sidebar-wrapper{width:100%;background-color:var(--box-color-option-1);height:100%}.settings-menu-container{border-top-left-radius:40px;border-bottom-left-radius:40px;padding:10px}.settings-menu-grid{display:grid;grid-template-rows:auto auto 1fr;height:100%;grid-gap:10px;gap:10px;background-color:var(--main-bg-color);border-radius:30px}.menu-section{padding-top:30px}.menu-items-grid{display:grid;grid-gap:10px;gap:10px;padding-right:10px}.menu-topic{padding-left:30px;font-size:12px;font-weight:500}.separator-container{width:100%;padding-left:20px;padding-top:10px;padding-right:20px}.separator{border-bottom:.2px solid var(--main-font-color)}:root{--main-box-color:#f5f5f5;--main-font-color:#121212;--alt-font-color:#fafafa;--main-bg-color:#fff;--box-color-option-1:#f5f7f9;--button-valid-color:#1fe284}.dark-mode{--main-box-color:#2e2e2e;--main-font-color:#fafafa;--alt-font-color:#121212;--main-bg-color:#121212;--box-color-option-1:#3e3e3e;--button-valid-color:#1fe284}.grid-DashboardSettings-main{padding-top:10px;display:grid;grid-template-rows:64px 1fr}.grid-DashboardSettings-main-header{display:grid}.DashboardSettings-H1{font-weight:200;font-size:20px}.grid-DashboardSettings-main-content{display:grid;grid-template-columns:4fr 1fr;grid-gap:20px;gap:20px;padding-right:20px}.dashboardSettings-apps-possion-gird{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:20px;gap:20px}.dashboardSettings-card{width:100%;height:100%;background-color:var(--main-bg-color);border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.rearrange-button,.remove-button{position:absolute;top:5px;background:transparent;border:none;cursor:pointer;font-size:12px;color:var(--main-font-color)}.rearrange-button{left:5px}.remove-button{right:5px}.control-view-gird{display:grid;grid-template-rows:1fr 3fr}button{background-color:var(--button-valid-color);border:none;padding:10px;border-radius:5px;color:var(--alt-font-color);cursor:pointer}button:disabled{background-color:grey;cursor:not-allowed}select{padding:10px;border-radius:5px;border:1px solid #ccc;font-size:14px}.buttons{display:flex;gap:20px;margin-top:10px}