@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{margin:0;font-family:Montserrat,-apple-system,system-ui;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;--columns:6;--minwidth:330px;--color:#000;--svg_color:var(--color);--main_background:#121212;--second_background:#272727;--text_color:#eee;--text_secondary_color:#999;--viewheight:100px;--add_color:#54efbf;--add_color_shadow:rgba(84,239,191,0.3333333333333333);--shadow_color:#050505;--switch_on_color:#fffc58;--switch_off_color:#6f6f6f;--element_background:hsla(0,0%,100%,0.06666666666666667);--element_text:#555;--content_background:"none";--overlay:"";--filter:"";--pos_x:0;--pos_y:0;--weather_color:transparent;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;overflow:hidden;border:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:.5vw;height:.5vw;background-color:hsla(0,0%,58.8%,.1);border-radius:.3vw}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,58.8%,.4);border-radius:.3vw}::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,58.8%,.7)}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}#preloader{z-index:3;position:fixed;top:0;left:0;width:100%;height:100%;background-blend-mode:multiply;background-color:var(--element_background);background-image:var(--content_background);background-size:cover;background-position:50%}#loader{z-index:3;display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:4px solid transparent;border-top:4px solid var(--add_color);-webkit-animation:spin 2.5s linear infinite;animation:spin 2.5s linear infinite}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:4px solid transparent;border-top:4px solid var(--text_color);-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:4px solid transparent;border-top:4px solid var(--text_secondary_color);-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.setloadtxt{position:fixed;width:100%;opacity:1;z-index:4;color:var(--text_color);text-align:center;bottom:10%;font-size:calc(var(--viewheight)*2/100);margin:auto}.idle{font-size:calc(var(--viewheight)*33/100);padding-top:calc(var(--viewheight)*24.5/100);padding-left:calc(var(--viewheight)*15/100);background-blend-mode:multiply}.idle,.idle_vertical{position:absolute;width:100%;height:100%;z-index:1;color:var(--text_color);font-weight:500;background-color:var(--element_background);background-image:var(--content_background);background-size:cover;background-position:50%}.idle_vertical{font-size:30vw;padding-top:calc(var(--viewheight)*30/100);text-align:center}.idle_logo{position:fixed;width:calc(var(--viewheight)*30/100);bottom:calc(var(--viewheight)*25/100);left:calc(var(--viewheight)*15/100);z-index:2}.idle_logo_vertical{position:fixed;width:100vw;bottom:calc(var(--viewheight)*15/100);text-align:center;z-index:2}.auth-page{position:absolute;background:var(--content_background);background-size:cover;width:100%;min-height:100%;align-content:center;font-size:calc(var(--viewheight)*2/100);-webkit-filter:var(--filter);filter:var(--filter)}.auth-page,.auth_logo{color:var(--text_color);text-align:center}.auth_logo{max-height:calc(var(--viewheight)*30/100);margin:auto;margin-top:calc(var(--viewheight)*20/100);max-width:80vw;font-size:min(9vw,calc(var(--viewheight)*9/100));white-space:nowrap;font-weight:800;padding:10%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;letter-spacing:-1px}.txt,.txt_add_user{color:var(--text_color);width:calc(var(--viewheight)*30/100);height:calc(var(--viewheight)*4/100);background:var(--second_background);padding:0 calc(var(--viewheight)*1/100);border:1px solid var(--text_secondary_color);border-radius:calc(var(--viewheight)*0.8/100);font-size:calc(var(--viewheight)*1.7/100);box-shadow:none}.txt_add_user{width:80%}.txt:focus,.txt_add_user:focus{outline:none;background:var(--main_background)}.auth-button{color:var(--main_background);width:calc(var(--viewheight)*30/100);height:calc(var(--viewheight)*4/100);background:var(--add_color);padding:0 calc(var(--viewheight)*1/100);border:transparent;border-radius:calc(var(--viewheight)*0.8/100);outline:none;text-shadow:none;text-transform:uppercase;font-weight:500;font-size:calc(var(--viewheight)*2/100);margin-top:calc(var(--viewheight)*2/100);font-family:Montserrat}.auth-button:hover{-webkit-animation:auth-button-animation .1s linear;animation:auth-button-animation .1s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes auth-button-animation{0%{background:var(--add_color)}to{background:var(--main_background);color:var(--element_text)}}@keyframes auth-button-animation{0%{background:var(--add_color)}to{background:var(--main_background);color:var(--element_text)}}.auth-button:active{background:var(--add_color);-webkit-transform:scale(.95);transform:scale(.95)}.background{width:100vw;height:var(--viewheight);background-blend-mode:multiply;background-image:var(--content_background);background-size:cover;background-position:50%;-webkit-transform:scale(1.05);transform:scale(1.05)}.background,.content{position:fixed;-webkit-filter:var(--filter);filter:var(--filter)}.content{text-align:center;width:80vw;height:auto;min-height:100%;right:0;top:0;box-shadow:0 0 10px 0 var(--shadow_color)}.content-top{text-align:left;height:calc(var(--viewheight)*5/100);font-weight:500;-webkit-filter:drop-shadow(2px 4px 6px var(--shadow_color));filter:drop-shadow(2px 4px 6px var(--shadow_color))}.content-bottom,.content-top{font-size:calc(var(--viewheight)*3/100)}.content-bottom{position:absolute;text-align:center;width:48vw;bottom:calc(var(--viewheight)*2/100)}.content_vertical{text-align:center;width:100vw;height:auto;min-height:calc(var(--viewheight)*100/100);right:0;position:fixed;z-index:0;background-size:cover;background-position:50%;-webkit-filter:var(--filter);filter:var(--filter)}.content-top_vertical{position:absolute;width:100%;height:calc(var(--viewheight)*8/100);top:0;left:0;text-align:right;font-size:calc(var(--viewheight)*4/100);padding:calc(var(--viewheight)*1/100);font-weight:500}.content-bottom_vertical{position:absolute;text-align:center;font-size:calc(var(--viewheight)*3.3/100);width:100%;bottom:calc(var(--viewheight)*2/100)}.menu{width:20vw;font-size:2vw;box-shadow:0 0 6px 0 var(--shadow_color);white-space:nowrap;-webkit-filter:var(--filter);filter:var(--filter);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.menu,.menu_vertical{color:var(--text_color);height:100%;position:fixed;left:0;background:var(--second_background);overflow:hidden;z-index:2}.menu_vertical{width:80vw;font-size:calc(var(--viewheight)*2/100);-webkit-animation:menu-page-animation .2s;animation:menu-page-animation .2s;box-shadow:0 0 60px 0 var(--shadow_color);border-radius:0 calc(var(--viewheight)*1/100) calc(var(--viewheight)*1/100) 0}.menuVerticalEmpty{position:fixed;width:100%;height:100%;left:0;background:rgba(0,0,0,.15);z-index:1}@-webkit-keyframes menu-page-animation{0%{left:-100%}50%{left:-10%}to{left:0}}@keyframes menu-page-animation{0%{left:-100%}50%{left:-10%}to{left:0}}.menu_button_vertical{position:fixed;z-index:1}.menu_button_vertical,.menu_vertical_back{width:calc(var(--viewheight)*4/100);height:calc(var(--viewheight)*4/100);fill:var(--text_color);left:0;top:0;padding:calc(var(--viewheight)*2/100);margin:auto}.menu_vertical_back{position:absolute;z-index:3}.menu_logo{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;height:calc(var(--viewheight)*8/100);font-weight:800;padding-top:calc(var(--viewheight)*2/100);font-size:calc(var(--viewheight)*3.5/100);letter-spacing:-1px}.menu_weather{width:100%;height:calc(var(--viewheight)*10/100);display:inline-block;white-space:nowrap;margin-top:calc(var(--viewheight)*-3/100);text-align:center;padding-right:5vw}.weather_color{position:fixed;width:20vw;height:30vh;z-index:-2}.weather_temp,.weather_temp_vertical{font-size:calc(var(--viewheight)*3/100);color:var(--text_color);width:50%;font-weight:500;display:inline-block;vertical-align:top;padding-top:calc(var(--viewheight)*3/100)}.weather_temp_vertical{font-size:7.5vw;text-align:center}.weather_hum{width:5vw;display:inline-block}.weather_icon{max-width:50%;max-height:calc(var(--viewheight)*7/100);display:inline-block;padding-left:calc(var(--viewheight)*1/100);padding-top:calc(var(--viewheight)*2.5/100)}.weather_icon_download{width:20%;display:inline-block;padding-left:35%;padding-right:35%;fill:var(--text_secondary_color)}.content-top-weather{width:20vw;margin-top:calc(var(--viewheight)*-3/100);right:10vw}.content-top-time,.content-top-weather{position:fixed;height:calc(var(--viewheight)*10/100);display:inline-block;white-space:nowrap;text-align:right}.content-top-time{width:10vw;right:calc(var(--viewheight)*2/100)}.menu_time{position:absolute;top:0;right:calc(var(--viewheight)*1/100);font-size:2.2vw}.menu_scroll{overflow-y:auto;width:100%;height:calc(var(--viewheight)*85/100);position:relative;margin-top:calc(var(--viewheight)*-1/100)}.menu_heading{font-size:1.8vw;margin:3vh 1vw 1vw}.menu_heading,.menu_heading_vertical{color:var(--add_color);font-weight:bolder;text-transform:uppercase}.menu_heading_vertical{font-size:calc(var(--viewheight)*3.5/100);margin-left:2vw;margin-top:2vh;margin-bottom:1vh}.menu_item{font-size:1.5vw;padding:1vw 1vw 1vw 3vw}.menu_item_vertical{font-size:calc(var(--viewheight)*3.2/100);padding:2vw 2vw 2vw 3vw}.scene_chose_icon{width:1.5vw}.scene_chose_icon,.scene_chose_icon_vertical{position:relative;display:inline-block;padding-right:2vw;fill:var(--add_color);bottom:-.2vw}.scene_chose_icon_vertical{width:5vw}.menu_item_chose{font-size:1.5vw;padding:1vw 1vw 1vw 3vw}.menu_item_chose,.menu_item_chose_vertical{color:var(--add_color);background:linear-gradient(90deg,var(--add_color) 2%,var(--main_background) 0)}.menu_item_chose_vertical{font-size:calc(var(--viewheight)*3.2/100);padding:2vw 2vw 2vw 3vw}.add_menu{position:absolute;width:100%;left:0;bottom:0;padding-left:40%;padding-right:40%;margin:auto;max-height:calc(var(--viewheight)*10/100)}.add_menu_cut{position:fixed;border-radius:calc(var(--viewheight)*20/100);bottom:calc(var(--viewheight)*0/100);left:calc(10vw - var(--viewheight)*4/100);width:calc(var(--viewheight)*8/100);height:calc(var(--viewheight)*8/100);background:#111}.add_img{border-radius:30%;padding:20%;fill:var(--main_background);background:var(--add_color)}.add_img:hover{-webkit-transform:scale(.95);transform:scale(.95);transition:.2s}.menu_img{width:2vw;margin:-2.5% 7% -2.5% -2.5%}.menu_img,.menu_img_vertical{border-radius:30%;fill:var(--text_color)}.menu_img_vertical{height:calc(var(--viewheight)*3.8/100);margin:-2% 5% -2% 2%;padding-bottom:2px}.modal_empty{position:fixed;width:100%;height:100%;left:0;background:rgba(0,0,0,.2);z-index:6}.modal_window{color:var(--text_color);position:fixed;width:28vw;height:calc(var(--viewheight)*20/100);right:0;top:0;background:var(--second_background);-webkit-animation:modal-window-animation .4s ease;animation:modal-window-animation .4s ease;overflow:hidden;padding:calc(var(--viewheight)*1/100);box-shadow:0 0 7px 1px var(--shadow_color);z-index:7;min-width:40vh;border-radius:0 0 0 calc(var(--viewheight)*1/100)}@-webkit-keyframes modal-window-animation{0%{top:-100%;right:-100%}to{top:0;right:0}}@keyframes modal-window-animation{0%{top:-100%;right:-100%}to{top:0;right:0}}.modal_content{position:relative;padding:calc(var(--viewheight)*1/100);width:70%;overflow:auto;text-align:center;top:35%;margin:auto}.modal_content_icon{position:absolute;width:calc(var(--viewheight)*4/100);height:calc(var(--viewheight)*4/100);fill:var(--add_color);top:0;z-index:3;padding:calc(var(--viewheight)*2/100);margin:auto}.addMenuEmpty{position:fixed;width:100%;height:100%;left:0;background:rgba(0,0,0,.15)}.addMenu{color:var(--text_color);position:fixed;width:70vw;height:calc(var(--viewheight)*100/100);left:0;background:var(--main_background);-webkit-animation:add-menu-animation .2s ease;animation:add-menu-animation .2s ease;overflow:hidden;padding:calc(var(--viewheight)*1/100);box-shadow:0 0 7px 1px var(--shadow_color);z-index:2}@-webkit-keyframes add-menu-animation{0%{left:-100%}to{left:0}}@keyframes add-menu-animation{0%{left:-100%}to{left:0}}.addMenuVertical{color:var(--text_color);width:100vw;height:100%;position:fixed;left:0;background:var(--main_background);-webkit-animation:add-menu-animation .2s ease;animation:add-menu-animation .2s ease;overflow:hidden;padding:1%;box-shadow:0 0 7px 1px var(--shadow_color);border-radius:0 calc(var(--viewheight)*3/100) calc(var(--viewheight)*3/100) 0;font-size:calc(var(--viewheight)*3/100);z-index:5}.addMenuContent{height:calc(var(--viewheight)*85/100);padding:calc(var(--viewheight)*1/100);top:calc(var(--viewheight)*3/100)}.addMenuContent,.addMenuContentVertical{position:relative;bottom:0;width:100%;overflow:auto}.addMenuContentVertical{height:calc(var(--viewheight)*84/100);top:calc(var(--viewheight)*7/100)}.add_menu_container,.add_menu_container_map{position:relative;width:90%;height:calc(var(--viewheight)*15/100);text-align:center;padding:calc(var(--viewheight)*1/100);margin:auto;background-color:var(--second_background);border-radius:calc(var(--viewheight)*2.5/100);margin-bottom:calc(var(--viewheight)*1/100);box-shadow:2px 2px 8px 0 var(--shadow_color);overflow:hidden}.add_menu_container_map{height:calc(var(--viewheight)*45/100);padding:0}.map_icon{width:3vw}.user_logo{width:33%;left:0;fill:var(--add_color)}.user_data,.user_logo{position:absolute;height:calc(var(--viewheight)*13/100)}.user_data{width:34%;left:33%}.user_name{font-size:calc(var(--viewheight)*1/100 + 1vw);height:calc(var(--viewheight)*5/100);margin:auto;padding-top:calc(var(--viewheight)*2/100);padding-bottom:calc(var(--viewheight)*1/100)}.all_chart_button,.all_chart_button_vertical,.logout{position:relative;color:var(--main_background);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--add_color);font-size:calc(var(--viewheight)*0.8/100 + .8vw);border-radius:calc(var(--viewheight)*1/100);padding:2% 8%;margin:auto;margin-top:calc(var(--viewheight)*1.7/100);min-width:50%;text-transform:uppercase;font-weight:500;text-align:center}.all_chart_button:hover,.all_chart_button_vertical:hover,.logout:hover{-webkit-animation:auth-button-animation .1s linear;animation:auth-button-animation .1s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.all_chart_button:active,.all_chart_button_vertical:active,.logout:active{background:#5f6a7e}.ui_mode{position:absolute;height:calc(var(--viewheight)*13/100);width:33%;right:0}.icon_localization{margin:auto;margin-top:calc(var(--viewheight)*2/100);height:calc(var(--viewheight)*4/100);fill:var(--text_secondary_color)}input[type=checkbox].ui_mode_selector{width:calc(var(--viewheight)*6/100);height:calc(var(--viewheight)*3/100);-webkit-appearance:none;-moz-appearance:none;background:#121212;outline:none;border-radius:calc(var(--viewheight)*3/100);box-shadow:inset 0 0 5px rgba(0,0,0,.2);transition:.2s;position:relative;margin-top:calc(var(--viewheight)/100)}input[type=checkbox].ui_mode_selector:checked{background:#ccc}input[type=checkbox].ui_mode_selector:before{content:"";position:absolute;height:calc(var(--viewheight)*3/100);width:calc(var(--viewheight)*3/100);border-radius:50%;top:0;left:0;background:#fff;-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}input[type=checkbox].ui_mode_selector:checked:before{left:calc(var(--viewheight)*3/100);background:#121212}.custom-select{color:var(--text_color);width:80%;height:calc(var(--viewheight)*4/100);background:transparent;padding:0 calc(var(--viewheight)*1/100);font-size:calc(var(--viewheight)*1.7/100)}#languages,#users{color:var(--text_color);font-size:calc(var(--viewheight)*2/100)}#languages:after,#languages:before,#users:after,#users:before{border-bottom:1px solid var(--text_color);fill:var(--text_color);color:var(--text_color)}.version{font-size:calc(var(--viewheight)*2/100);right:5%}.theme_container,.theme_container_vertical,.version{position:absolute;bottom:1%;color:var(--text_secondary_color)}.theme_container,.theme_container_vertical{right:25%;width:50%;height:calc(var(--viewheight)*3/100);display:flex;justify-content:space-between}.theme_container_vertical{width:80%;right:10%;bottom:calc(var(--viewheight)*4/100)}.theme0,.theme1,.theme2,.theme3,.theme4,.theme5,.theme6,.theme7{position:relative;height:100%;width:calc(var(--viewheight)*3/100);margin:auto;border-radius:calc(var(--viewheight)*1/100);box-shadow:2px 2px 8px 0 var(--shadow_color)}.theme0{background:#050505}.theme1{background:#f5f5f5}.theme2{background:#746965}.theme3{background:#434958}.theme4{background:#002f5c}.theme5{background:#22a86d}.theme6{background:#ff667b}.theme7{background:#d091c5}.link{position:absolute;bottom:1%;font-size:calc(var(--viewheight)*2/100);color:var(--text_secondary_color);left:5%}a{color:var(--text_secondary_color)}a,a:active,a:focus,a:hover{outline:none;text-decoration:none}a:active,a:focus,a:hover{color:var(--text_color)}.delete_user{white-space:nowrap;font-size:calc(var(--viewheight)*2/100)}.elementsField{color:var(--text_color);margin:calc(var(--viewheight)*2/100)}.l-wrap_container{width:79.5vw;height:calc(var(--viewheight)*93/100)}.l-wrap_container,.l-wrap_container_vertical{position:fixed;right:.5vw;bottom:0;overflow-y:auto;padding:calc(var(--viewheight)*1/100)}.l-wrap_container_vertical{width:99.5vw;height:calc(var(--viewheight)*92/100)}.l-wrap{min-width:var(--minwidth);margin-right:auto;margin-left:auto}.three-col-grid{overflow:auto;padding-bottom:2px}.field_name{font-size:calc(var(--viewheight)*2.5/100)}.field_name,.field_name_vertical{margin-top:calc(var(--viewheight)*1/100);padding-left:calc(var(--viewheight)*1/100);text-align:left}.field_name_vertical{font-size:calc(var(--viewheight)*3.5/100)}.three-col-grid .grid-item,.three-col-grid .grid-item_vertical{margin-right:0;margin-left:0;margin-bottom:calc(var(--viewheight)*1/100);float:left}.grid-item{width:calc((79vw - var(--viewheight)*2/100)/var(--columns));height:calc((79vw - var(--viewheight)*8/100)/var(--columns))}.grid-item_vertical{width:calc((99vw - var(--viewheight)*2/100)/var(--columns));height:calc((99vw - var(--viewheight)*5/100)/var(--columns))}.element{color:var(--text_color);height:100%;fill:var(--switch_off_color);border-radius:17%;margin:calc(var(--viewheight)*0.5/100);box-shadow:0 0 6px 0 var(--shadow_color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.elem_active{background:radial-gradient(circle at 110%,var(--element_background) -10%,transparent 300%)!important}.element:before{padding-top:100%}.element:active{-webkit-transform:scale(.97);transform:scale(.97);-webkit-animation:element-animation .5s linear 1;animation:element-animation .5s linear 1}@-webkit-keyframes element-animation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(.99);transform:scale(.99)}to{-webkit-transform:scale(.97);transform:scale(.97)}}@keyframes element-animation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(.99);transform:scale(.99)}to{-webkit-transform:scale(.97);transform:scale(.97)}}.elementSelectButton{position:relative;right:2%;top:2%}svg path{fill:inherit;stroke:inherit;stroke-width:inherit}svg,svg path{width:inherit;height:inherit}.icon{text-align:center;align-content:center;width:70%;padding:20% 8% 28%;transition-duration:.2s}.element-name,.icon{position:relative;margin:auto}.element-name{font-size:calc((5vw + var(--viewheight)*3/100)/var(--columns));white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:18%;padding-left:8%;padding-right:8%;padding-bottom:3%;color:var(--element_text)}.elem_div{position:relative;top:0;height:80%;overflow:hidden;margin-bottom:2%}.switch-true{fill:var(--switch_on_color);-webkit-filter:drop-shadow(0 0 1px rgba(68,68,68,.13333333333333333)) drop-shadow(0 0 20px var(--add_color_shadow));filter:drop-shadow(0 0 1px #4442) drop-shadow(0 0 20px var(--add_color_shadow))}.switch-ok{fill:#75ff8f}.switch-warning{fill:#ffdb6c;-webkit-animation:warning-blinker 2.8s ease-in-out infinite;animation:warning-blinker 2.8s ease-in-out infinite}@-webkit-keyframes warning-blinker{0%{fill:#ffdb6c}50%{fill:rgba(255,219,108,.3333333333333333)}to{fill:#ffdb6c}}@keyframes warning-blinker{0%{fill:#ffdb6c}50%{fill:rgba(255,219,108,.3333333333333333)}to{fill:#ffdb6c}}.switch-error{fill:#ff5151;-webkit-animation:error-blinker .7s ease-in-out infinite;animation:error-blinker .7s ease-in-out infinite}@-webkit-keyframes error-blinker{0%{fill:#ff5151}50%{fill:rgba(255,81,81,.3333333333333333)}to{fill:#ff5151}}@keyframes error-blinker{0%{fill:#ff5151}50%{fill:rgba(255,81,81,.3333333333333333)}to{fill:#ff5151}}.dimmer{fill:var(--switch_on_color)}.thermostat{position:relative;width:90%;height:85%;overflow:hidden;margin:5% auto auto;color:var(--element_text)}.thermostat_line{position:relative;width:100%;height:50%;margin:auto;white-space:nowrap;vertical-align:bottom}.thermostat_comf_temp,.thermostat_comf_temp_off{position:absolute;font-size:calc(15.5vw/var(--columns));display:inline-block;width:50%;overflow:hidden;bottom:8%;left:0}.thermostat_comf_temp_off{font-size:calc(12vw/var(--columns))}.thermostat_curr_temp{font-size:calc(9vw/var(--columns));padding:2%;overflow:hidden;left:0;top:20%}.thermostat_curr_temp,.thermostat_plus{position:absolute;display:inline-block;width:50%}.thermostat_plus{font-size:calc(18vw/var(--columns));border-left:1px solid #777;border-bottom:1px solid #777;right:0;bottom:0}.thermostat_plus:active{color:#ff9292}.thermostat_minus{position:absolute;font-size:calc(18vw/var(--columns));display:inline-block;width:50%;border-left:1px solid #777;right:0;top:0}.thermostat_minus:active{color:#84c4ff}.status{position:relative;margin:2%;font-size:calc((var(--viewheight)*5/100 + 10vw)/var(--columns));height:auto;top:calc((80vw - var(--viewheight)*2/100)/var(--columns)/4);overflow:hidden;white-space:pre-line;color:var(--element_text)}@-webkit-keyframes status_scroll{0%{vertical-align:middle}to{vertical-align:bottom}}@keyframes status_scroll{0%{vertical-align:middle}to{vertical-align:bottom}}.element_select_button{position:relative;top:-100%;width:calc((80vw - var(--viewheight)*2/100)/var(--columns)*0.15);height:calc((80vw - var(--viewheight)*2/100)/var(--columns)*0.15);margin-left:calc((80vw - var(--viewheight)*2/100)/var(--columns)*0.7);z-index:4;fill:var(--text_secondary_color)}.elementPageEmpty{position:fixed;width:100%;height:100%;left:0;background:rgba(0,0,0,.15);z-index:2}.elementAddPage,.elementPage{color:var(--text_color);position:fixed;width:50vw;height:100%;right:0;background:var(--main_background);-webkit-animation:element-page-animation-2 .15s ease-in-out;animation:element-page-animation-2 .15s ease-in-out;overflow:hidden;padding:1vw;box-shadow:0 0 7px 1px var(--shadow_color);z-index:3}.elementAddPage,.elementPage_vertical{-webkit-animation:element-page-animation .15s ease-in-out;animation:element-page-animation .15s ease-in-out}.elementPage_vertical{color:var(--text_color);position:fixed;width:80vw;height:calc(var(--viewheight)*100/100);background:var(--main_background);overflow:hidden;padding:1%;z-index:3;right:0;box-shadow:0 0 7px 1px var(--shadow_color);border-radius:calc(var(--viewheight)*1/100) 0 0 calc(var(--viewheight)*1/100)}@-webkit-keyframes element-page-animation{0%{right:-100%}50%{right:-10%}to{right:0}}@keyframes element-page-animation{0%{right:-100%}50%{right:-10%}to{right:0}}@-webkit-keyframes element-page-animation-2{0%{left:calc(var(--pos_x) - 25vw);top:calc(var(--pos_y) - var(--viewheight)*50/100);-webkit-transform:scale(0);transform:scale(0)}to{left:50%;top:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes element-page-animation-2{0%{left:calc(var(--pos_x) - 25vw);top:calc(var(--pos_y) - var(--viewheight)*50/100);-webkit-transform:scale(0);transform:scale(0)}to{left:50%;top:0;-webkit-transform:scale(1);transform:scale(1)}}.close_elementPage{position:absolute;width:calc(var(--viewheight)*4/100);height:calc(var(--viewheight)*4/100);fill:var(--text_color);top:0;right:calc(var(--viewheight)*4/100);z-index:3;padding:calc(var(--viewheight)*2/100);margin:auto}.close_elementPage:hover{fill:var(--text_secondary_color);transition:.2s}.content-top_elementPage_vertical{position:absolute;width:calc(100% - var(--viewheight)*10/100);height:calc(var(--viewheight)*10/100);z-index:1;top:1%;left:0;text-align:left;font-size:calc(var(--viewheight)*3.3/100);padding-left:3%}.elementContent{position:relative;height:100%}.elementChartContent{position:relative;height:50%;margin-top:10vh}.element_control{width:9vw;left:40%}.element_control,.element_control_vertical{position:absolute;height:calc(var(--viewheight)*40/100);bottom:25%}.element_control_vertical{width:20vw;left:30vw}input[type=checkbox]{border-radius:2.2vw;box-shadow:0 0 15px 0 var(--shadow_color);border:hidden}input[type=checkbox],input[type=checkbox].checkbox_vertical{width:100%;height:calc(var(--viewheight)*40/100);-webkit-appearance:none;-moz-appearance:none;background:var(--second_background);outline:none;transition:.2s;position:relative}input[type=checkbox].checkbox_vertical{border-radius:calc(var(--viewheight)*3/100);box-shadow:0 0 30px 0 var(--shadow_color);border:hidden}input[type=checkbox]:before{width:7vw;height:7vw;border-radius:1.8vw;left:1vw;bottom:1vw;border:hidden;box-shadow:2px 2px 8px 0 rgba(17,17,17,.2)}input[type=checkbox].checkbox_vertical:before,input[type=checkbox]:before{content:"";position:absolute;background:var(--text_secondary_color);transition:.2s}input[type=checkbox].checkbox_vertical:before{width:16vw;height:16vw;border-radius:calc(var(--viewheight)*2.5/100);left:2vw;bottom:2.5vw;border:hidden}input:checked[type=checkbox]:before{bottom:calc(var(--viewheight)*40/100 - 8vw);background:var(--switch_on_color);border:hidden}input:checked[type=checkbox].checkbox_vertical:before{bottom:calc(var(--viewheight)*39/100 - 17vw);background:var(--switch_on_color);border:hidden}.range_container{position:absolute;bottom:0;height:calc(var(--viewheight)*55/100);width:95%;margin:auto}input[type=range]{position:absolute;width:calc(var(--viewheight)*45/100);-webkit-appearance:none;outline:none;border-radius:2.2vw;margin:auto;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:left;transform-origin:left;padding-right:calc(var(--viewheight)*2/100);border:hidden}input[type=range].brightness_vertical,input[type=range].color_vertical,input[type=range].dimmer_brightness_vertical,input[type=range].saturation_vertical,input[type=range].wc_brightness_vertical,input[type=range].wc_color_vertical{position:absolute;width:calc(var(--viewheight)*60/100);-webkit-appearance:none;outline:none;border-radius:calc(var(--viewheight)*3/100);margin:auto;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:left;transform-origin:left;padding-right:calc(var(--viewheight)*2.5/100);border:hidden}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6vw;height:6vw;border-radius:1.8vw;margin-left:2%;cursor:pointer;opacity:1;z-index:5;background:hsla(0,0%,100%,.5803921568627451);box-shadow:2px 2px 8px 0 rgba(17,17,17,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:4px solid transparent}input[type=range].brightness_vertical::-webkit-slider-thumb,input[type=range].color_vertical::-webkit-slider-thumb,input[type=range].dimmer_brightness_vertical::-webkit-slider-thumb,input[type=range].saturation_vertical::-webkit-slider-thumb,input[type=range].wc_brightness_vertical::-webkit-slider-thumb,input[type=range].wc_color_vertical::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16vw;height:16vw;border-radius:calc(var(--viewheight)*3/100);margin-left:2%;background:var(--second_background);cursor:pointer;opacity:1;border:hidden}.brightness{bottom:20%;height:7vw}.brightness,.brightness_vertical{left:20%;background:linear-gradient(270deg,var(--color) 0,#000 110%);border:transparent;box-shadow:0 0 30px 0 var(--shadow_color)}.brightness_vertical{bottom:3%;height:20vw}.saturation{bottom:20%;height:7vw}.saturation,.saturation_vertical{left:50%;background:linear-gradient(270deg,var(--color) 20%,#eee);border:transparent;box-shadow:0 0 30px 0 var(--shadow_color)}.saturation_vertical{bottom:3%;height:20vw}.color{bottom:20%;height:7vw}.color,.color_vertical{left:80%;background:linear-gradient(90deg,#ff1e1e 0,#ffff1e 17%,#1eff1e 33%,#1effff 50%,#1e1eff 66%,#ff1eff 83%,#ff1e1e);border:transparent;box-shadow:0 0 30px 0 var(--shadow_color)}.color_vertical{bottom:3%;height:20vw}.wc_brightness{bottom:10%;background:linear-gradient(270deg,var(--color) 10%,var(--second_background) 101%);height:7vw}.wc_brightness,.wc_brightness_vertical{left:30%;border:transparent;box-shadow:0 0 30px 0 var(--shadow_color)}.wc_brightness_vertical{bottom:3%;background:linear-gradient(270deg,var(--color) 30%,#000 110%);height:20vw}.wc_color{bottom:10%;height:7vw}.wc_color,.wc_color_vertical{left:70%;background:linear-gradient(90deg,#1eadff 0,#fff 50%,#ffe91e);border:transparent;box-shadow:0 0 30px 0 var(--shadow_color)}.wc_color_vertical{bottom:3%;height:20vw}.dimmer_brightness{bottom:10%;background:linear-gradient(270deg,#fff 10%,var(--shadow_color) 150%);height:7vw}.dimmer_brightness,.dimmer_brightness_vertical{left:50%;border:transparent;box-shadow:0 0 30px 0 var(--shadow_color)}.dimmer_brightness_vertical{bottom:3%;background:linear-gradient(270deg,#f5f5f5 20%,var(--shadow_color) 150%);height:20vw}.status_content{top:10%;font-size:4vw;white-space:pre-line}.status_content,.status_content_vertical{position:absolute;left:0;padding:10%;width:100%;text-align:center}.status_content_vertical{top:20%;font-size:calc(var(--viewheight)*4/100)}.bright_value{position:relative;top:0;font-size:2.2vw}.bright_value_vertical{position:absolute;top:calc(var(--viewheight)*5/100);left:2%;font-size:calc(var(--viewheight)*10/100/var(--columns))}.icon_page{width:48vw;height:calc(var(--viewheight)*10/100)}.icon_page,.icon_page_vertical{position:absolute;fill:var(--svg_color);top:calc(var(--viewheight)*6/100)}.icon_page_vertical{width:calc(var(--viewheight)*10/100);left:calc(38vw - var(--viewheight)*5.7/100)}.thermostat_page{width:calc(var(--viewheight)*60/100);left:calc(50% - var(--viewheight)*60/100/2)}.thermostat_page,.thermostat_page_vertical{position:absolute;height:calc(var(--viewheight)*40/100);margin:auto;top:10%;text-align:center}.thermostat_page_vertical{width:80vw;left:0}.thermostat_page_comf_temp{font-size:calc(var(--viewheight)*8/100);top:15%}.thermostat_page_comf_temp,.thermostat_page_curr_temp{position:absolute;display:inline-block;width:50%;overflow:hidden;left:0}.thermostat_page_curr_temp{font-size:calc(var(--viewheight)*5/100);padding:2%;top:20%}.thermostat_page_plus{top:12%;padding-bottom:10%}.thermostat_page_minus,.thermostat_page_plus{position:absolute;font-size:calc(var(--viewheight)*9/100);display:inline-block;width:50%;right:0}.thermostat_page_minus{padding-top:5%}.thermostat_page_plus:active{color:#ff9292}.thermostat_page_minus:active{color:#84c4ff}.thermostat_page_modes1{top:calc(var(--viewheight)*45/100)}.thermostat_page_modes1,.thermostat_page_modes2{position:absolute;width:100%;height:calc(var(--viewheight)*15/100);left:0;white-space:nowrap}.thermostat_page_modes2{top:calc(var(--viewheight)*60/100)}.thermostat_mode{position:relative;width:21%;padding:2%;padding-bottom:calc(var(--viewheight)*2/100);margin:auto;display:inline-block;fill:var(--switch_off_color)}.thermostat_mode:active{fill:#999;transition:.1s ease}.thermostat_mode_active{position:relative;width:21%;padding:2%;padding-bottom:calc(var(--viewheight)*2/100);margin:auto;display:inline-block;fill:var(--switch_on_color)}.thermostat_page_vertline{position:absolute;left:50%;height:calc(var(--viewheight)*34/100);top:calc(var(--viewheight)*3/100);border-left:2px solid var(--text_secondary_color)}.thermostat_page_gorline{position:absolute;left:50%;width:45%;top:calc(var(--viewheight)*20/100);border-bottom:2px solid var(--text_secondary_color)}.colors_container,.colors_container_vertical{position:absolute;bottom:calc(var(--viewheight)*12/100);color:var(--text_secondary_color);right:10%;width:80%;height:calc(var(--viewheight)*3/100);display:flex;justify-content:space-between}.colors_container_vertical{width:80%;right:10%;bottom:calc(var(--viewheight)*4/100)}.color_blue,.color_coral,.color_green,.color_orange,.color_random,.color_red,.color_turquoise,.color_white{position:relative;height:calc(var(--viewheight)*4/100);width:calc(var(--viewheight)*4/100);margin:auto;border-radius:50%;box-shadow:2px 2px 8px 0 var(--shadow_color)}.color_red{background:#ff2929}.color_green{background:#38ff38}.color_blue{background:#4f30ff}.color_white{background:#fff}.color_orange{background:#ffec3d}.color_turquoise{background:#39ffef}.color_coral{background:#ff6076}.color_random{background:linear-gradient(30deg,#ff0,#00f,#0f0,red)}.chart_elementPage{position:absolute;width:calc(var(--viewheight)*7/100);height:calc(var(--viewheight)*7/100);fill:var(--text_color);top:10%;right:calc(var(--viewheight)*2/100);z-index:3;padding:calc(var(--viewheight)*3.5/100 - 12px);margin:auto;background:var(--second_background);border-radius:50%}.chart_elementPage:hover{fill:var(--second_background);background:var(--text_secondary_color);transition:.3s}.all_chart_button,.all_chart_button_vertical{position:absolute;margin-left:20%;margin-right:20%;bottom:10%;width:60%}.all_chart_button_vertical{font-size:calc(var(--viewheight)*1.6/100 + .8vw)}.MuiInput-underline:after{border-bottom:2px solid var(--add_color)!important}.rv-discrete-color-legend-item{color:var(--text_color)!important}.progressVisualFull{display:flex;height:6px;margin:20px 0}.progressVisualPart{transition:width 5s}.progressLabel{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}
/*# sourceMappingURL=main.9b9cf144.chunk.css.map */