@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;500;700&display=swap);*{box-sizing:border-box}body{font-family:Roboto,sans-serif}.n-button,.n-h,h1,h2,h3,h4,h5,h6,label{margin-top:0;letter-spacing:.1em;text-transform:uppercase;font-family:Roboto Condensed,sans-serif}p{margin-top:0}.n-button{color:#fff!important}.n-list .n-list-item{align-items:start}.n-list .n-list-item .n-list-item__main{flex:1 0 auto}.n-list .n-list-item .n-list-item__main h5{margin-bottom:0;font-size:1rem;color:#858585}.n-list .n-list-item .n-list-item__suffix{text-align:right;flex:1 1 auto}.n-progress.n-progress--circle{width:100px}.n-collapse .n-collapse-item .n-collapse-item__header{letter-spacing:.1em;text-transform:uppercase;font-family:Roboto Condensed,sans-serif}.n-collapse .n-collapse-item .n-collapse-item__header--active .n-collapse-item-arrow,.n-collapse .n-collapse-item .n-collapse-item__header--active .n-collapse-item__header-main{color:#00c2ff}.n-collapse .n-collapse-item:not(:first-child){border-width:2px}::-webkit-scrollbar{height:8px;width:8px;background:transparent}::-webkit-scrollbar-track:horizontal{border-radius:10px;background:#858585}::-webkit-scrollbar-thumb:horizontal{border-radius:10px;background:#fff}.module-title[data-v-1131e526]{margin-bottom:0}.status-indicator[data-v-1131e526]{height:10px;width:10px;background:red;box-shadow:0 0 10px red;border-radius:50%}.status-indicator--connected[data-v-1131e526]{background:#00501c;box-shadow:none}.status-indicator--active[data-v-1131e526]{background:#00ff57;box-shadow:0 0 10px #00ff57}.status-indicator--inactive[data-v-1131e526]{background:#0e0e0e;box-shadow:none}.n-form-item.n-form-item--left-labelled[data-v-1131e526]{grid-template-columns:auto minmax(0,1fr)}.n-form-item.n-form-item--left-labelled .n-form-item-label[data-v-1131e526]{max-width:100px}.motorcontrols[data-v-3b2c571a]{position:relative;width:100px;max-width:100%;aspect-ratio:1}.motorcontrols div[class*=motorcontrols__][data-v-3b2c571a]{height:45%;width:45%;position:absolute;background-image:url(/img/arrow.68577523.svg);background-size:contain;background-repeat:no-repeat;transition:.3s}.motorcontrols div[class*=motorcontrols__][data-v-3b2c571a]:hover{background-image:url(/img/arrow-filled.f07ef192.svg)}.motorcontrols div[class*=motorcontrols__][data-v-3b2c571a]:active{background-image:url(/img/arrow-pressed.bb2cc97c.svg)}.motorcontrols__arrow-up[data-v-3b2c571a]{top:0;left:50%;transform:translateX(-50%)}.motorcontrols__arrow-down[data-v-3b2c571a]{bottom:0;left:50%;transform:translateX(-50%) rotate(180deg)}.motorcontrols__arrow-left[data-v-3b2c571a]{left:0;top:50%;transform:translateY(-50%) rotate(270deg)}.motorcontrols__arrow-right[data-v-3b2c571a]{right:0;top:50%;transform:translateY(-50%) rotate(90deg)}@media only screen and (max-width:500px){.n-input.change-input,.n-input.change-input[data-v-df98754e]{display:none}}[data-v-5ffac710] .n-input .n-input__input-el{text-align:center}.motorcontrols[data-v-1b709fcc]{width:100%}.n-form-item.n-form-item--left-labelled[data-v-1b709fcc]{grid-template-columns:100px minmax(0,1fr)}.n-form-item.n-form-item--left-labelled .n-form-item-label[data-v-1b709fcc]{max-width:100px}.module-title[data-v-4ad8cda8]{margin-bottom:0}.module--empty[data-v-4ad8cda8]{background-color:transparent;border:2px dashed #858585}.connection-bar[data-v-6c31fdf7]{padding:10px 32px;background-color:#1a1d1f}.connection-bar_title[data-v-6c31fdf7]{margin-bottom:0}.connection-bar_address[data-v-6c31fdf7] .n-input-number .n-input{--n-color:hsla(0,0%,100%,.1)!important}.connection-bar[data-v-6c31fdf7] .n-form-item .n-form-item-label{max-width:none}.connection-bar[data-v-6c31fdf7] .n-form-item .n-form-item-feedback-wrapper{display:none}.connection-bar .status-indicator[data-v-6c31fdf7]{height:10px;width:10px;background:#00ff57;box-shadow:0 0 10px #00ff57;border-radius:50%}.connection-bar .status-text[data-v-6c31fdf7]{color:#00ff57;font-weight:500}@media only screen and (max-width:700px){.connection-bar[data-v-6c31fdf7]{padding:20px 32px}}@media only screen and (max-width:500px){.connection-bar[data-v-6c31fdf7],.connection-bar[data-v-6c31fdf7] .n-space.connection-bar__buttons{flex-direction:column!important;align-items:stretch!important}.connection-bar[data-v-6c31fdf7] .n-space.connection-bar__buttons .n-button{width:100%}.connection-bar .n-form-item.n-form-item--left-labelled[data-v-6c31fdf7]{grid-template-areas:"label label" "blank blank";justify-items:start}.connection-bar .display-mobile-none[data-v-6c31fdf7]{display:none}}.menu-bar[data-v-f5c58a8e]{height:60px;overflow:hidden;position:fixed;display:grid;grid-template-columns:60px auto 1fr min(400px,25%);background-color:#1a1d1f;box-shadow:0 2px 5px rgba(0,0,0,.3);width:100%}.menu-bar__hamburger[data-v-f5c58a8e]{flex:0 0 60px;height:60px;width:60px;background-color:#00c2ff;background-image:url(/img/menu-icon.811be989.svg);background-size:60%;background-position:50%;background-repeat:no-repeat}.menu-bar__logo[data-v-f5c58a8e]{height:60px;max-width:100%;position:relative;background-color:#000;padding-right:2rem;display:flex;align-items:center;transform:skew(-25deg);margin-left:16px}.menu-bar__logo>[data-v-f5c58a8e]{transform:skew(25deg)}.menu-bar__logo[data-v-f5c58a8e]:before{content:"";position:absolute;right:100%;border-top:60px solid #000;border-left:30px solid transparent}.menu-bar__logo img[data-v-f5c58a8e]{max-height:80%;width:auto;min-width:200px;max-width:100%;background-position:50%;background-repeat:no-repeat}@media only screen and (max-width:500px){.menu-bar__logo[data-v-f5c58a8e]:after{content:"";position:absolute;left:100%;border-bottom:60px solid #000;border-right:30px solid transparent}}.menu-bar__steps .step[data-v-f5c58a8e]{height:60px;position:relative;border-left:3px solid #000;padding:0 2rem;transform:skew(-25deg);display:inline-flex;align-items:center;cursor:pointer}.menu-bar__steps .step[data-v-f5c58a8e]:last-of-type{border-right:3px solid #000}.menu-bar__steps .step>[data-v-f5c58a8e]{transform:skew(25deg)}.menu-bar__steps .step .n-h.n-h4[data-v-f5c58a8e]{margin-top:0;margin-bottom:0}.menu-bar__steps .step--active[data-v-f5c58a8e],.menu-bar__steps .step[data-v-f5c58a8e]:hover{background-color:#000}@media only screen and (max-width:700px){.menu-bar__steps[data-v-f5c58a8e]{display:none}.menu-bar[data-v-f5c58a8e]{grid-template-columns:60px 1fr 60px}}.menu-bar[data-v-f5c58a8e] .n-thing{background:#0080b2;background:linear-gradient(135deg,#0080b2,#35bdb4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0080b2",endColorstr="#35bdb4",GradientType=1);height:60px;width:100%;padding:10px 16px;margin-left:auto;z-index:10}.menu-bar[data-v-f5c58a8e] .n-thing .n-thing-avatar{margin-top:0}.menu-bar[data-v-f5c58a8e] .n-thing .n-thing-avatar .n-avatar{border-radius:50%;background-color:#1a1d1f}.menu-bar[data-v-f5c58a8e] .n-thing .n-thing-header,.menu-bar[data-v-f5c58a8e] .n-thing .n-thing-main__description{margin-bottom:0;line-height:20px}@media only screen and (max-width:700px){.menu-bar[data-v-f5c58a8e] .n-thing{width:auto;padding:10px 10px}.menu-bar[data-v-f5c58a8e] .n-thing .n-thing-main{display:none}.menu-bar[data-v-f5c58a8e] .n-thing .n-thing-avatar{margin-right:0}}.customer-info[data-v-3ce21b6a]{padding:32px;max-height:calc(100vh - 120px);overflow-y:scroll}.n-input-number[data-v-3ce21b6a]{width:100%}.n-menu[data-v-3ce21b6a]{margin-bottom:1rem}.n-menu[data-v-3ce21b6a] .n-menu-item-content:before{left:0;right:0;top:0;bottom:0}.n-button[data-v-3ce21b6a]{width:100%;height:auto!important;white-space:normal}.n-list[data-v-3ce21b6a] .n-list-item .n-list-item__divider{height:2px}.n-list[data-v-122e9258] .n-list-item{padding:6px}.n-list[data-v-122e9258] .n-list-item .n-list-item__divider{height:0}.mqtt-demo{height:100vh;display:grid;grid-template-columns:min(400px,25%) 1fr 1fr min(400px,25%);grid-template-rows:60px 1fr 300px 60px;gap:0 0;grid-auto-flow:row;background:#f0f0f0;background:linear-gradient(100deg,#f0f0f0 35%,transparent 0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#000000",GradientType=1)}.module-wrapper{padding:32px}.content-center{grid-area:2/2/3/4;display:grid;align-items:center;grid-template-areas:"overlap"}@media only screen and (max-width:1200px){.mqtt-demo{grid-template-columns:1fr;grid-template-rows:60px 1fr 1fr 60px;background:#f0f0f0;background:linear-gradient(100deg,#f0f0f0 45%,transparent 0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#000000",GradientType=1)}.content-center{grid-area:2/1/3/2;display:grid;align-items:center;grid-template-areas:"overlap"}.sidebar-left,.sidebar-right{display:none}}.fitbike{opacity:.3;height:100%;width:100%;background-image:url(/img/right.ba184ec6.png);background-size:contain;background-position:50%;background-repeat:no-repeat;grid-area:overlap}.connection-text{font-size:3rem;text-align:center;grid-area:overlap;position:relative}.mqtt-demo--connected .fitbike{opacity:1}.menu-bar{grid-area:1/1/2/5;z-index:100}.content-left{grid-area:2/1/3/3}.content-right{grid-area:2/3/3/5}.sidebar-left{grid-area:2/1/3/2;padding:2rem;overflow-y:auto}.sidebar-right{grid-area:2/4/4/5;background-color:#000;z-index:10}.module-outputs{grid-area:3/1/4/4;padding:0 32px 32px 32px;align-self:end;max-height:100%;overflow:hidden}.module-bar{grid-area:3/1/5/5;height:auto;background-color:#000;min-height:0;align-self:end;z-index:50}.module-bar .n-row{flex-wrap:nowrap;overflow-y:none;overflow-x:auto}.module-bar--collapsed{grid-area:4/1/5/5}.module-bar--collapsed .module-wrapper{overflow:hidden;height:0;padding:0}.module-bar--expanded{align-self:start;grid-area:2/1/4/5;min-height:calc(100vh - 60px)}.module-bar--expanded .n-row{flex-wrap:wrap;overflow-y:auto;overflow-x:none}.module-bar .n-row .n-col{flex-shrink:0}@media only screen and (max-width:500px){.module-bar{align-self:start;grid-area:2/1/4/5;min-height:calc(100vh - 60px)}.module-bar .n-row{flex-wrap:wrap;overflow-y:auto;overflow-x:none}.module-bar--collapsed .module-wrapper{overflow:hidden;height:auto;padding:2rem}}.n-card,.n-col>div{height:100%;min-height:250px}.n-col.n-col--6-span{width:20%}@media only screen and (max-width:1920px){.n-col.n-col--6-span{width:25%}}@media only screen and (max-width:1440px){.n-col.n-col--6-span{width:33.3333333333%}}@media only screen and (max-width:1200px){.n-col.n-col--6-span{width:50%}}@media only screen and (max-width:700px){.n-col.n-col--6-span{width:100%}}.n-select{width:100%}.sub-btn{margin-top:30px}.n-table h4{margin-bottom:0}