.button{align-items:center;background:var(--button-bg-color);border-radius:4px;color:var(--active-text-color);display:flex;font-family:Swis721 Md BT;font-size:1rem;font-weight:400;justify-content:center;line-height:1.5;padding:16px;text-align:left;text-decoration:none;width:100%}.button .icon{align-items:center;display:inline-flex;padding-right:16px}.button .icon svg{--color:var(--button-icon-color);height:auto;width:24px}.button.default-button{--button-bg-color:var(--default-button-bg-color);--button-icon-color:var(--default-button-icon-color)}.button.default-button:hover{--button-bg-color:var(--default-button-hover-bg-color);--button-icon-color:var(--default-button-icon-color)}.button.delete-button{--button-bg-color:var(--delete-button-bg-color);--button-icon-color:var(--delete-button-icon-color)}.button.delete-button:hover{--button-bg-color:var(--delete-button-hover-bg-color);--button-icon-color:var(--delete-button-icon-color)}.button.success-button{--button-bg-color:var(--success-button-bg-color);--button-icon-color:var(--success-button-icon-color)}.button.success-button:hover{--button-bg-color:var(--success-button-hover-bg-color);--button-icon-color:var(--success-button-icon-color)}.button.cancel-button{--button-bg-color:var(--cancel-button-bg-color);--button-icon-color:var(--cancel-button-icon-color);border:1px solid var(--cancel-button-border-color)}.button.cancel-button:hover{--button-bg-color:var(--cancel-button-hover-bg-color);--button-icon-color:var(--cancel-button-icon-color)}.dialog{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;position:absolute;width:100%;z-index:5}.dialog .dialog-content{-webkit-animation:dialog-animation .4s;animation:dialog-animation .4s;background:var(--bg-color);border-radius:16px;box-shadow:var(--box-shadow);color:var(--active-text-color);max-width:328px;padding:24px;width:100%}.dialog .dialog-content .title{font-family:Swis721 Md BT;font-size:1.3125rem;font-weight:400;line-height:1.52;text-align:center}.dialog .dialog-content .text{font-family:Swis721 Th BT;font-size:.875rem;font-weight:400;line-height:1.43;text-align:center;white-space:pre-line}.dialog .dialog-content .row+.row{margin-top:24px}.dialog .dialog-content .button+.button{margin-top:16px}.dialog-backing{background:var(--backing-bg-color);z-index:4}#dialog-root:not(:empty)~#popup-root .popup,#dialog-root:not(:empty)~#root main{-webkit-filter:blur(2px);filter:blur(2px)}@-webkit-keyframes dialog-animation{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dialog-animation{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.list{margin:0 -8px}.list .list-item{align-items:center;border-radius:4px;color:var(--active-text-color);display:flex;font-family:Swis721 Md BT;font-size:1.3125rem;font-weight:400;justify-content:space-between;line-height:1.5;overflow:hidden;padding:8px;text-align:left;width:100%}.list .list-item:focus,.list .list-item:hover{background:var(--default-button-hover-bg-color);color:var(--strong-text)}.list .list-item span{overflow:hidden;padding-right:8px;text-overflow:ellipsis}.list .list-item svg{--color:var(--strong-text-color);flex-shrink:0}.list .not-found{font-style:italic}.list .list-item-separator{border-top:1px solid var(--separator-color);margin:4px 0}.popup{align-items:stretch;-webkit-animation:slide-bottom var(--duration) ease-in-out;animation:slide-bottom var(--duration) ease-in-out;background:var(--bg-color);border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -2px 8px var(--separator-color);display:flex;flex-direction:column;justify-content:stretch;left:0;max-height:100%;min-height:40vh;overflow:auto;padding:8px 24px 32px;position:fixed;right:0;transition:all var(--duration) ease-in-out;z-index:3}.popup.popup-exited{-webkit-transform:translateY(100%);transform:translateY(100%)}.popup .popup-full-screen button{padding:8px;position:relative;width:100%}.popup .popup-full-screen button:focus{outline:none}.popup .popup-full-screen button:after{background:var(--active-text-color);border-radius:8px;content:"";display:block;height:4px;margin:0 auto;max-width:100%;opacity:.2;width:40px}.popup .popup-header{align-items:center;color:var(--text-color);display:flex;font-family:Swis721 Md BT;font-size:.6875rem;font-weight:400;justify-content:space-between;letter-spacing:.8px;line-height:1.45;padding:8px 0 16px;text-transform:uppercase}.popup .popup-header .close{align-items:center;display:inline-flex}.popup .popup-header .close svg{--color:var(--text-color)}.popup .popup-content{border-top:1px solid var(--separator-color);margin-top:4px;padding-top:24px}.popup .popup-content .button+.button,.popup .popup-content .input-wrapper+.input-wrapper{margin-top:24px}#popup-root:not(:empty)~#root main{-webkit-filter:blur(2px);filter:blur(2px)}@-webkit-keyframes slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-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)}}.loading{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-backing{z-index:9}#loading-root:not(:empty)~#dialog-root .dialog,#loading-root:not(:empty)~#popup-root .popup,#loading-root:not(:empty)~#root main{-webkit-filter:blur(2px);filter:blur(2px)}.device-preview{-webkit-font-feature-settings:"pnum" on,"lnum" on;font-feature-settings:"pnum" on,"lnum" on;align-items:center;background:var(--bg-color);border-radius:8px;box-shadow:var(--box-shadow);color:var(--text-color);display:flex;font-family:Swis721 Md BT;font-size:.875rem;font-weight:400;justify-content:space-between;line-height:1.2;padding:12px 16px 12px 0;text-decoration:none;width:100%}.device-preview>.content{display:flex;flex:1 2 100%;flex-direction:row}.device-preview .item{flex:2 1;padding:0 5px;text-align:left}.device-preview .item.icon{align-items:center;display:flex;flex:0 3 150px;flex-direction:row;height:30px;justify-content:center;max-width:184px;min-width:30px;padding-bottom:0;padding-left:0;padding-top:0}.device-preview .item.description{align-self:center;display:flex;flex:1 2 80%;flex-direction:column;justify-content:flex-start}.device-preview .item.description .title{color:var(--text-color);font-size:14px;font-style:normal;margin-bottom:4px;word-break:break-word}.device-preview .item.description .serial{color:var(--text-color-gray200);display:flex;flex-direction:row;font-size:12px;font-style:normal;text-transform:uppercase;word-break:break-word}.device-preview .item.description .serial .prefix{margin-right:4px}.device-preview .item.status{display:flex;white-space:nowrap}.device-preview .item.status .device-status+.title{margin-top:6px}.device-preview .item.electricity_used{align-items:center;color:var(--text-color);display:flex;flex:1 0 180px;font-size:1.5rem;justify-content:flex-end;letter-spacing:.05em;line-height:1.2}.device-preview .item.electricity_used .electricity_value{display:flex;flex-direction:row}.device-preview .item.electricity_used .electricity_value>div{margin:0 3px}.device-preview .item.electricity_used .phases{margin-left:8px}.device-preview .item.electricity_used .phases .phase:first-child{-webkit-transform:translate(-1px);transform:translate(-1px)}.device-preview .item.electricity_used .phases .phase:nth-child(3){-webkit-transform:translate(1px);transform:translate(1px)}.device-preview .item.electricity_used .phases .phase{--color:var(--hidden-text-color);height:2px;position:relative;width:8px}.device-preview .item.electricity_used .phases .phase:after{background:var(--color);border-radius:2px;content:"";height:2px;left:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.device-preview .item.electricity_used .phases .phase.active{--color:var(--text-color)}.device-preview .item.electricity_used .phases .phase+.phase{margin-top:4px}.device-preview .item.settings{align-items:center;display:inline-flex;flex:0 1 40px;justify-content:flex-end;padding:0}.device-preview .item.status{align-items:center}.create-device.device-preview{padding:12px 16px}.create-device.device-preview .item.icon{flex:0 0;height:auto;max-width:none;min-width:0;min-width:auto}.create-device.device-preview .item.icon svg{--color:var(--icon-color);height:auto;width:32px}.create-device.device-preview .item.description .title{text-transform:none}.create-device.device-preview .item.settings svg{height:auto;width:24px}.create-device-popup .with-icon{height:auto;width:16px}.create-device-popup .with-icon svg.icon{--color:var(--icon-fill-color)}@media (max-width:600px){.device-preview>.content{display:flex;flex:1 2 100%;flex-direction:column}.device-preview>.content>.status{order:0}.device-preview>.content>.electricity_used{flex:0 1;justify-content:flex-start;margin:10px 0 8px;order:1}.device-preview>.content>.description{align-self:flex-start;order:2}.device-preview>.content>.description .serial .prefix{display:none}}.input-wrapper{color:var(--active-text-color);font-family:Swis721 Md BT;font-size:1rem;font-weight:400;line-height:1.5}.input-wrapper label{display:block;font-size:.6875rem;letter-spacing:.8px;line-height:1.45;text-transform:uppercase}.input-wrapper label .text-icon{align-items:center;display:flex;justify-content:flex-start;overflow:hidden}.input-wrapper label .text-icon svg{flex-shrink:0;height:auto;width:24px}.input-wrapper label .text-icon span{overflow:hidden;text-overflow:ellipsis}.input-wrapper label .text-icon svg+span{padding-left:4px}.input-wrapper label:after{clear:both;content:"";display:block}.input-wrapper .input{align-items:center;background:transparent;border:1px solid var(--input-border-color);border-radius:4px;display:flex;justify-content:space-between;transition:border-color .3s}.input-wrapper .input:focus-within{border-color:var(--input-active-border-color)}.input-wrapper .input>*{padding:16px}.input-wrapper .input input{background:none;border:none;box-shadow:none;color:inherit;flex:auto;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;overflow:hidden}.input-wrapper .input .unit{flex:0 1}.input-wrapper label+.input{margin-top:8px}.input-wrapper.error .input{border-color:var(--input-error-color)}.input-wrapper.error .input-error{-webkit-animation:show-message .3s;animation:show-message .3s;color:var(--input-error-color);font-family:Swis721 Th BT;font-size:.75rem;font-style:italic;font-weight:300;line-height:1.3;padding-top:8px;position:relative}@-webkit-keyframes show-message{0%{max-height:0;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{max-height:100vh;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes show-message{0%{max-height:0;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{max-height:100vh;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.group-list-wrapper .carousel-dots-wrapper{margin-bottom:8px}.group-list-wrapper .group-list{align-items:stretch;display:flex;flex-direction:row;justify-content:space-between;margin:-8px;overflow:hidden;position:relative}.group-list-wrapper .group-list .group-content{min-width:100%;padding:8px}.group-list-wrapper .group-list .group{align-items:stretch;background:var(--bg-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;flex-direction:row;justify-content:space-between;min-height:146px;overflow:hidden;padding:16px;position:relative;text-align:left;text-decoration:none;width:100%}.group-list-wrapper .group-list .group.create-group{align-items:center;color:var(--icon-fill-color);font-family:Swis721 Md BT;font-size:.875rem;font-weight:400;justify-content:center;letter-spacing:.8px;line-height:1.14;text-align:center;text-transform:uppercase}.group-list-wrapper .group-list .group.create-group .text{--color:url(#svg-icon-gradient);align-items:center;display:inline-flex;overflow:hidden}.group-list-wrapper .group-list .group.device-group .content{flex-shrink:1;padding:8px}.group-list-wrapper .group-list .group.device-group .content .title{color:var(--icon-fill-color);font-family:Swis721 Md BT;font-size:.875rem;font-weight:400;letter-spacing:.8px;line-height:1.14;text-transform:uppercase}.group-list-wrapper .group-list .group.device-group .content .energy-limit{align-items:stretch;display:flex;justify-content:flex-start;margin-top:8px}.group-list-wrapper .group-list .group.device-group .content .energy-limit .separator{align-items:stretch;display:inline-flex;justify-content:center;padding:0 16px}.group-list-wrapper .group-list .group.device-group .content .energy-limit .separator:after{background:var(--separator-color);content:"";height:100%;width:1px}.group-list-wrapper .group-list .group.device-group .content .energy-limit .value{font-family:Swis721 Md BT;font-size:1.125rem;font-style:normal;font-weight:400;letter-spacing:-.1px;line-height:1.2;text-transform:uppercase}.group-list-wrapper .group-list .group.device-group .content .energy-limit .text{font-family:Swis721 Th BT;font-size:.625rem;font-weight:400;letter-spacing:.8px;line-height:1;text-transform:uppercase}.group-list-wrapper .group-list .group.device-group .content .energy-limit .limit{color:var(--text-color)}.group-list-wrapper .group-list .group.device-group .content .energy-limit .used{color:var(--icon-fill-color)}.group-list-wrapper .group-list .group.device-group .content .devices{color:var(--active-text-color);font-family:Swis721 Md BT;font-size:.75rem;font-weight:400;letter-spacing:.8px;line-height:1.45;margin-top:8px;text-transform:uppercase}.group-list-wrapper .group-list .group.device-group .icon{align-items:flex-end;display:flex;flex-shrink:2;justify-content:flex-end}.group-list-wrapper .group-list .group.device-group .icon svg{height:auto;width:114px}.group-list-wrapper .group-list .group.device-group .settings{position:absolute;right:20px;top:20px}@media only screen and (max-width:350px){.group-list-wrapper .group-list .group.device-group .icon svg{width:100%}}.group-list-wrapper .group-list .device-preview{margin-top:24px}.group-list-wrapper .other-devices{border-top:1px solid var(--separator-color);margin-top:24px;padding-top:24px}.group-list-wrapper .other-devices .group-title{color:var(--active-text-color);font-family:Swis721 Md BT;font-size:.6875rem;font-weight:400;letter-spacing:.8px;line-height:1.45;margin-bottom:16px;text-transform:uppercase}.group-list-wrapper .other-devices .device-preview+.device-preview{margin-top:24px}.group-create-popup{flex:auto}.group-create-popup .group-create-form{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.group-create-popup .form-controls{border-top:1px solid var(--separator-color);margin-top:24px;padding-top:24px}.info_screen{align-items:stretch;display:flex;flex-direction:column;font-family:Swis721 Md BT;font-style:normal;height:100%;justify-content:flex-start}.info_screen .page-header{grid-gap:8px;align-items:center;display:grid;grid-template-columns:32px auto 32px;padding:16px}.info_screen .page-header .pages-thumb{align-items:stretch;display:flex;flex-wrap:nowrap;justify-content:center;padding:6px 0}.info_screen .page-header .pages-thumb .thumb-item{background:var(--thumb-color);border-radius:.5px;height:1px;width:16px}.info_screen .page-header .pages-thumb .thumb-item.active{background:var(--icon-fill-color)}.info_screen .page-header .pages-thumb .thumb-separator{flex:0 0 8px}.info_screen .page-content{flex:auto;padding:6px 24px}.info_screen .page-content .page-title{color:var(--active-text-color);font-size:1.1875rem;font-weight:400;line-height:1.2;text-align:center}.info_screen .page-content .page-subtitle{color:var(--text-color);font-size:.75rem;font-weight:400;letter-spacing:.8px;line-height:1.45;text-align:center;text-transform:uppercase}.info_screen .page-content .page-description{color:var(--text-color);font-size:.875rem;font-style:normal;font-weight:300;line-height:1.43}.info_screen .page-content .page-description .important{color:var(--icon-fill-color)}.info_screen .page-content .page-image{margin-bottom:32px;margin-top:43px;text-align:center}.info_screen .page-content .page-image svg{max-width:100%}.info_screen .page-content .show-info_screen{border-radius:8px;box-shadow:-2px -2px 4px hsla(0,0%,40%,.12),-1px -1px 3px hsla(0,0%,40%,.24),1px 1px 2px rgba(0,0,0,.3),2px 2px 4px rgba(0,0,0,.2);font-size:.75rem;font-weight:400;line-height:1.3;margin:20px 0 43px;padding:18px}.info_screen .page-content .show-info_screen .checkbox{background:none;font-size:.875rem;justify-content:flex-start;line-height:1.43;margin-bottom:8px;padding:0 2px 0 0;width:auto}.info_screen .page-content .show-info_screen .checkbox .icon{--color:var(--icon-fill-color);padding-right:8px}.info_screen .page-content .page-title+.page-subtitle{margin-top:8px}.info_screen .page-content .page-subtitle+.page-description,.info_screen .page-content .page-title+.page-description{margin-top:24px}.info_screen .page-controls{align-items:center;background:var(--bottom-color);display:flex;flex-direction:row;justify-content:space-between;padding:16px 24px}.info_screen .page-controls .button{padding:8px 16px;width:auto}.info_screen .page-controls .button.success-button{color:var(--icon-fill-color)}.info_screen .page-controls .button .icon{padding-right:4px}.carousel{--duration:0.5s;position:relative}.carousel .right-to-left-enter{-webkit-transform:translateX(100%);transform:translateX(100%)}.carousel .right-to-left-enter-active{transition:-webkit-transform var(--duration) ease-in-out;transition:transform var(--duration) ease-in-out;transition:transform var(--duration) ease-in-out,-webkit-transform var(--duration) ease-in-out}.carousel .right-to-left-enter-active,.carousel .right-to-left-exit{-webkit-transform:translateX(0);transform:translateX(0)}.carousel .right-to-left-exit-active{position:absolute;transition:-webkit-transform var(--duration) ease-in-out;transition:transform var(--duration) ease-in-out;transition:transform var(--duration) ease-in-out,-webkit-transform var(--duration) ease-in-out}.carousel .left-to-right-enter,.carousel .right-to-left-exit-active{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel .left-to-right-enter-active{transition:-webkit-transform var(--duration) ease-in-out;transition:transform var(--duration) ease-in-out;transition:transform var(--duration) ease-in-out,-webkit-transform var(--duration) ease-in-out}.carousel .left-to-right-enter-active,.carousel .left-to-right-exit{-webkit-transform:translateX(0);transform:translateX(0)}.carousel .left-to-right-exit-active{position:absolute;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform var(--duration) ease-in-out;transition:transform var(--duration) ease-in-out;transition:transform var(--duration) ease-in-out,-webkit-transform var(--duration) ease-in-out}.carousel-dots-wrapper{align-items:center;display:flex;justify-content:center}.carousel-dots-wrapper .carousel-dots{max-width:100%;overflow:hidden;padding:16px 0}.carousel-dots-wrapper .carousel-dots .carousel-dots-list{align-items:center;display:flex;justify-content:flex-start;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.carousel-dots-wrapper .carousel-dots .dot-wrap{--size:4px;--background:var(--separator-color);height:var(--size);padding:0 8px;position:relative;width:var(--size)}.carousel-dots-wrapper .carousel-dots .dot-wrap .dot{background:var(--background);border-radius:50%;content:"";height:var(--size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .2s;width:var(--size)}.carousel-dots-wrapper .carousel-dots .dot-wrap.selected{--size:6px;--background:var(--text-color)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}audio,canvas,video{*zoom:1;display:inline-block;*display:inline;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{-ms-interpolation-mode:bicubic;border:0}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:initial;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;*height:13px;padding:0;*width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:initial}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}@font-face{font-family:Swis721 Th BT;font-style:normal;src:url(/static/media/swz721t.ba005e29f9b0156d8a3e.ttf) format("truetype")}@font-face{font-family:Swis721 Md BT;font-style:normal;src:url(/static/media/Swis721%20WGL4%20BT%20Roman.fe81e0259be104800c32.ttf) format("truetype")}body{-webkit-font-feature-settings:"pnum" on,"lnum" on;font-feature-settings:"pnum" on,"lnum" on;background:var(--bg-color);color:var(--active-text-color);font-family:Swis721 Md BT;font-size:.875rem;font-weight:400;height:100%;left:0;line-height:1.2;overflow:hidden;position:fixed;top:0;width:100%}body:before{background-image:url(https://app.jplus-pilot.com/jpilot_RGB.png);background-position:50%;background-repeat:no-repeat;background-size:200px auto;bottom:0;content:"";display:block;right:0}body main,body:before{left:0;position:fixed;top:0;z-index:1}body main{background:var(--bg-color)}body #root,body main{height:100%;width:100%}body #root{overflow:hidden}div{box-sizing:border-box}button{background:none;border:none;color:inherit;font:inherit;line-height:inherit;padding:0}button:focus{outline:1px dashed var(--outline-color);outline-offset:2px}a{box-sizing:border-box;color:inherit;font:inherit;line-height:inherit}a:focus{outline:1px dashed var(--outline-color);outline-offset:2px}.gradient-text-color{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:var(--gradient-text-color);-webkit-background-clip:text;background-clip:text}.booster-icon{--cable-left-width:0;--cable-right-width:24px;--position:right;--size:136px 30px;height:100%;position:relative;width:100%}.booster-icon .booster-img{background:url(/static/media/booster.39e45074e4c7a3b0a16b.png) var(--bg-color) center center no-repeat;background:url(/static/media/booster.39e45074e4c7a3b0a16b.png) var(--bg-color) var(--position,center) center no-repeat;background-size:"136px 30px";background-size:var(--size,"136px 30px");bottom:0;left:0;left:var(--cable-left-width,0);position:absolute;right:0;right:var(--cable-right-width,0);top:0;z-index:2}.booster-icon .booster-cable{background:linear-gradient(to bottom,hsla(0,0%,63%,.05),var(--cable-shadow-color) 45% 55%,hsla(0,0%,63%,.05));height:10px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;z-index:1}@media only screen and (max-width:500px){.booster-icon{--cable-right-width:16px}}@media only screen and (max-width:400px){.booster-icon{--cable-right-width:0}}.device-status .status{background:var(--bg-color);border-radius:4px;color:var(--active-text-color);display:inline-flex;font-size:.625rem;padding:2px 4px;text-overflow:ellipsis}.device-status .status svg{--color:var(--active-text-color)}.device-status .status svg+.status-text{padding-left:4px}.left-menu-burger{--color:url(#svg-icon-gradient);align-items:flex-start;display:inline-flex;justify-content:flex-start}@media screen and (min-width:1240px){.left-menu-burger{display:none}}main{box-sizing:border-box;overflow:auto}@media screen and (min-width:1240px){main{padding-left:220px}}main header{grid-gap:8px;-webkit-font-feature-settings:"pnum" on,"lnum" on;font-feature-settings:"pnum" on,"lnum" on;color:var(--active-text-color);display:grid;font-family:Swis721 Th BT;font-size:1.125rem;font-weight:400;grid-template-columns:32px auto 32px;line-height:1.2;text-align:center}main header .left-menu-burger{align-self:flex-start;flex:0 1}main header .title{flex:auto;text-align:center}main .container{padding:16px}.backing{background:var(--backing-bg-color);opacity:.4;position:absolute;right:0;z-index:2}.backing,.left-menu{bottom:0;left:0;top:0}.left-menu{background:var(--bg-color);box-shadow:var(--box-shadow);color:var(--active-text-color);min-width:100px;position:fixed;transition:all .3s;white-space:nowrap;width:220px;z-index:3}@media screen and (max-width:1240px){.left-menu{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:hidden}.left-menu.slide-from-left{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}.left-menu.animated{transition-duration:0s}}.left-menu .logo{align-items:flex-end;color:var(--active-text-color);display:inline-flex;flex:none;font-family:inherit;font-size:24px;font-style:italic;font-weight:300;height:80px;margin-bottom:0;min-height:80px;padding:16px 26px;text-align:left}.left-menu .logo a{outline:none}.left-menu .menu-list{display:flex;flex-direction:column;flex-grow:2;padding:14px 16px 0 26px}.left-menu .menu-list .control-list{display:flex;flex-direction:row;justify-content:space-between;margin:-4px;padding-bottom:30px}.left-menu .menu-list .control-list .control-item-wrap{padding:4px}.left-menu .menu-list .control-list .control-item-wrap .control-item{align-items:center;background:var(--header-button-bg-color);border-radius:16px;display:flex;height:40px;justify-content:center;overflow:hidden;padding:8px;width:40px}.left-menu .menu-list .control-list .control-item-wrap .control-item:hover{--color:url(#svg-icon-gradient)}.left-menu .menu-list .menu-item{align-items:center;color:var(--text-color);display:flex;font-size:.875rem;text-decoration:none;text-transform:uppercase}.left-menu .menu-list .menu-item.active{color:var(--active-text-color)}.left-menu .menu-list .menu-item .icon{--color:url(#svg-icon-gradient);padding-right:12px}.left-menu .menu-list .menu-item .title{line-height:1.3;overflow:hidden;text-overflow:ellipsis}.left-menu .menu-list .menu-item+.menu-item{margin-bottom:16px}
/*# sourceMappingURL=main.c5a84073.css.map*/