canvas[data-v-130fbe8a]{margin:0 auto}.canvas-container[data-v-130fbe8a]{margin-top:8.2%;position:relative;font-family:Bahnschrift Regular}.background-canvas[data-v-130fbe8a]{position:absolute;top:0;left:0;right:0;margin:0 auto;background-repeat:no-repeat;background-size:contain}.widget-hbar .background-canvas[data-v-130fbe8a]{background-size:calc(70% + 2px);background-position:50% 80%}.widget-gauge .background-canvas[data-v-130fbe8a]{background-size:80%;background-position:50% -50%}.widget-vbar .background-canvas[data-v-130fbe8a]{background-size:calc(70% + 2px);background-position:-20% 50%}.widget-cbar .background-canvas[data-v-130fbe8a]{background-size:calc(70% + 2px);background-position:50% 50%}.widget-thermo .background-canvas[data-v-130fbe8a]{background-size:72%;background-position:-10% 50%}.widget-droplet .background-canvas[data-v-130fbe8a]{background-size:60%;background-position:50% 30%}.widget-counter .background-canvas[data-v-130fbe8a]{background-size:contain;background-repeat:no-repeat;background-position:10% 49.5%;background-size:12%;background-image:url(/img/counter_off.5a6bdea.png)}.widget-counter.down .background-canvas[data-v-130fbe8a]{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-position:90% 50.5%}.on.red.widget-counter .background-canvas[data-v-130fbe8a],.on.widget-counter .background-canvas[data-v-130fbe8a]{background-image:url(/img/counter_on_red.0361d19.png)}.on.blue.widget-counter .background-canvas[data-v-130fbe8a]{background-image:url(/img/counter_on_blue.60a5c9e.png)}.on.green.widget-counter .background-canvas[data-v-130fbe8a]{background-image:url(/img/counter_on_green.0ee11d7.png)}.on.orange.widget-counter .background-canvas[data-v-130fbe8a]{background-image:url(/img/counter_on_orange.2b0912e.png)}.on.purple.widget-counter .background-canvas[data-v-130fbe8a]{background-image:url(/img/counter_on_purple.0818e90.png)}.on.yellow.widget-counter .background-canvas[data-v-130fbe8a]{background-image:url(/img/counter_on_yellow.fae26e4.png)}.on.navi.widget-counter .background-canvas[data-v-130fbe8a]{background-image:url(/img/counter_on_navi.fabfdf7.png)}.widget-dled .background-canvas[data-v-130fbe8a]{background-size:32%;background-position:50%;background-image:url(/img/LED_off.181ff60.png)}.on.red.widget-dled .background-canvas[data-v-130fbe8a],.on.widget-dled.background-canvas .background-canvas[data-v-130fbe8a]{background-image:url(/img/LED_on_red.a2da855.png)}.on.blue.widget-dled .background-canvas[data-v-130fbe8a]{background-image:url(/img/LED_on_blue.84461d2.png)}.on.green.widget-dled .background-canvas[data-v-130fbe8a]{background-image:url(/img/LED_on_green.4f6dafe.png)}.on.orange.widget-dled .background-canvas[data-v-130fbe8a]{background-image:url(/img/LED_on_orange.171ef5c.png)}.on.purple.widget-dled .background-canvas[data-v-130fbe8a]{background-image:url(/img/LED_on_purple.920966c.png)}.on.yellow.widget-dled .background-canvas[data-v-130fbe8a]{background-image:url(/img/LED_on_yellow.2231fd1.png)}.on.navi.widget-dled .background-canvas[data-v-130fbe8a]{background-image:url(/img/LED_on_navi.717ea18.png)}.title-wrapper[data-v-130fbe8a]{position:absolute;z-index:1;top:0;width:60%;padding-top:3.25%;left:20%;display:inline-block;color:#6b6b6b;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.command-btn-panel[data-v-130fbe8a]{width:80%;position:absolute;left:10%;bottom:0}.command-btn-panel>div[data-v-130fbe8a]{position:relative;width:45%;margin:2.5%;display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;cursor:pointer}.command-btn-panel>div[data-v-130fbe8a]:before{content:"";float:left;padding-top:45%}.btn-cmd-0[data-v-130fbe8a]{background-image:url(/img/command_off.07257e3.png)}.btn-cmd-1[data-v-130fbe8a]{background-image:url(/img/command_on.a558630.png)}.btn-cmd-2[data-v-130fbe8a]{background-image:url(/img/command_toggle.054f642.png)}.btn-cmd-3[data-v-130fbe8a]{background-image:url(/img/command_off_pulse.3453a13.png)}.btn-cmd-4[data-v-130fbe8a]{background-image:url(/img/command_on_pulse.d6ffdaa.png)}.btn-cmd-0.pressed[data-v-130fbe8a]{background-image:url(/img/command_off_set.4229d9d.png)}.btn-cmd-1.pressed[data-v-130fbe8a]{background-image:url(/img/command_on_set.ae465f3.png)}.btn-cmd-2.pressed[data-v-130fbe8a]{background-image:url(/img/command_toggle_set.c142917.png)}.btn-cmd-3.pressed[data-v-130fbe8a]{background-image:url(/img/command_off_pulse_set.755c523.png)}.btn-cmd-4.pressed[data-v-130fbe8a]{background-image:url(/img/command_on_pulse_set.60c57d0.png)}.btn-cmd-0.normal-close[data-v-130fbe8a]{background-image:url(/img/command_on.a558630.png)}.btn-cmd-1.normal-close[data-v-130fbe8a]{background-image:url(/img/command_off.07257e3.png)}.btn-cmd-0.pressed.normal-close[data-v-130fbe8a]{background-image:url(/img/command_on_set.ae465f3.png)}.btn-cmd-1.pressed.normal-close[data-v-130fbe8a]{background-image:url(/img/command_off_set.4229d9d.png)}.widget-type-icon[data-v-130fbe8a]{left:.4em;color:#fff;position:absolute;width:1.8em;top:.4em;right:.4em;border-radius:50%;font-family:DIN-Regular;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700}.widget-type-icon>div[data-v-130fbe8a]{font-size:.8em;margin-bottom:.1em}.widget-type-icon[data-v-130fbe8a]:before{content:"";float:left;padding-top:100%}.btn-setting-shortcut[data-v-130fbe8a]{position:absolute;background-repeat:no-repeat;background-position:50%;cursor:pointer;width:1.8em;top:.4em;right:.4em;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-size:cover}.btn-setting-shortcut[data-v-130fbe8a]:before{content:"";float:left;padding-top:100%}.btn-no-shortcut[data-v-130fbe8a]:not(.alarming){cursor:inherit}.btn-view-icon[data-v-130fbe8a]{position:absolute;background-repeat:no-repeat;background-position:50%;background-size:contain;height:80%;width:80%;top:10%;left:10%}.btn-left-side[data-v-130fbe8a]{left:.4em;top:2.4em}.second-row[data-v-130fbe8a]{top:2.4em}.third-row[data-v-130fbe8a]{top:4.4em}.btn-view-schedule[data-v-130fbe8a]{background-image:url(/img/btn_schedule_view_gray.dfc8877.png)}.btn-view-alarm[data-v-130fbe8a]{background-image:url(/img/btn_alarm_view_gray.5dd408b.png)}.btn-view-email[data-v-130fbe8a]{background-image:url(/img/btn_email_view.1930911.png)}.btn-view-event[data-v-130fbe8a]{background-image:url(/img/btn_event_view_gray.9c12db8.png)}.btn-view-action[data-v-130fbe8a]{background-image:url(/img/btn_action_view_gray.dfe74ec.png)}.alarming .btn-view-alarm[data-v-130fbe8a]{background-image:url(/img/btn_alarm_view_red.ccfaa1b.png)}.alarm-screen[data-v-130fbe8a]{position:absolute;width:100%;height:109%;border-radius:.25em;background-color:rgba(255,0,0,.2);top:-9%;left:0;pointer-events:none;-webkit-animation:color-blink-data-v-130fbe8a 1s ease-out infinite;animation:color-blink-data-v-130fbe8a 1s ease-out infinite}.btn-reset-counter[data-v-130fbe8a]{background-image:url(/img/btn_counter_reset.000dccc.png)}.btn-edit-counter[data-v-130fbe8a]{background-image:url(/img/btn_counter_edit.b79a927.png)}.type-di[data-v-130fbe8a]{background-color:#facd89}.type-do[data-v-130fbe8a]{background-color:#acd598}.type-ai[data-v-130fbe8a]{background-color:#bfbfbf}.chart-value-container[data-v-130fbe8a]{top:1.6em;left:27.5%}.chart-btn-container[data-v-130fbe8a],.chart-value-container[data-v-130fbe8a]{position:absolute;text-align:center;font-size:.7em}.today-data-btn[data-v-130fbe8a]{background-image:url(/img/today_data.9d1b043.png);background-repeat:no-repeat;background-size:contain;background-position:50%;width:1.2em;height:1.2em;position:absolute;cursor:pointer;bottom:.15em;right:-2.3em}.chart-btn-wrapper div[data-v-130fbe8a]{display:inline-block}.chart-btn-wrapper+.chart-btn-wrapper[data-v-130fbe8a]{margin-top:2.5%}.chart-button[data-v-130fbe8a]{width:17%;cursor:pointer;margin-left:3.75%}.chart-button[data-v-130fbe8a]:first-child{margin-left:0}.chart-btn[data-v-130fbe8a]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;font-size:.9em;background-image:url(/img/timespan.026b81b.png);background-repeat:no-repeat;background-size:contain;background-position:50%;color:#6f6f6f}.chart-btn[data-v-130fbe8a]:before{content:"";float:left;padding-top:100%}.btn-selected[data-v-130fbe8a]{color:#f2f2f2;background-image:url(/img/timespan_selected.e598a98.png)}.triangle-expand[data-v-130fbe8a]{content:"";width:0;height:0;border-left:.4em solid transparent;border-right:.4em solid transparent;border-bottom:.8em solid #6f6f6f;position:absolute;left:0;bottom:.25em;margin:0;-webkit-transition:.2s ease-out;transition:.2s ease-out;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);cursor:pointer}.btn-next[data-v-130fbe8a]{-webkit-transform:rotate(90deg);transform:rotate(90deg);left:unset;right:0}.btn-disabled[data-v-130fbe8a]{cursor:default;border-bottom-color:#bcbcbc}.timestamp-label[data-v-130fbe8a]{width:100%}@-webkit-keyframes color-blink-data-v-130fbe8a{0%{background-color:rgba(255,0,0,.2)}to{background-color:rgba(255,0,0,0)}}@keyframes color-blink-data-v-130fbe8a{0%{background-color:rgba(255,0,0,.2)}to{background-color:rgba(255,0,0,0)}}.preview-mode .chart-btn-container[data-v-130fbe8a],.preview-mode .chart-value-container[data-v-130fbe8a]{visibility:hidden}.canvas-container[data-v-259d04c4]{margin-top:8.2%;position:relative;font-family:Bahnschrift Regular}canvas[data-v-259d04c4]{margin:0 auto}.background-canvas[data-v-259d04c4]{position:absolute;top:0;left:0;right:0;margin:0 auto;background-repeat:no-repeat;background-size:contain}.value-container[data-v-259d04c4]{position:absolute;font-size:2em;top:29%;right:18%;height:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Roboto Mono}.widget-counter .value-container[data-v-259d04c4]{right:45%;top:27%}.unit-container[data-v-259d04c4]{position:absolute;font-size:.9em;top:24%;left:82%;height:15%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.long-unit[data-v-259d04c4]{left:auto;right:5%}.widget-text .value-container[data-v-259d04c4]{right:34%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:3.2em}.widget-text .unit-container[data-v-259d04c4]{left:66%;top:15%}.widget-7seg .value-container[data-v-259d04c4]{font-family:DS Digital;right:34%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:3.5em}.widget-7seg .unit-container[data-v-259d04c4]{left:66%;top:15%}.widget-hbar .background-canvas[data-v-259d04c4]{background-size:44%;background-position:12% 49%}.widget-gauge .background-canvas[data-v-259d04c4]{background-size:44%;background-position:12% 320%}.widget-vbar .background-canvas[data-v-259d04c4]{background-size:36%;background-position:18% 60%}.widget-cbar .background-canvas[data-v-259d04c4]{background-size:36%;background-position:17% 60%}.widget-thermo .background-canvas[data-v-259d04c4]{background-size:36%;background-position:17% 50%}.widget-droplet .background-canvas[data-v-259d04c4]{background-size:35%;background-position:18% 50%}.widget-do .background-canvas[data-v-259d04c4]{background-size:contain;background-repeat:no-repeat;background-position:25% 50%;background-size:16%;background-image:url(/img/counter_off.5a6bdea.png)}.widget-do.no-button .background-canvas[data-v-259d04c4]{background-position:50%}.on.red.widget-counter.background-canvas[data-v-259d04c4],.on.widget-counter .background-canvas[data-v-259d04c4]{background-image:url(/img/counter_on_red.0361d19.png)}.on.blue.widget-counter .background-canvas[data-v-259d04c4]{background-image:url(/img/counter_on_blue.60a5c9e.png)}.on.green.widget-counter .background-canvas[data-v-259d04c4]{background-image:url(/img/counter_on_green.0ee11d7.png)}.on.orange.widget-counter .background-canvas[data-v-259d04c4]{background-image:url(/img/counter_on_orange.2b0912e.png)}.on.purple.widget-counter .background-canvas[data-v-259d04c4]{background-image:url(/img/counter_on_purple.0818e90.png)}.on.yellow.widget-counter .background-canvas[data-v-259d04c4]{background-image:url(/img/counter_on_yellow.fae26e4.png)}.on.navi.widget-counter .background-canvas[data-v-259d04c4]{background-image:url(/img/counter_on_navi.fabfdf7.png)}.widget-di .background-canvas[data-v-259d04c4]{background-size:16%;background-position:50%}.widget-counter .background-canvas[data-v-259d04c4]{background-size:10%;background-position:8% 50%;background-image:url(/img/counter_off.5a6bdea.png)}.down.widget-counter .background-canvas[data-v-259d04c4]{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-position:92% 50%}.widget-dled .background-canvas[data-v-259d04c4]{background-image:url(/img/LED_off.181ff60.png)}.on.red.widget-dled .background-canvas[data-v-259d04c4],.on.widget-dled .background-canvas[data-v-259d04c4]{background-image:url(/img/LED_on_red.a2da855.png)}.on.blue.widget-dled .background-canvas[data-v-259d04c4]{background-image:url(/img/LED_on_blue.84461d2.png)}.on.green.widget-dled .background-canvas[data-v-259d04c4]{background-image:url(/img/LED_on_green.4f6dafe.png)}.on.orange.widget-dled .background-canvas[data-v-259d04c4]{background-image:url(/img/LED_on_orange.171ef5c.png)}.on.purple.widget-dled .background-canvas[data-v-259d04c4]{background-image:url(/img/LED_on_purple.920966c.png)}.on.yellow.widget-dled .background-canvas[data-v-259d04c4]{background-image:url(/img/LED_on_yellow.2231fd1.png)}.on.navi.widget-dled .background-canvas[data-v-259d04c4]{background-image:url(/img/LED_on_navi.717ea18.png)}.title-wrapper[data-v-259d04c4]{position:absolute;z-index:1;top:0;width:70%;left:15%;display:inline-block;color:#6b6b6b;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:2.25%}.command-btn-panel[data-v-259d04c4]{width:30%;height:50%;position:absolute;right:calc(7.3% + .7em);top:24%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.command-btn-panel>div[data-v-259d04c4]{position:relative;width:100%;display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;cursor:pointer}.command-btn-panel>div+div[data-v-259d04c4]{margin-top:2%}.command-btn-panel>div[data-v-259d04c4]:before{content:"";float:left;padding-top:45%}.btn-cmd-0[data-v-259d04c4]{background-image:url(/img/command_off.07257e3.png)}.btn-cmd-1[data-v-259d04c4]{background-image:url(/img/command_on.a558630.png)}.btn-cmd-2[data-v-259d04c4]{background-image:url(/img/command_toggle.054f642.png)}.btn-cmd-3[data-v-259d04c4]{background-image:url(/img/command_off_pulse.3453a13.png)}.btn-cmd-4[data-v-259d04c4]{background-image:url(/img/command_on_pulse.d6ffdaa.png)}.btn-cmd-0.pressed[data-v-259d04c4]{background-image:url(/img/command_off_set.4229d9d.png)}.btn-cmd-1.pressed[data-v-259d04c4]{background-image:url(/img/command_on_set.ae465f3.png)}.btn-cmd-2.pressed[data-v-259d04c4]{background-image:url(/img/command_toggle_set.c142917.png)}.btn-cmd-3.pressed[data-v-259d04c4]{background-image:url(/img/command_off_pulse_set.755c523.png)}.btn-cmd-4.pressed[data-v-259d04c4]{background-image:url(/img/command_on_pulse_set.60c57d0.png)}.btn-cmd-0.normal-close[data-v-259d04c4]{background-image:url(/img/command_on.a558630.png)}.btn-cmd-1.normal-close[data-v-259d04c4]{background-image:url(/img/command_off.07257e3.png)}.btn-cmd-0.pressed.normal-close[data-v-259d04c4]{background-image:url(/img/command_on_set.ae465f3.png)}.btn-cmd-1.pressed.normal-close[data-v-259d04c4]{background-image:url(/img/command_off_set.4229d9d.png)}.widget-type-icon[data-v-259d04c4]{position:absolute;left:.35em;top:.35em;cursor:inherit;color:#fff;width:10%;height:1.25em;border-radius:.3em;font-family:DIN-Regular;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.widget-type-icon>div[data-v-259d04c4]{font-size:.78em;margin-bottom:.035em}.type-di[data-v-259d04c4]{background-color:#facd89}.type-do[data-v-259d04c4]{background-color:#acd598}.type-ai[data-v-259d04c4]{background-color:#bfbfbf}.btn-setting-shortcut[data-v-259d04c4]{position:absolute;cursor:pointer;width:1.25em;top:.35em;right:.35em;border-radius:.3em;font-family:DIN-Regular;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-setting-shortcut[data-v-259d04c4]:before{content:"";float:left;padding-top:100%}.btn-no-shortcut[data-v-259d04c4]:not(.alarming){cursor:inherit}.btn-left-side[data-v-259d04c4]{left:.35em;top:1.8em}.second-row[data-v-259d04c4]{top:1.8em}.third-row[data-v-259d04c4]{top:3.25em}.btn-view-icon[data-v-259d04c4]{position:absolute;background-repeat:no-repeat;background-position:50%;background-size:contain;height:100%;width:100%;top:0;left:0}.btn-view-schedule[data-v-259d04c4]{background-image:url(/img/btn_schedule_view_gray.dfc8877.png)}.btn-view-alarm[data-v-259d04c4]{background-image:url(/img/btn_alarm_view_gray.5dd408b.png)}.btn-view-event[data-v-259d04c4]{background-image:url(/img/btn_event_view_gray.9c12db8.png)}.btn-view-action[data-v-259d04c4]{background-image:url(/img/btn_action_view_gray.dfe74ec.png)}.alarming .btn-view-alarm[data-v-259d04c4]{background-image:url(/img/btn_alarm_view_red.ccfaa1b.png)}.btn-reset-counter[data-v-259d04c4]{background-image:url(/img/btn_counter_reset.000dccc.png)}.btn-edit-counter[data-v-259d04c4]{background-image:url(/img/btn_counter_edit.b79a927.png)}.alarm-screen[data-v-259d04c4]{position:absolute;width:100%;height:124%;border-radius:.25em;background-color:rgba(255,0,0,.2);top:-23%;left:0;-webkit-animation:color-blink-data-v-259d04c4 1s ease-out infinite;animation:color-blink-data-v-259d04c4 1s ease-out infinite}@-webkit-keyframes color-blink-data-v-259d04c4{0%{background-color:rgba(255,0,0,.2)}to{background-color:rgba(255,0,0,0)}}@keyframes color-blink-data-v-259d04c4{0%{background-color:rgba(255,0,0,.2)}to{background-color:rgba(255,0,0,0)}}.table-view-container[data-v-ff1896f6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:1em}.table-view-container>div[data-v-ff1896f6]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.status-container[data-v-ff1896f6]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}canvas[data-v-ff1896f6]{margin:0 auto}.background-canvas[data-v-ff1896f6]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:contain}.canvas-container[data-v-ff1896f6]{position:relative;-webkit-box-align:start;-ms-flex-align:start;align-items:start;width:22.5%}.title-container[data-v-ff1896f6]{width:32.5%}.control-container[data-v-ff1896f6]{width:22.5%;position:relative}.value-container[data-v-ff1896f6]{width:12.5%;font-family:Bahnschrift Regular;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.status-container[data-v-ff1896f6]{width:10%}.status-container>div+div[data-v-ff1896f6]{margin-left:5%}.canvas-container[data-v-ff1896f6],.status-container[data-v-ff1896f6],.title-container[data-v-ff1896f6]{background-color:#fafafa}.title-wrapper[data-v-ff1896f6]{font-size:.4em;width:12em;text-align:left;color:#6b6b6b}.value-container[data-v-ff1896f6]{font-size:.4em}.widget-scheduler .background-value[data-v-ff1896f6]{font-size:.8em;top:50%;left:50%}.widget-scheduler .background-value+div[data-v-ff1896f6],.widget-scheduler .background-value[data-v-ff1896f6]{position:absolute;font-family:DS Digital;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.widget-scheduler .background-value+div[data-v-ff1896f6]{top:25%;left:22.5%;font-size:.4em}.canvas-container:not(.on) div[data-v-ff1896f6]:not(.analog-value){color:#ccc}.widget-counter .background-canvas[data-v-ff1896f6]{background-size:contain;background-repeat:no-repeat;background-position:50%;background-size:15%;background-image:url(/img/counter_off.5a6bdea.png)}.widget-counter.down .background-canvas[data-v-ff1896f6]{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}.on.red.widget-counter .background-canvas[data-v-ff1896f6],.on.widget-counter .background-canvas[data-v-ff1896f6]{background-image:url(/img/counter_on_red.0361d19.png)}.on.blue.widget-counter .background-canvas[data-v-ff1896f6]{background-image:url(/img/counter_on_blue.60a5c9e.png)}.on.green.widget-counter .background-canvas[data-v-ff1896f6]{background-image:url(/img/counter_on_green.0ee11d7.png)}.on.orange.widget-counter .background-canvas[data-v-ff1896f6]{background-image:url(/img/counter_on_orange.2b0912e.png)}.on.purple.widget-counter .background-canvas[data-v-ff1896f6]{background-image:url(/img/counter_on_purple.0818e90.png)}.on.yellow.widget-counter .background-canvas[data-v-ff1896f6]{background-image:url(/img/counter_on_yellow.fae26e4.png)}.on.navi.widget-counter .background-canvas[data-v-ff1896f6]{background-image:url(/img/counter_on_navi.fabfdf7.png)}.widget-dled .background-canvas[data-v-ff1896f6]{background-size:15%;background-position:50%;background-image:url(/img/LED_off.181ff60.png)}.on.red.widget-dled .background-canvas[data-v-ff1896f6],.on.widget-dled.background-canvas .background-canvas[data-v-ff1896f6]{background-image:url(/img/LED_on_red.a2da855.png)}.on.blue.widget-dled .background-canvas[data-v-ff1896f6]{background-image:url(/img/LED_on_blue.84461d2.png)}.on.green.widget-dled .background-canvas[data-v-ff1896f6]{background-image:url(/img/LED_on_green.4f6dafe.png)}.on.orange.widget-dled .background-canvas[data-v-ff1896f6]{background-image:url(/img/LED_on_orange.171ef5c.png)}.on.purple.widget-dled .background-canvas[data-v-ff1896f6]{background-image:url(/img/LED_on_purple.920966c.png)}.on.yellow.widget-dled .background-canvas[data-v-ff1896f6]{background-image:url(/img/LED_on_yellow.2231fd1.png)}.on.navi.widget-dled .background-canvas[data-v-ff1896f6]{background-image:url(/img/LED_on_navi.717ea18.png)}.command-btn-panel[data-v-ff1896f6]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;bottom:0}.command-btn-panel>div[data-v-ff1896f6]{width:45%;margin:0 2.5%;display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;cursor:pointer}.command-btn-panel>div[data-v-ff1896f6]:before{content:"";float:left;padding-top:52%}.btn-cmd-0[data-v-ff1896f6]{background-image:url(/img/command_off.07257e3.png)}.btn-cmd-1[data-v-ff1896f6]{background-image:url(/img/command_on.a558630.png)}.btn-cmd-2[data-v-ff1896f6]{background-image:url(/img/command_toggle.054f642.png)}.btn-cmd-3[data-v-ff1896f6]{background-image:url(/img/command_off_pulse.3453a13.png)}.btn-cmd-4[data-v-ff1896f6]{background-image:url(/img/command_on_pulse.d6ffdaa.png)}.btn-cmd-0.pressed[data-v-ff1896f6]{background-image:url(/img/command_off_set.4229d9d.png)}.btn-cmd-1.pressed[data-v-ff1896f6]{background-image:url(/img/command_on_set.ae465f3.png)}.btn-cmd-2.pressed[data-v-ff1896f6]{background-image:url(/img/command_toggle_set.c142917.png)}.btn-cmd-3.pressed[data-v-ff1896f6]{background-image:url(/img/command_off_pulse_set.755c523.png)}.btn-cmd-4.pressed[data-v-ff1896f6]{background-image:url(/img/command_on_pulse_set.60c57d0.png)}.btn-cmd-0.normal-close[data-v-ff1896f6]{background-image:url(/img/command_on.a558630.png)}.btn-cmd-1.normal-close[data-v-ff1896f6]{background-image:url(/img/command_off.07257e3.png)}.btn-cmd-0.pressed.normal-close[data-v-ff1896f6]{background-image:url(/img/command_on_set.ae465f3.png)}.btn-cmd-1.pressed.normal-close[data-v-ff1896f6]{background-image:url(/img/command_off_set.4229d9d.png)}.btn-setting-shortcut[data-v-ff1896f6]{position:relative;background-repeat:no-repeat;background-position:50%;cursor:pointer;width:40%;border-radius:.2em;background-size:cover}.btn-setting-shortcut[data-v-ff1896f6],.widget-type-icon[data-v-ff1896f6]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.widget-type-icon[data-v-ff1896f6]{color:#fff;width:.8em;height:.5em;margin:0 .2em;display:inline-block;border-radius:.1em;font-family:DIN-Regular;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700}.widget-type-icon>div[data-v-ff1896f6]{font-size:.3em}.btn-setting-shortcut[data-v-ff1896f6]:before{content:"";float:left;padding-top:100%}.btn-view-icon[data-v-ff1896f6]{position:absolute;background-repeat:no-repeat;background-position:50%;background-size:contain;height:100%;width:100%}.btn-view-schedule[data-v-ff1896f6]{background-image:url(/img/btn_schedule_view_gray.dfc8877.png)}.btn-view-alarm[data-v-ff1896f6]{background-size:95%;background-image:url(/img/btn_alarm_view_gray.5dd408b.png)}.alarming .btn-view-alarm[data-v-ff1896f6]{background-image:url(/img/btn_alarm_view_red.ccfaa1b.png)}.alarm-screen[data-v-ff1896f6]{position:absolute;width:100%;height:100%;background-color:rgba(255,0,0,.2);top:0;left:0;-webkit-animation:color-blink-data-v-ff1896f6 1s ease-out infinite;animation:color-blink-data-v-ff1896f6 1s ease-out infinite}.btn-reset-counter[data-v-ff1896f6]{background-image:url(/img/btn_counter_reset.000dccc.png)}.btn-edit-counter[data-v-ff1896f6]{background-image:url(/img/btn_counter_edit.b79a927.png)}.type-di[data-v-ff1896f6]{background-color:#facd89}.type-do[data-v-ff1896f6]{background-color:#acd598}.type-ai[data-v-ff1896f6]{background-color:#bfbfbf}@-webkit-keyframes color-blink-data-v-ff1896f6{0%{background-color:rgba(255,0,0,.2)}to{background-color:rgba(255,0,0,0)}}@keyframes color-blink-data-v-ff1896f6{0%{background-color:rgba(255,0,0,.2)}to{background-color:rgba(255,0,0,0)}}.background-canvas[data-v-c6f1c1d2],.main-canvas[data-v-c6f1c1d2]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:contain}.background-value[data-v-c6f1c1d2]{position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:.8em;font-family:Bahnschrift Regular}.analog-value[data-v-c6f1c1d2]{top:70%}.digital-value[data-v-c6f1c1d2]{left:60%}.widget-7seg .background-value[data-v-c6f1c1d2]{font-family:DS Digital;font-size:1.05em}.widget-counter .digital-value[data-v-c6f1c1d2]{left:65%}.widget-scheduler .background-value[data-v-c6f1c1d2]{font-family:DS Digital;font-size:1.35em;white-space:nowrap;top:50%;left:60%}.widget-scheduler .background-value+div[data-v-c6f1c1d2]{position:absolute;top:20%;left:22.5%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:.6em;font-family:DS Digital}.widget-scheduler:not(.on) div[data-v-c6f1c1d2]{color:#ccc}.simple-view-container[data-v-c6f1c1d2]{padding:0;height:30px;display:block}.canvas-container[data-v-c6f1c1d2],.status-container[data-v-c6f1c1d2],.title-container[data-v-c6f1c1d2]{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;height:30px;line-height:30px}.title-container[data-v-c6f1c1d2]{width:50%}.canvas-container[data-v-c6f1c1d2]{width:30%;position:relative}.status-container[data-v-c6f1c1d2]{width:20%;padding-right:1em;text-align:left;height:30px}.status-container>div+div[data-v-c6f1c1d2]{margin-left:-10%;margin-right:10%}.title-wrapper[data-v-c6f1c1d2]{text-align:left;width:calc(100% - 3.5em);color:#6b6b6b}.title-wrapper>span[data-v-c6f1c1d2]{font-size:.75em}.widget-type-icon[data-v-c6f1c1d2]{color:#fff;width:2.2em;margin:0 .5em 0 .8em;height:1em;line-height:1em;border-radius:.3em;font-family:DIN-Regular;font-weight:700}.widget-type-icon>div[data-v-c6f1c1d2]{font-size:.65em}.title-wrapper[data-v-c6f1c1d2],.widget-type-icon[data-v-c6f1c1d2]{vertical-align:middle;display:inline-block}.btn-setting-shortcut[data-v-c6f1c1d2]{position:relative;background-repeat:no-repeat;background-position:50%;cursor:pointer;width:45%;height:100%;float:right;border-radius:.2em;background-size:cover}.btn-setting-shortcut[data-v-c6f1c1d2]:before{content:"";float:left;padding-top:100%}.btn-no-shortcut[data-v-c6f1c1d2]:not(.alarming){cursor:inherit}.btn-view-icon[data-v-c6f1c1d2]{position:absolute;background-repeat:no-repeat;background-position:50%;background-size:contain;height:100%;width:100%;top:0;left:0}.btn-view-schedule[data-v-c6f1c1d2]{background-image:url(/img/btn_schedule_view_gray.dfc8877.png)}.btn-view-alarm[data-v-c6f1c1d2]{background-size:95%;background-image:url(/img/btn_alarm_view_gray.5dd408b.png)}.alarming .btn-view-alarm[data-v-c6f1c1d2]{background-image:url(/img/btn_alarm_view_red.ccfaa1b.png)}.alarm-screen[data-v-c6f1c1d2]{position:absolute;width:100%;height:34px;background-color:rgba(255,0,0,.2);top:-2px;left:0;-webkit-animation:color-blink-data-v-c6f1c1d2 1s ease-out infinite;animation:color-blink-data-v-c6f1c1d2 1s ease-out infinite}.btn-reset-counter[data-v-c6f1c1d2]{background-image:url(/img/btn_counter_reset.000dccc.png)}.btn-edit-counter[data-v-c6f1c1d2]{background-image:url(/img/btn_counter_edit.b79a927.png)}.type-di[data-v-c6f1c1d2]{background-color:#facd89}.type-do[data-v-c6f1c1d2]{background-color:#acd598}.type-ai[data-v-c6f1c1d2]{background-color:#bfbfbf}.widget-counter .background-canvas[data-v-c6f1c1d2]{background-repeat:no-repeat;background-position:20%,50%;background-size:20%;background-image:url(/img/counter_off.5a6bdea.png)}.widget-counter.down .background-canvas[data-v-c6f1c1d2]{background-position:80%,50%;-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}.on.red.widget-counter .background-canvas[data-v-c6f1c1d2],.on.widget-counter .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/counter_on_red.0361d19.png)}.on.blue.widget-counter .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/counter_on_blue.60a5c9e.png)}.on.green.widget-counter .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/counter_on_green.0ee11d7.png)}.on.orange.widget-counter .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/counter_on_orange.2b0912e.png)}.on.purple.widget-counter .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/counter_on_purple.0818e90.png)}.on.yellow.widget-counter .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/counter_on_yellow.fae26e4.png)}.on.navi.widget-counter .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/counter_on_navi.fabfdf7.png)}.widget-dled .background-canvas[data-v-c6f1c1d2]{background-size:20%;background-position:20%,50%;background-image:url(/img/LED_off.181ff60.png)}.on.red.widget-dled .background-canvas[data-v-c6f1c1d2],.on.widget-dled.background-canvas .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/LED_on_red.a2da855.png)}.on.blue.widget-dled .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/LED_on_blue.84461d2.png)}.on.green.widget-dled .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/LED_on_green.4f6dafe.png)}.on.orange.widget-dled .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/LED_on_orange.171ef5c.png)}.on.purple.widget-dled .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/LED_on_purple.920966c.png)}.on.yellow.widget-dled .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/LED_on_yellow.2231fd1.png)}.on.navi.widget-dled .background-canvas[data-v-c6f1c1d2]{background-image:url(/img/LED_on_navi.717ea18.png)}@-webkit-keyframes color-blink-data-v-c6f1c1d2{0%{background-color:rgba(255,0,0,.2)}to{background-color:rgba(255,0,0,0)}}@keyframes color-blink-data-v-c6f1c1d2{0%{background-color:rgba(255,0,0,.2)}to{background-color:rgba(255,0,0,0)}}@media screen and (max-width:1199px){.simple-view-container[data-v-c6f1c1d2]{font-size:1.5em}.widget-scheduler .background-value+div[data-v-c6f1c1d2]{left:10%}}@media screen and (max-width:799px){.title-wrapper[data-v-c6f1c1d2]{display:none}.title-container[data-v-c6f1c1d2]{width:30%;position:relative}.widget-type-icon[data-v-c6f1c1d2]{position:absolute;margin:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.canvas-container[data-v-c6f1c1d2]{width:50%}.simple-view-container[data-v-c6f1c1d2]{font-size:1.2em}.widget-scheduler .background-value+div[data-v-c6f1c1d2]{left:35%}.digital-value[data-v-c6f1c1d2]{left:65%}}@media screen and (max-width:399px){.status-container[data-v-c6f1c1d2]{width:30%}.canvas-container[data-v-c6f1c1d2]{width:40%}.simple-view-container[data-v-c6f1c1d2]{font-size:1.8em}.widget-scheduler .background-value+div[data-v-c6f1c1d2]{left:17.5%}.widget-counter .background-canvas[data-v-c6f1c1d2],.widget-dled .background-canvas[data-v-c6f1c1d2]{background-size:30%;background-position:0,50%}.widget-counter.down .background-canvas[data-v-c6f1c1d2]{background-position:100%,50%}}.outer-wrapper{display:inline-block;vertical-align:top;cursor:-webkit-zoom-in;cursor:zoom-in}.outer-wrapper:after{content:"";float:left;padding-top:100%}.enlarging.outer-wrapper{width:80%;margin:0;position:relative;cursor:default}.ports-container+.ports-container .enlarging.outer-wrapper,.ports-container+.ports-container .port-simple-widget.outer-wrapper,.ports-container+.ports-container .port-table-widget.outer-wrapper{margin:0}.inner-wrapper{display:inline-block;width:100%;border-radius:.25em;border:1px solid #c3c7cc;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ededed;text-align:center;line-height:normal;position:relative}.zooming .inner-wrapper{cursor:default;border-color:#333740}.zooming.alarming-widget .inner-wrapper{border-color:#c7120b}.port-table-widget:last-child:hover .inner-wrapper{border-bottom:1px solid #333740}.view-single-port .hide-widget{display:none}.port-compact-widget:after{content:"";float:left;padding-top:40%}.port-table-widget:after{display:none}.port-table-widget.outer-wrapper{width:100%;margin:0;display:block}.port-table-widget .inner-wrapper{border-color:1px solid #c3c7cc;border-radius:0;display:block;border-bottom:none}.port-table-widget:last-child .inner-wrapper{border-bottom:1px solid #c3c7cc}.port-simple-widget:after{display:none}.port-simple-widget.outer-wrapper{width:25%;margin:0}.port-simple-widget .inner-wrapper{border-radius:0;border-color:transparent;border-width:1px 0;-webkit-box-shadow:none;box-shadow:none;display:block}@media screen and (min-width:800px){.port-table-widget.common-widget:hover+.port-table-widget .inner-wrapper{border-top-color:#333740}.port-compact-widget.common-widget:hover .inner-wrapper,.port-normal-widget.common-widget:hover .inner-wrapper{border-color:#333740;-webkit-transition:.2s;transition:.2s}.port-simple-widget.common-widget:hover .inner-wrapper{border-bottom-color:#333740}.port-table-widget.common-widget:hover .inner-wrapper{border-color:#333740}.port-table-widget.common-widget.alarming-widget:hover+.port-table-widget .inner-wrapper{border-top-color:#c7120b}.port-compact-widget.common-widget.alarming-widget:hover .inner-wrapper,.port-normal-widget.common-widget.alarming-widget:hover .inner-wrapper{border-color:#c7120b}.port-simple-widget.common-widget.alarming-widget:hover .inner-wrapper{border-bottom-color:#c7120b}.port-table-widget.common-widget.alarming-widget:hover .inner-wrapper{border-color:#c7120b}}.palette-item[data-v-1fb532de]{height:1.7em;width:1.7em;display:inline-block;cursor:pointer;border-radius:50%;position:relative;margin:0 1px;vertical-align:middle}.palette-item[data-v-1fb532de]:first-child{margin-left:0}.palette-item[data-v-1fb532de]:last-child{margin-right:0}.selected[data-v-1fb532de]:after{content:"";left:.6em;top:.3em;width:.35em;height:.7em;border:solid #fff;border-width:0 .2em .2em 0;-webkit-transform:rotate(40deg);transform:rotate(40deg);position:absolute}.label-row[data-v-312f9f82]{font-size:1em}.content-row[data-v-312f9f82],.label-row[data-v-312f9f82]{padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}.cmd-component[data-v-312f9f82]{display:inline-block;width:33.3%;vertical-align:middle}.cmd-delay-col[data-v-312f9f82],.cmd-pwm-col[data-v-312f9f82]{text-align:center}.cmd-title[data-v-312f9f82]{border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:2px 0;margin-top:7px;background-color:#c8c8c8;color:#fff}.cmd-enab-container[data-v-312f9f82]{font-size:.8em;margin:0 0 .3em .5em}.cmd-icon[data-v-312f9f82]{height:1.5em;width:1.5em;display:inline-block;background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 .5em .25em .8em;vertical-align:middle}.cmd-label[data-v-312f9f82]{display:inline-block}.command-input input[data-v-312f9f82]{width:40%}.cmd-background[data-v-312f9f82]{margin-top:15px}.cmd-background[data-v-312f9f82]:last-child{margin-bottom:12px}.command-input[data-v-312f9f82]:after{content:"s";margin-left:2.5px}.cmd-enabler-col>span[data-v-312f9f82]{padding-left:2em}@media screen and (max-width:799px){.content-row[data-v-312f9f82],.label-row[data-v-312f9f82]{padding:0 20px}.cmd-component[data-v-312f9f82]{width:30%}.cmd-component[data-v-312f9f82]:first-child{width:40%}}.repeated-container[data-v-54b6e5a9]{text-align:center;margin:10px auto 15px;font-size:1.1em}.schedule-repeated-selector[data-v-54b6e5a9]{margin-right:.5em}.repeated-label[data-v-54b6e5a9]{display:inline-block;vertical-align:middle;font-size:13.5px}.real-time-container[data-v-54b6e5a9]{color:#727578;font-size:1.1em;height:20px;margin-top:10px;text-align:center}.schedule-container[data-v-54b6e5a9]{width:calc(100% - 8em);margin:20px auto 10px;position:relative}.schedule-info-container[data-v-54b6e5a9]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:.5em;background-color:#fff;cursor:pointer;margin:0 auto}.schedule-info-container label[data-v-54b6e5a9]{cursor:pointer}.disabled-schedule .schedule-date-label[data-v-54b6e5a9],.disabled-schedule[data-v-54b6e5a9]{color:#ccc}.disabled-schedule .set-date[data-v-54b6e5a9]{background-color:#898989}.disabled-schedule .output-icon[data-v-54b6e5a9],.disabled-schedule .repeat-icon[data-v-54b6e5a9]{opacity:.5}.schedule-info-container[data-v-54b6e5a9]:hover{border-color:#6f6f6f;background-color:#f2f2f2;-webkit-transition:.2s;transition:.2s}.schedule-portname[data-v-54b6e5a9]{font-weight:700;text-transform:uppercase;text-align:center;font-size:30px;margin-top:10px}.date-container[data-v-54b6e5a9]{text-align:center;margin:15px auto 10px}.schedule-info-container .date-container[data-v-54b6e5a9]{margin:0}.info-wrapper[data-v-54b6e5a9]{width:25.5em;margin:0 auto}.date-label[data-v-54b6e5a9],.schedule-date-label[data-v-54b6e5a9]{display:inline-block;-webkit-box-shadow:0 0 0 1px #ddd;box-shadow:0 0 0 1px #ddd;color:#898989;text-align:center;width:3.5em;height:3.2em;border-radius:.8em;line-height:3.2em;margin:0 .2em}.date-label>span[data-v-54b6e5a9],.schedule-date-label>span[data-v-54b6e5a9]{font-size:1.2em}.schedule-date-label[data-v-54b6e5a9]:last-child{margin-right:0}.schedule-date-label[data-v-54b6e5a9]:first-child{margin-left:0}.date-label[data-v-54b6e5a9]{cursor:pointer}.set-date[data-v-54b6e5a9]{background-color:#ed7e57;color:#fff}.date-label[data-v-54b6e5a9]:not(.set-date):hover{background-color:#ccc}.info-first-line>[data-v-54b6e5a9],.info-second-line>[data-v-54b6e5a9]{display:inline-block;vertical-align:middle}@-webkit-keyframes popup-swipe-right-data-v-54b6e5a9{0%{opacity:0;left:100%}to{opacity:1;left:0}}@keyframes popup-swipe-right-data-v-54b6e5a9{0%{opacity:0;left:100%}to{opacity:1;left:0}}@-webkit-keyframes popup-swipe-left-data-v-54b6e5a9{0%{opacity:1;left:0}to{opacity:0;left:100%}}@keyframes popup-swipe-left-data-v-54b6e5a9{0%{opacity:1;left:0}to{opacity:0;left:100%}}.schedule-add-popup[data-v-54b6e5a9]{position:absolute;top:0;left:0;width:100%;height:100%;min-height:580px;-webkit-animation:popup-swipe-right-data-v-54b6e5a9 .3s ease 0s 1;animation:popup-swipe-right-data-v-54b6e5a9 .3s ease 0s 1}.remove-popup[data-v-54b6e5a9]{-webkit-animation:popup-swipe-left-data-v-54b6e5a9 .3s ease 0s 1;animation:popup-swipe-left-data-v-54b6e5a9 .3s ease 0s 1}.schedule-existing-output-container[data-v-54b6e5a9]{margin-right:1em}.schedule-existing-output-container>[data-v-54b6e5a9]{display:inline-block;vertical-align:middle}.repeat-icon[data-v-54b6e5a9]{width:3.2em;height:3.2em;-webkit-box-shadow:0 0 0 1px #ddd;box-shadow:0 0 0 1px #ddd;border-radius:.6em;background-position:50%;background-repeat:no-repeat;background-size:65%;background-image:url(/img/icon_schedule_repeat.cbe06cf.png)}.output-icon[data-v-54b6e5a9]{width:2.4em;height:2.4em;margin:auto 3px 2px auto;background-position:50%;background-repeat:no-repeat;background-size:contain}.output-label[data-v-54b6e5a9]{width:30em;height:2.4em;line-height:2.4em}.output-label>span[data-v-54b6e5a9]{font-size:1.55em}.schedule-enabler.switch-wrapper[data-v-54b6e5a9]{position:absolute;left:-3em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.schedule-output-label[data-v-54b6e5a9]{width:27em;margin:15px auto 0}.schedule-output-label>[data-v-54b6e5a9]{vertical-align:middle}.command-container[data-v-54b6e5a9]{width:27em;padding:2px 0;margin:13px auto}.label-row[data-v-54b6e5a9]{color:#fff;background-color:#c8c8c8}.schedule-output-container input[type=number][data-v-54b6e5a9]{width:4.25em}.input-pulse-width input[type=number][data-v-54b6e5a9]{margin-left:4em}.input-delay-width[data-v-54b6e5a9]:after,.input-pulse-width[data-v-54b6e5a9]:after{content:"s";margin-left:.25em}.schedule-output-container .command-label[data-v-54b6e5a9]{width:7.5em;position:relative;display:inline-block}.command-title[data-v-54b6e5a9],.delay-title[data-v-54b6e5a9],.pulse-title[data-v-54b6e5a9]{width:9em;text-align:center}.command-icon[data-v-54b6e5a9]{width:1.4em;height:1.4em;margin:0 .6em 2px 2em;background-repeat:no-repeat;background-position:50%;background-size:cover}.command-container div[data-v-54b6e5a9]{display:inline-block;vertical-align:middle}.schedule-container .clock-digit[data-v-54b6e5a9]{height:100%;line-height:1.4;width:2.5em;border-radius:.3em;-webkit-box-shadow:0 0 0 1px #ddd;box-shadow:0 0 0 1px #ddd;text-align:center;min-width:auto;font-size:2.5em}.schedule-add-popup .schedule-output-container[data-v-54b6e5a9]{border-top:1px dashed #ddd;border-bottom:1px dashed #ddd}.schedule-container .schedule-output-container[data-v-54b6e5a9]{width:80px}.time-container[data-v-54b6e5a9]{text-align:center;font-weight:700;position:relative;font-family:DS Digital;width:27em;margin:0 auto}.schedule-existing .time-container[data-v-54b6e5a9]{height:3.2em;line-height:3.2em;width:auto;margin:0 1em}.clock-digit[data-v-54b6e5a9]{min-width:1.2em;font-size:5em;text-align:center;display:inline-block;text-align:right}.clock-digit[data-v-54b6e5a9]:nth-of-type(2){min-width:.3em;text-align:center}.clock-digit[data-v-54b6e5a9]:nth-of-type(3){text-align:left}.time-btn[data-v-54b6e5a9]{position:absolute;border-left:.75em solid transparent;border-right:.75em solid transparent;border-top:1em solid #898989;left:0;top:3.2em;cursor:pointer}.time-btn[data-v-54b6e5a9]:hover{border-top-color:#2f2f2f}.info-first-line[data-v-54b6e5a9],.info-second-line[data-v-54b6e5a9]{font-size:.65em;display:inline-block}.info-first-line[data-v-54b6e5a9]{margin:10px 0 5px}.info-second-line[data-v-54b6e5a9]{margin:5px 0}.schedule-container .time-btn[data-v-54b6e5a9]{display:none}.decrease-minute[data-v-54b6e5a9],.increase-minute[data-v-54b6e5a9]{left:auto;right:0}.increase-hour[data-v-54b6e5a9],.increase-minute[data-v-54b6e5a9]{top:.8em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.schedule-placeholder[data-v-54b6e5a9]{text-align:center;padding:20px 0;font-size:13.5px}.schedule-placeholder[data-v-54b6e5a9]:only-child{display:block}.schedule-button-container[data-v-54b6e5a9]{text-align:center;margin:10px auto}.btn-schedule-add-cancel[data-v-54b6e5a9],.btn-schedule-add-ok[data-v-54b6e5a9]{margin:5px;width:60px;padding:8px 20px;font-size:15px;height:20px;line-height:20px;text-align:center;border-radius:20px;cursor:pointer;display:inline-block}.btn-schedule-add-ok[data-v-54b6e5a9]{color:#fff;background-color:#ed7e57;border:1px solid #ed7e57}.btn-schedule-add-cancel[data-v-54b6e5a9]{color:#898989;border:1px solid #898989}.btn-schedule-add-cancel[data-v-54b6e5a9]:hover{background-color:#898989;color:#f2f2f2}.btn-schedule-add-ok[data-v-54b6e5a9]:hover{background-color:#e74a1f}.btn-delete-schedule[data-v-54b6e5a9]{position:absolute;right:-2.5em;top:50%;width:1.25em;height:1.25em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.highlighted-schedule[data-v-54b6e5a9]{-webkit-animation:changeBorder-data-v-54b6e5a9 .5s infinite alternate;animation:changeBorder-data-v-54b6e5a9 .5s infinite alternate}@-webkit-keyframes changeBorder-data-v-54b6e5a9{0%{border-color:#a43434}to{border-color:#ddd}}@keyframes changeBorder-data-v-54b6e5a9{0%{border-color:#a43434}to{border-color:#ddd}}.combobox-wrapper[data-v-d92a82e4]{display:-webkit-box;display:-ms-flexbox;display:flex}.length-indicator[data-v-d92a82e4]{position:absolute;opacity:0;font-size:.65em;line-height:normal;bottom:-.4em;right:1.8em;-webkit-transform:translate(100%,50%);transform:translate(100%,50%);-webkit-transition:.2s ease-out;transition:.2s ease-out;color:#ed7e57}.combobox-wrapper input[data-v-d92a82e4]{position:absolute;width:11em;font-size:1em;top:.1em;left:0;background-color:#fafafa}.larger-size input[data-v-d92a82e4]{width:13em}.larger-size select[data-v-d92a82e4]{min-width:14.5em}.combobox-wrapper input:focus+.length-indicator[data-v-d92a82e4]{opacity:1}.combobox-wrapper select[data-v-d92a82e4]{border:0;opacity:0}.select-wrapper.combobox-wrapper[data-v-d92a82e4]:after{-webkit-box-sizing:border-box;box-sizing:border-box;width:.5em;height:.5em;top:.5em;right:.4em;border:solid #898989;border-width:0 .15em .15em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (max-width:399px){.length-indicator[data-v-d92a82e4]{bottom:0;font-size:.75em}}input[data-v-8336715a]{margin-top:.2em;width:5.5em;font-size:1em}.range-symbol[data-v-8336715a]{width:1.5em;margin:0;text-align:center}.highlighted-input>input[data-v-8336715a]{-webkit-animation:changeColor-data-v-8336715a .5s infinite alternate;animation:changeColor-data-v-8336715a .5s infinite alternate}@-webkit-keyframes changeColor-data-v-8336715a{0%{color:#a43434}to{color:#ccc}}@keyframes changeColor-data-v-8336715a{0%{color:#a43434}to{color:#ccc}}.actionlist-placeholder[data-v-7343d24f]{text-align:center;padding:20px 0;font-size:13.5px}.action-table[data-v-7343d24f]{margin:20px 10px;padding-bottom:80px}.action-device[data-v-7343d24f]{background-color:#fff;border:1px solid #bfbfbf;border-radius:.5em}.action-device+.action-device[data-v-7343d24f]{margin-top:25px}.target-device-row[data-v-7343d24f]{margin:10px;font-size:1.1em;font-weight:700}.target-event-container[data-v-7343d24f]{border-radius:.5em;border:1px solid #ccc;cursor:pointer;margin:10px auto;line-height:1.6em;font-size:.95em;display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 20px)}.target-event-container[data-v-7343d24f]:hover{border-color:#333740}.target-event-info[data-v-7343d24f],.target-port-info[data-v-7343d24f]{margin:.4em auto}.target-desc-info[data-v-7343d24f]{vertical-align:middle;height:1.35em;line-height:1.35em;display:inline-block;max-width:calc(100% - 4em)}.port-type-icon+.target-desc-info[data-v-7343d24f]{padding-top:.1em}.target-command-container[data-v-7343d24f],.target-info-container[data-v-7343d24f]{width:calc(50% - .5em - .5px);vertical-align:top}.arrow-separator[data-v-7343d24f]{width:1em;position:relative;margin-right:1px;display:-webkit-box;display:-ms-flexbox;display:flex}.arrow-triangle-separator[data-v-7343d24f]{width:100%;height:100%;top:0;left:-1px;position:absolute}.arrow-border-separator[data-v-7343d24f]{height:6.5em;width:1em}svg[data-v-7343d24f]{width:100%;height:100%}.arrow-border-separator svg .triangle-path[data-v-7343d24f]{fill:#ccc}.arrow-triangle-separator .triangle-path[data-v-7343d24f]{fill:#f2f2f2}.target-info-container[data-v-7343d24f]{border-radius:.4em 0 0 .4em;background-color:#f2f2f2}.output-icon[data-v-7343d24f]{width:1.56em;height:1.56em;margin:auto 3px 2px .5em;background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;vertical-align:middle}.output-label[data-v-7343d24f]{width:calc(100% - 2.06em - 3px);display:inline-block;vertical-align:middle}.port-type-icon[data-v-7343d24f]{color:#fff;width:2.2em;margin:0 .5em;height:1.35em;line-height:1.35em;border-radius:.3em;font-family:DIN-Regular;font-weight:700;text-align:center;display:inline-block;vertical-align:middle}.port-type-icon>span[data-v-7343d24f]{font-size:.9em}.event-condition-desc[data-v-7343d24f]{width:calc(100% - .5em);margin-left:.5em;vertical-align:middle}.type-di[data-v-7343d24f]{background-color:#facd89}.type-do[data-v-7343d24f]{background-color:#acd598}.type-ai[data-v-7343d24f]{background-color:#bfbfbf}.target-event-label[data-v-7343d24f]{color:#4b4b4b;font-weight:700;display:inline-block;vertical-align:middle;margin:0 .5em}.slave-config-label[data-v-3968aafc]{display:inline-block;width:12.5em;vertical-align:middle}input[data-v-3968aafc],select[data-v-3968aafc]{width:14.5em}.slave-container[data-v-3968aafc]{width:calc(100% - 8em);margin:20px auto 10px;position:relative}.info-wrapper[data-v-3968aafc]{width:25.5em;margin:0 auto}.slave-info-container[data-v-3968aafc]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;margin:0 auto}.btn-delete-slave[data-v-3968aafc]{position:absolute;right:-2.5em;top:50%;width:1.25em;height:1.25em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.info-slave-title[data-v-3968aafc]{background-color:#f2f2f2;border-radius:.5em .5em 0 0;padding:.5em 0 .5em 10px}.info-first-line[data-v-3968aafc]{margin:10px 0 0}.info-second-line[data-v-3968aafc]{margin:10px 0}.info-second-line[data-v-3968aafc]:last-of-type{margin-bottom:0}.slave-config-container[data-v-3968aafc]{width:27em;padding:2px 0;margin:12px auto}.slave-button-container[data-v-3968aafc]{text-align:center;margin:12px auto}.slave-placeholder[data-v-3968aafc]{text-align:center;padding:20px 0;font-size:13.5px}.slave-placeholder[data-v-3968aafc]:only-child{display:block}.range-input[data-v-3968aafc]{margin-top:.2em;width:6.25em;font-size:1em}.range-symbol[data-v-3968aafc]{width:calc(1.5em - 1px);margin:0;text-align:center;display:inline-block}.separator-row[data-v-3968aafc]{border-bottom:1px dotted #ccc;width:27em;margin:0 auto 1.5em;padding:.5em 0}.btn-query-add-cancel[data-v-3968aafc],.btn-query-add-ok[data-v-3968aafc]{margin:5px;width:60px;padding:8px 20px;font-size:15px;height:20px;line-height:20px;text-align:center;border-radius:20px;cursor:pointer;display:inline-block}.btn-query-add-ok[data-v-3968aafc]{color:#fff;background-color:#ed7e57;border:1px solid #ed7e57}.btn-query-add-cancel[data-v-3968aafc]{color:#898989;border:1px solid #898989}.btn-query-add-cancel[data-v-3968aafc]:hover{background-color:#898989;color:#f2f2f2}.btn-query-add-ok[data-v-3968aafc]:hover{background-color:#e74a1f}.slave-enabler.switch-wrapper[data-v-3968aafc]{position:absolute;left:-3em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.radio-setting-container+.radio-setting-container[data-v-3968aafc]{margin-top:.5em}.modbus-type-label[data-v-3968aafc]{width:6em;margin-left:2em;position:relative;display:inline-block}.setting-ok-btn-container[data-v-3968aafc]{position:absolute;height:20px;line-height:20px;top:10px;right:10px;font-size:1rem}.setting-cancel-btn[data-v-3968aafc],.setting-ok-btn[data-v-3968aafc]{cursor:pointer;margin-right:.5em}.setting-cancel-btn[data-v-3968aafc]:hover,.setting-ok-btn[data-v-3968aafc]:hover{color:#000}.event-action-container[data-v-3968aafc]{margin:0 auto;text-align:left;background-color:#f2f2f2;border-radius:0 0 .5em .5em;border:1px solid #ccc}.event-action-container[data-v-3968aafc]:hover{border-color:#898989}.event-action-title[data-v-3968aafc]{cursor:pointer;width:calc(100% - 20px);margin:0 auto;font-weight:700;padding:.5em 0}.event-command-container[data-v-3968aafc]{margin:0 auto;overflow:hidden;width:calc(100% - 20px);text-align:center}.action-label[data-v-3968aafc]{display:inline-block;vertical-align:middle;color:#4b4b4b;width:3.5em}.action-command-count[data-v-3968aafc]{float:right;border-radius:50%;background-color:#ed7e57;color:#f6f6f6;width:1.4em;height:1.4em;position:relative;-webkit-transition:.2s ease-out;transition:.2s ease-out}.action-command-count div[data-v-3968aafc]{font-size:.9em;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.no-action.action-command-count[data-v-3968aafc]{background-color:#ddd}.not-available-warning[data-v-3968aafc]{font-weight:400;text-align:center;width:21em}.slave-query-wrapper[data-v-3968aafc]{border-radius:.5em .5em 0 0;padding-bottom:10px;border:1px solid #ccc;border-bottom:none}.slave-query-wrapper[data-v-3968aafc]:hover{border-color:#898989;cursor:pointer}.slave-query-wrapper:hover+.event-action-container[data-v-3968aafc]{border-top-color:#898989}.query-checkbox[data-v-3968aafc]{font-size:.65em}.query-checkbox-label[data-v-3968aafc]{margin-left:.3em;display:inline-block;vertical-align:middle}.checkbox-setting-container[data-v-3968aafc]{margin-top:.5em}.byte-container[data-v-3968aafc]{display:inline-block;margin:1px;padding:1px;width:2em;text-align:center;border:1px solid #ccc}.tooltip-info[data-v-3968aafc]{width:auto}.tooltip-label[data-v-3968aafc]{width:7.5em;vertical-align:middle}.tooltip-wrapper[data-v-3968aafc]{white-space:nowrap}.input-container[data-v-3968aafc]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.length-indicator[data-v-3968aafc]{position:absolute;opacity:0;font-size:.65em;line-height:normal;bottom:-.1em;right:-.25em;-webkit-transform:translate(100%,50%);transform:translate(100%,50%);-webkit-transition:.2s ease-out;transition:.2s ease-out;color:#ed7e57}input:focus+.length-indicator[data-v-3968aafc]{opacity:1}@media screen and (max-width:799px){.length-indicator[data-v-3968aafc]{font-size:.55em;bottom:0;right:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@media screen and (max-width:499px){.length-indicator[data-v-3968aafc]{bottom:calc(2px - .2em);font-size:.75em}}.input-container[data-v-3d0013bb]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}input[data-v-3d0013bb]{margin-top:.2em;width:12.5em}.length-indicator[data-v-3d0013bb]{position:absolute;opacity:0;font-size:.65em;line-height:normal;bottom:-.1em;right:-.25em;-webkit-transform:translate(100%,50%);transform:translate(100%,50%);-webkit-transition:.2s ease-out;transition:.2s ease-out;color:#ed7e57}input:focus+.length-indicator[data-v-3d0013bb]{opacity:1}@media screen and (max-width:799px){.length-indicator[data-v-3d0013bb]{font-size:.55em;bottom:0;right:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@media screen and (max-width:499px){.length-indicator[data-v-3d0013bb]{bottom:calc(2px - .2em);font-size:.75em}}select[data-v-1e227b47]{background-color:#fbfbfb}.label[data-v-f05fbf38]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.label div[data-v-f05fbf38]{min-width:12.5em;color:#6f6f6f}.setting-popup-window[data-v-87d9c8b6]{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.popup-btn-container[data-v-87d9c8b6]{text-align:center;height:60px;width:100%;margin-bottom:100px}.popup-btn-container>[data-v-87d9c8b6]{display:inline-block;padding:2px 0;width:100px;margin:15px;text-align:center;border-radius:15px;cursor:pointer;border:1px solid #ed7e57}.btn-popup-add[data-v-87d9c8b6]{color:#ed7e57;font-size:32px;position:fixed;width:40px;height:40px;border-radius:50%;bottom:25px;right:25px;padding:0;margin:0;background-color:#fff;border:2px solid #ed7e57;cursor:pointer;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-popup-add[data-v-87d9c8b6]:hover{background-color:#ed7e57;color:#f2f2f2}.hide-adjacency+.popup-btn-container[data-v-87d9c8b6]{display:none}@media screen and (max-width:649px){.setting-popup-window[data-v-87d9c8b6]{font-size:.92em}}@media screen and (max-width:599px){.setting-popup-window[data-v-87d9c8b6]{font-size:.75em}.btn-popup-add[data-v-87d9c8b6]{font-size:28px}}.event-placeholder[data-v-243dd862]{text-align:center;padding:20px 0;font-size:13.5px}.event-alarm-container[data-v-243dd862]{height:4em;width:4em;position:relative}.alarm-icon-background[data-v-243dd862],.alarm-num-container[data-v-243dd862],.btn-clear-alarm[data-v-243dd862]{position:absolute;width:3.5em;height:3.5em;top:0;left:.25em}.alarm-icon-background[data-v-243dd862]{border-radius:50%;-webkit-animation:blinking-background-data-v-243dd862 .6s ease-in infinite;animation:blinking-background-data-v-243dd862 .6s ease-in infinite}.btn-clear-alarm[data-v-243dd862]{background-image:url(/img/btn_alarm_inactive.688831e.png);background-repeat:no-repeat;background-position:50% 20%;background-size:60%}.alarming[data-v-243dd862]{background-image:url(/img/btn_alarm_active.d420914.png);cursor:pointer}.inactive-alarm[data-v-243dd862]{opacity:.1}.setting-event-container[data-v-243dd862]{width:calc(100% - 8em);margin:20px auto 10px;text-align:center;position:relative}.event-container[data-v-243dd862]{background-color:#fff;border:1px solid #ccc;border-radius:.5em;margin:0 auto}.disabled-event[data-v-243dd862]{color:#ccc}.disabled-event .action-command-count[data-v-243dd862],.no-action.action-command-count[data-v-243dd862]{background-color:#ddd}.disabled-event .output-icon[data-v-243dd862]{opacity:.5}.disabled-event .select-wrapper select[data-v-243dd862]{color:#ccc;border-color:#ccc}.disabled-event .select-wrapper[data-v-243dd862]:after{border-top-color:#ccc}.disabled-event input[data-v-243dd862]{color:#ccc}input[data-v-243dd862]::-webkit-input-placeholder{color:#ddd}input[data-v-243dd862]::-moz-placeholder{color:#ddd}input[data-v-243dd862]::placeholder{color:#ddd}input[data-v-243dd862]:-ms-input-placeholder{color:#ddd}input[data-v-243dd862]::-ms-input-placeholder{color:#ddd}.disabled-event input[data-v-243dd862]::-webkit-input-placeholder{color:#f2f2f2}.disabled-event input[data-v-243dd862]::-moz-placeholder{color:#f2f2f2}.disabled-event input[data-v-243dd862]::placeholder{color:#f2f2f2}.disabled-event input[data-v-243dd862]:-ms-input-placeholder{color:#f2f2f2}.disabled-event input[data-v-243dd862]::-ms-input-placeholder{color:#f2f2f2}.event-alarm-container[data-v-243dd862],.event-content-wrapper[data-v-243dd862]{display:inline-block;vertical-align:top}.event-content-wrapper[data-v-243dd862]{width:calc(100% - 4em - 20px);text-align:left}.event-condition-wrapper[data-v-243dd862],.event-title-wrapper[data-v-243dd862]{height:1.75em}.event-title-wrapper[data-v-243dd862]{margin:.5em 0 0}.event-condition-wrapper[data-v-243dd862]{margin:1em 0}.arrow-down-separator[data-v-243dd862]{width:100%;height:1em;position:relative}.arrow-border-separator[data-v-243dd862],.arrow-triangle-separator[data-v-243dd862]{width:100%;top:.5px;height:100%;left:0;position:absolute}.arrow-triangle-separator[data-v-243dd862]{top:-.5px}svg[data-v-243dd862]{width:100%;height:100%}.arrow-border-separator svg .triangle-path[data-v-243dd862]{fill:#ccc}.arrow-border-separator svg[data-v-243dd862]{background-color:#f2f2f2}.arrow-triangle-separator .triangle-path[data-v-243dd862]{fill:#fff}.event-action-container[data-v-243dd862]{margin:0 auto;text-align:left;background-color:#f2f2f2;border-radius:0 0 .4em .4em}.input-container[data-v-243dd862]{position:relative;display:inline-block;width:17em}.length-indicator[data-v-243dd862]{position:absolute;opacity:0;font-size:.65em;line-height:normal;bottom:0;right:-.5em;-webkit-transform:translate(100%,50%);transform:translate(100%,50%);-webkit-transition:.2s ease-out;transition:.2s ease-out;color:#ed7e57}input.event-desc:focus+.length-indicator[data-v-243dd862]{opacity:1}.event-enabler.switch-wrapper[data-v-243dd862]{position:absolute;left:-3em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.event-condition-wrapper>[data-v-243dd862]{display:inline-block}.event-condition select[data-v-243dd862]{min-width:20.5em}.analog-condition select[data-v-243dd862]{min-width:12em}.counter-condition select[data-v-243dd862]{min-width:16em}.event-value[data-v-243dd862]{margin-left:.5em;max-width:3.5em}.event-noise-container[data-v-243dd862]{margin-left:.25em}.event-noise-container[data-v-243dd862]:before{content:"( +";width:1.25em;display:inline-block}.event-noise-container.is-riseabove[data-v-243dd862]:before{content:"( −"}.event-noise-container[data-v-243dd862]:after{content:")";width:.5em;text-align:right;display:inline-block}.event-noise[data-v-243dd862]{max-width:2em}.counter-condition .event-value[data-v-243dd862]{max-width:4em}.event-label[data-v-243dd862]{width:3.5em;display:inline-block;font-weight:700;color:#4b4b4b}.event-desc[data-v-243dd862]{width:100%}.action-side-selector[data-v-243dd862]{position:absolute;width:4em;white-space:nowrap;right:.5em;font-size:.9em;text-align:left}.action-alarm-selector[data-v-243dd862]{bottom:.25em}.action-email-selector[data-v-243dd862]{bottom:-1.25em}.event-selector[data-v-243dd862]{font-size:.65em}.event-selector+div[data-v-243dd862]{padding-left:.5em;display:inline-block;vertical-align:middle;padding-top:.15em}.action-label[data-v-243dd862]{display:inline-block;vertical-align:middle;color:#4b4b4b}.action-command-count[data-v-243dd862]{float:right;border-radius:50%;background-color:#ed7e57;color:#f6f6f6;width:1.4em;height:1.4em;margin-right:.5em;position:relative;-webkit-transition:.2s ease-out;transition:.2s ease-out}.action-command-count div[data-v-243dd862]{font-size:.9em;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.command-info-container[data-v-243dd862]{padding:2.5px 0;cursor:pointer;border-radius:0 0 .5em .5em;background-color:#e9e9e9;border:1px solid #ccc;border-top:none}.command-info-container[data-v-243dd862]:hover{background-color:#f2f2f2}.port-type-icon[data-v-243dd862]{width:2.4em;margin:0;height:1.35em;line-height:1.25em;border-radius:.3em;font-family:DIN-Regular;font-weight:700;text-align:center;display:inline-block;vertical-align:top;background-color:#acd598;color:#fff}.port-type-icon>span[data-v-243dd862]{font-size:.9em}.btn-delete-event[data-v-243dd862]{position:absolute;right:-2.5em;width:1.25em;height:1.25em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.highlighted-event[data-v-243dd862]{-webkit-animation:changeBorder-data-v-243dd862 .5s infinite alternate;animation:changeBorder-data-v-243dd862 .5s infinite alternate}.event-command-container[data-v-243dd862]{margin:0 auto;overflow:hidden;width:calc(100% - 20px)}.btn-command-add[data-v-243dd862]{width:8em;padding:2px 0;margin:10px auto;color:#898989;text-align:center;border-radius:15px;border:1px solid #898989;cursor:pointer;background-color:#fff;-webkit-transition:background-color .2s;transition:background-color .2s}.btn-command-add[data-v-243dd862]:hover{background-color:#898989;color:#f2f2f2}.schedule-output-label[data-v-243dd862]{width:27em;margin:15px auto 0}.schedule-output-label>[data-v-243dd862]{vertical-align:middle}.command-container[data-v-243dd862]{width:27em;padding:2px 0;margin:13px auto}.label-row[data-v-243dd862]{color:#fff;background-color:#c8c8c8}.schedule-output-container input[type=number][data-v-243dd862]{width:4.25em}.input-pulse-width input[type=number][data-v-243dd862]{margin-left:4em}.input-delay-width[data-v-243dd862]:after,.input-pulse-width[data-v-243dd862]:after{content:"s";margin-left:.25em}.schedule-output-container .command-label[data-v-243dd862]{width:7.5em;position:relative;display:inline-block}.command-title[data-v-243dd862],.delay-title[data-v-243dd862],.pulse-title[data-v-243dd862]{width:9em;text-align:center}.command-icon[data-v-243dd862]{width:1.4em;height:1.4em;margin:0 .6em 2px 2em;background-repeat:no-repeat;background-position:50%;background-size:cover}.command-container div[data-v-243dd862]{display:inline-block;vertical-align:middle}.schedule-button-container[data-v-243dd862]{text-align:center;margin:10px auto}.btn-schedule-add-cancel[data-v-243dd862],.btn-schedule-add-ok[data-v-243dd862]{margin:5px;width:60px;padding:8px 20px;font-size:15px;height:20px;line-height:20px;text-align:center;border-radius:20px;cursor:pointer;display:inline-block}.btn-schedule-add-ok[data-v-243dd862]{color:#fff;background-color:#ed7e57;border:1px solid #ed7e57}.btn-schedule-add-cancel[data-v-243dd862]{color:#898989;border:1px solid #898989}.btn-schedule-add-cancel[data-v-243dd862]:hover{background-color:#898989;color:#f2f2f2}.btn-schedule-add-ok[data-v-243dd862]:hover{background-color:#e74a1f}.schedule-add-popup[data-v-243dd862]{position:absolute;top:0;left:0;width:100%;height:100%;min-height:580px;-webkit-animation:popup-swipe-right-data-v-243dd862 .3s ease 0s 1;animation:popup-swipe-right-data-v-243dd862 .3s ease 0s 1}.remove-popup[data-v-243dd862]{-webkit-animation:popup-swipe-left-data-v-243dd862 .3s ease 0s 1;animation:popup-swipe-left-data-v-243dd862 .3s ease 0s 1}.schedule-add-popup .schedule-output-container[data-v-243dd862]{border-top:1px dashed #ddd;border-bottom:1px dashed #ddd}.schedule-container .schedule-output-container[data-v-243dd862]{width:80px}.action-target-container[data-v-243dd862]{text-align:center;margin:10px auto 15px}.action-target-container>div[data-v-243dd862]{display:-webkit-box;display:-ms-flexbox;display:flex;width:27em;margin:15px auto 0}.action-target-label[data-v-243dd862]{-ms-flex-preferred-size:35%;flex-basis:35%;text-align:left;line-height:1.6}.output-icon[data-v-243dd862]{width:2.4em;height:2.4em;margin:auto 3px 2px;background-position:50%;background-repeat:no-repeat;background-size:contain}.output-target-dev[data-v-243dd862],.output-target-port[data-v-243dd862]{height:2.4em;line-height:2.4em;margin:.25em auto}.output-label[data-v-243dd862]{line-height:2.4em;width:calc(50% - 2.4em - 6px)}.output-target-desc[data-v-243dd862]{padding:0 1em;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.output-label>span[data-v-243dd862],.output-target-dev>span[data-v-243dd862],.output-target-port>span[data-v-243dd862]{font-size:1.55em}.command-action-container[data-v-243dd862]{margin:0 auto}.command-action-container+.command-action-container[data-v-243dd862]{margin-top:7.5px}.command-label-container[data-v-243dd862]{position:relative;padding:2.5px 0 2.5px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.5em .5em 0 0;border:1px solid #ccc;border-bottom:none;background-color:#dedede}.command-info-container>div[data-v-243dd862]{display:inline-block;vertical-align:middle;font-size:.65em}.btn-delete-action[data-v-243dd862]{position:absolute;right:5px;top:2.5px;width:1em;height:1em}.action-target-container select[data-v-243dd862]{width:17.5em}.event-action-title[data-v-243dd862]{cursor:pointer;width:calc(100% - 20px);margin:0 auto;font-weight:700;padding:7.5px 0}.event-action-title:hover .arrow-expand[data-v-243dd862]{background-color:#e3e3e3}.arrow-expand[data-v-243dd862]{content:"";height:1.45em;width:1.45em;border-radius:50%;position:relative;margin:0 auto;-webkit-transition:.2s ease-out;transition:.2s ease-out;float:right}.arrow-expand[data-v-243dd862]:after{content:"";position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:.6em;height:.6em;top:.3em;left:.45em;border:solid #4b4b4b;border-width:0 .2em .2em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.arrow-expanded[data-v-243dd862]:after{top:.55em;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}@-webkit-keyframes popup-swipe-right-data-v-243dd862{0%{opacity:0;left:100%}to{opacity:1;left:0}}@keyframes popup-swipe-right-data-v-243dd862{0%{opacity:0;left:100%}to{opacity:1;left:0}}@-webkit-keyframes popup-swipe-left-data-v-243dd862{0%{opacity:1;left:0}to{opacity:0;left:100%}}@keyframes popup-swipe-left-data-v-243dd862{0%{opacity:1;left:0}to{opacity:0;left:100%}}@-webkit-keyframes changeBorder-data-v-243dd862{0%{border-color:#a43434}to{border-color:#ddd}}@keyframes changeBorder-data-v-243dd862{0%{border-color:#a43434}to{border-color:#ddd}}@-webkit-keyframes blinking-background-data-v-243dd862{0%{background-color:rgba(255,0,0,0);-webkit-transform:scale(.75);transform:scale(.75)}50%{background-color:rgba(255,0,0,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}60%{background-color:transparent}}@keyframes blinking-background-data-v-243dd862{0%{background-color:rgba(255,0,0,0);-webkit-transform:scale(.75);transform:scale(.75)}50%{background-color:rgba(255,0,0,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}60%{background-color:transparent}}.category-container[data-v-d037fc58]{position:absolute;z-index:1;width:148px;height:calc(100% - 40px);border-right:2px solid #eee;top:40px;background-color:#fff}.category-list[data-v-d037fc58]{padding:2.5px 0;text-align:left;font-size:.9em;margin:12.5px 10px 17.5px;cursor:pointer;border-radius:.25em;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.category-icon[data-v-d037fc58]{background-repeat:no-repeat;background-position:50%;background-size:90%;display:inline-block;width:1.5em;height:1.5em;margin:0 10px}.category-label[data-v-d037fc58]{display:inline-block;height:1.4em;margin-top:.1em}.selected-category[data-v-d037fc58]{background-color:#eee}.main-window[data-v-d037fc58]{margin-left:150px;margin-top:40px;width:500px;height:calc(100% - 40px)}.extra-padding[data-v-d037fc58]{overflow-y:auto}.setting-background[data-v-d037fc58]{height:100%;width:100%;left:0;top:0;position:fixed;background-color:rgba(0,0,0,.5);z-index:6}.setting-view-container[data-v-d037fc58]{position:fixed;top:50%;left:50%;z-index:6;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.setting-dev-name[data-v-d037fc58]{font-size:1.05em;height:40px;line-height:40px;text-align:center;background-color:#ddd;color:#000;position:relative}.dev-category-info[data-v-d037fc58]{position:absolute;right:calc(50% - 1em);top:0;text-align:right}.dev-name-info[data-v-d037fc58]{position:absolute;width:calc(50% - 7.5em);left:20px;text-align:left}.dev-tab-info[data-v-d037fc58]{position:absolute;width:calc(50% - 9.5em);left:calc(50% + 1em);text-align:left}.setting-view-btn[data-v-d037fc58]{position:absolute;height:20px;line-height:20px;top:10px;color:#696969;right:10px}.close-setting-btn[data-v-d037fc58],.save-setting-btn[data-v-d037fc58]{display:inline-block}.disconnected[data-v-d037fc58]{opacity:.2}.close-setting-btn[data-v-d037fc58]{margin-left:.5em;cursor:pointer;width:3.2em;text-align:left}.close-setting-btn[data-v-d037fc58]:hover{color:#000}.unsaved-changes[data-v-d037fc58]{color:#e74a1e;cursor:pointer}.unsaved-changes[data-v-d037fc58]:hover{color:#b63a0f}.dev-setting[data-v-d037fc58]{width:650px;min-height:320px;height:80vh;max-height:650px;margin:0 auto;background-color:#fafafa;overflow:hidden}.table-body[data-v-d037fc58]{font-size:.85em;text-align:left;margin:0 auto;height:100%}.table-row[data-v-d037fc58]{color:#898989;border-bottom:1px dashed #ddd}.table-row.separator-row-item[data-v-d037fc58]{border-bottom:1px solid #bbb}.table-row.notice-row-item[data-v-d037fc58]{border:none}.table-row[data-v-d037fc58]:last-child{margin-bottom:20px}.table-cell[data-v-d037fc58]{display:inline-block;width:50%;vertical-align:bottom}.name-cell[data-v-d037fc58]{width:50%;color:#6f6f6f}.item-div[data-v-d037fc58]{line-height:20px;height:20px;padding:11px 40px 9px;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.value-cell .item-div[data-v-d037fc58]{float:right}.disconnected .demo-item[data-v-d037fc58]{display:none}.button-row-item .name-cell[data-v-d037fc58],.demo-item .name-cell[data-v-d037fc58]{vertical-align:top}.button-row-item .name-cell .item-div[data-v-d037fc58]{padding-bottom:0}.button-row-item .label-item[data-v-d037fc58]{min-width:220px}.single-row-item.table-row[data-v-d037fc58]{border:none;height:100%;margin:0}.action-row-item[data-v-d037fc58]{overflow-y:auto}.button-row-item[data-v-d037fc58]{height:auto;border-bottom:1px dashed #ddd}.button-row-item .value-cell[data-v-d037fc58]{display:block;width:100%}.notice-row-item .value-cell[data-v-d037fc58],.separator-row-item .value-cell[data-v-d037fc58],.single-row-item .name-cell[data-v-d037fc58]{display:none}.single-row-item .value-cell[data-v-d037fc58]{width:100%;height:100%;margin:0}.notice-row-item .name-cell[data-v-d037fc58],.separator-row-item .name-cell[data-v-d037fc58]{width:100%;margin:0}.separator-row-item .item-div[data-v-d037fc58]{padding:20px 0 0;display:block;text-align:center;background-color:#fff;height:auto}.separator-row-item .name-cell .label-item[data-v-d037fc58]{color:#2f2f2f;cursor:pointer;padding:0 .5em;border-bottom:1px solid #2f2f2f;display:inline-block}.notice-row-item .item-div[data-v-d037fc58]{padding-top:20px;display:block;height:auto}.notice-row-item .name-cell .label-item[data-v-d037fc58]{white-space:normal;text-align:justify;color:#898989;font-size:.9em}.navigation-tab[data-v-d037fc58]{width:500px;position:absolute;z-index:1;padding-top:10px;top:40px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;border-bottom:1px solid #bbb}.tabset>div[data-v-d037fc58]{padding:0 .5em;cursor:pointer;color:#bbb;text-align:center}.separator-row-item .name-cell .label-item[data-v-d037fc58],.tabset>div[data-v-d037fc58]{font-size:14px;height:30px;line-height:30px}.tabset>div.no-data[data-v-d037fc58]{cursor:default;color:#eee}.tabset>div[data-v-d037fc58]:not(.no-data):not(.selected):hover{color:#898989}.tabset>div.selected[data-v-d037fc58]{color:#2f2f2f;border-bottom:1px solid #2f2f2f}.tabset>div.selected.no-data[data-v-d037fc58]{color:#eee;border-bottom:1px solid #bbb}.pop-up-enter[data-v-d037fc58],.pop-up-leave-to[data-v-d037fc58]{opacity:0;top:-50%}.pop-up-enter-active[data-v-d037fc58],.pop-up-leave-active[data-v-d037fc58]{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.demo-item.table-row[data-v-d037fc58]{border:none;height:0}.demo-item .name-cell .item-div[data-v-d037fc58]{position:absolute;left:635px;top:75px;width:15em;color:#fff}.demo-item .label-item[data-v-d037fc58]{margin:0 auto}.demo-item .outer-wrapper[data-v-d037fc58]{position:absolute;left:675px;top:115px;width:15em;cursor:default}.demo-item .value-cell[data-v-d037fc58]{padding:0;text-align:right;padding:11px 40px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.unavailable-placeholder[data-v-d037fc58]{color:#898989;text-align:center;padding:20px 0;font-size:13.5px}.hide-setting[data-v-d037fc58]{visibility:hidden}@media screen and (max-width:1199px){.demo-item .outer-wrapper[data-v-d037fc58]{width:12.5em}.demo-item.table-row[data-v-d037fc58]{height:auto}.demo-item .name-cell .item-div[data-v-d037fc58],.demo-item .outer-wrapper[data-v-d037fc58]{position:relative;top:0;left:0}.demo-item .name-cell .item-div[data-v-d037fc58]{color:inherit;width:auto}.demo-item .label-item[data-v-d037fc58]{margin:inherit}}@media screen and (max-width:799px){.category-container[data-v-d037fc58]{width:48px}.category-list[data-v-d037fc58]{margin:12.5px 10px 17.5px}.category-label[data-v-d037fc58]{display:none}.category-icon[data-v-d037fc58]{width:25px;height:25px;margin:0 1.5px}.main-window[data-v-d037fc58]{margin-left:50px;height:calc(100% - 60px)}.dev-setting[data-v-d037fc58]{height:calc(100vh - 40px);width:100vw;min-width:320px;max-height:none}.table-body[data-v-d037fc58]{font-size:.95em;margin-bottom:60px}.main-window[data-v-d037fc58],.navigation-tab[data-v-d037fc58]{width:calc(100% - 50px)}.setting-view-container[data-v-d037fc58]{top:0;left:0;-webkit-transform:none;transform:none;font-size:1.1em}.item-div[data-v-d037fc58]{padding:16px 20px 14px}.table-row:not(.notice-row-item) .name-cell .item-div[data-v-d037fc58]{padding-right:0}.value-cell .item-div[data-v-d037fc58]{padding-left:0}.demo-item .value-cell[data-v-d037fc58]{padding:16px 20px 0 0}.separator-row-item .name-cell .label-item[data-v-d037fc58],.tabset>div[data-v-d037fc58]{padding:0 .5em;font-size:14.5px}.table-row[data-v-d037fc58]:last-child{margin-bottom:60px}}@media screen and (max-width:599px){.name-cell[data-v-d037fc58]{width:45%}.value-cell[data-v-d037fc58]{width:55%}.separator-row-item .name-cell .label-item[data-v-d037fc58],.tabset>div[data-v-d037fc58]{font-size:14px;padding:0 .5em}}@media screen and (max-width:499px){.separator-row-item .name-cell .label-item[data-v-d037fc58],.tabset>div[data-v-d037fc58]{font-size:12px;padding:0 .3em}.setting-view-container[data-v-d037fc58]{font-size:1em}}@media screen and (max-width:479px){.setting-view-container[data-v-d037fc58]{font-size:.9em}}@media screen and (max-width:459px){.setting-view-container[data-v-d037fc58]{font-size:.8em}}@media screen and (max-width:379px){.setting-view-container[data-v-d037fc58]{font-size:.65em}.separator-row-item .name-cell .label-item[data-v-d037fc58],.tabset>div[data-v-d037fc58]{font-size:9px}}.port-label-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:.75em;height:2em;line-height:2em;font-weight:700;background-color:#ddd;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #c3c7cc;border-bottom:none}.port-label-desc{width:32.5%}.port-label-value{width:12.5%}.port-label-canvas,.port-label-control{width:22.5%}.port-label-status{width:10%}.device-container{margin-bottom:20px;border-top:1px solid #ddd}.collapsed-container{margin-bottom:0}.device-info-header{padding:10px 0;font-size:1.1em;text-align:left;white-space:nowrap;position:relative}.device-name-header{display:inline-block;height:30px;max-width:calc(100% - 120px);line-height:30px;white-space:nowrap}.device-wrapper{margin:0 auto}.float-btn{background-repeat:no-repeat;background-size:cover;cursor:pointer;-webkit-transition:.2s;transition:.2s}.btn-expand-device,.btn-maximize-device,.btn-setting-device{float:right;width:22px;height:22px;margin-top:3px}.btn-maximize-device{background-image:url(/img/btn_maximize.0c736e2.png);margin-left:10px}.btn-setting-device{background-image:url(/img/device_setting.9d57708.png)}.btn-maximize-device:hover{background-image:url(/img/btn_maximize_hover.27a460f.png)}.btn-setting-device:hover{background-image:url(/img/device_setting_hover.2b46aee.png)}.btn-expand-device{content:"";border-radius:50%;position:relative;margin-left:10px;-webkit-transition:.2s ease-out;transition:.2s ease-out}.btn-expand-device:hover{background-color:#e3e3e3}.btn-expand-device:after{content:"";position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:8px;height:8px;top:5px;left:7px;border:solid #41474d;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.expanded:after{top:9px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.simple-device .device-name-header{margin-left:1em}.simple-device .btn-expand-device{margin-right:1em}.simple-device .btn-expand-device:after{width:6px;height:6px;top:8px}.simple-device .float-btn{height:20px;width:20px;margin-top:5px}.simple-device,.simple-device .inner-wrapper{background-color:#fff}.simple-device .outer-wrapper+.outer-wrapper .inner-wrapper:before{content:"";width:1px;height:50%;background-color:#ddd;position:absolute;top:25%;left:-.5px}.simple-device .ports-container{border-top:1px solid #ddd}.simple-device{margin:0;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf}.simple-device+.simple-device{margin-top:2px}.simple-device .device-info-header{padding:0;font-size:.85em}@media screen and (min-width:800px){.outer-wrapper{width:23.125%;margin:0 1.25%}.simple-device+.simple-device{margin-top:10px}.ports-container+.ports-container .outer-wrapper{margin-top:2.5%}.outer-wrapper:first-child{margin-left:0}.outer-wrapper:last-child{margin-right:0}.view-grid-1x4{max-width:calc(400vh - 480px)}.view-grid-2x2{max-width:calc(200vh - 240px)}.view-grid-4x1{max-width:calc(100vh - 120px)}.two-col-device{display:inline-block;width:calc(50% - 10px);margin:10px;padding:0 10px 10px;vertical-align:top;background-color:#fafafa;border:none;border-radius:.1em;-webkit-box-shadow:0 0 0 1px #ccc;box-shadow:0 0 0 1px #ccc;-webkit-box-sizing:border-box;box-sizing:border-box}.two-col-device:nth-child(odd){margin-left:0}.two-col-device:nth-child(2n){margin-right:0}.two-col-device:first-child,.two-col-device:nth-child(2){margin-top:0}.two-col-device:last-child,.two-col-device:nth-last-child(2){margin-bottom:0}}@media screen and (max-width:799px){.simple-device .outer-wrapper:not(:nth-last-child(2)):not(:last-child) .inner-wrapper,.simple-device .outer-wrapper:nth-child(2n):not(:last-child) .inner-wrapper{border-bottom:1px solid #ddd}}@media screen and (max-width:799px) and (min-width:400px){.outer-wrapper{width:47.5%;margin:0 2.5%}.ports-container+.ports-container .outer-wrapper:not(.port-simple-widget),.ports-container:first-child .outer-wrapper:nth-child(3):not(.port-simple-widget),.ports-container:first-child .outer-wrapper:nth-child(4):not(.port-simple-widget){margin-top:5%}.outer-wrapper:first-child,.outer-wrapper:nth-child(3){margin-left:0}.outer-wrapper:last-child,.outer-wrapper:nth-child(2),.outer-wrapper:nth-child(4){margin-right:0}.simple-device .outer-wrapper{width:50%}.simple-device .outer-wrapper:nth-child(odd) .inner-wrapper:before{display:none}}@media screen and (max-width:399px){.device-info-header{white-space:normal;padding:20px 0;font-size:1.1em}.outer-wrapper{width:100%;margin:5% 0}.ports-container:first-child .outer-wrapper:first-child{margin-top:0}.ports-container:last-child .outer-wrapper:last-child{margin-bottom:0}.simple-device .outer-wrapper{width:50%}.simple-device .outer-wrapper:nth-child(odd) .inner-wrapper:before{display:none}}.paging-container{padding-top:40px;text-align:center}.paging-container div{display:inline-block;text-decoration:none;padding:0 9px;margin-right:4px;border-radius:3px;border:1px solid silver;background:#e9e9e9;-webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0 1px 3px rgba(0,0,0,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0 1px 3px rgba(0,0,0,.1);font-weight:700;color:#717171;text-shadow:0 1px 0 #fff;font-size:.9em;line-height:1.8;cursor:pointer}.paging-container div.selected-page{border:none;background:#616161;-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.8);box-shadow:inset 0 0 8px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.8);color:#f0f0f0;text-shadow:0 0 3px rgba(0,0,0,.5);pointer-events:none}.center-aligned[data-v-4b9d99b6]{text-align:center}.page-link[data-v-4b9d99b6]{color:#e74a1e;text-decoration:underline}@media screen and (max-width:799px){.device-sort-selector[data-v-4b9d99b6]{top:-35px;font-size:.95em}}.device-details-row[data-v-ec059550]{padding:20px 35px;font-size:.88em;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.blurred[data-v-ec059550]{opacity:.5}.management-info-block[data-v-ec059550]{width:calc(100% - 250px);min-width:200px;max-width:1000px;display:inline-block}.management-info[data-v-ec059550]{padding:2px 0;width:100%;max-width:600px;display:inline-block;overflow-wrap:break-word;word-wrap:break-word;border-bottom:1px dashed #ddd}.management-info[data-v-ec059550]:first-child{border-top:1px solid #ddd}.management-info[data-v-ec059550]:last-child{border-bottom:1px solid #ddd}.management-info>span.info-dev-pkg[data-v-ec059550]:nth-child(2){min-width:150px}.management-info>span[data-v-ec059550]:first-child{min-width:200px;color:#2f2f2f;min-width:260px;vertical-align:top}.management-info>span[data-v-ec059550]{display:inline-block;line-height:25px;padding-left:5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.management-info>.btn-device-details[data-v-ec059550]{display:inline-block;width:9em}.management-side-block[data-v-ec059550]{padding:0 25px;display:inline-block;text-align:center;vertical-align:top;position:relative}.btn-management-info[data-v-ec059550]{padding:0;position:relative;text-align:center;border-radius:12.5px;background-color:transparent;color:#898989;cursor:pointer;border:1px solid #898989;-webkit-transition:background-color .2s;transition:background-color .2s}.device-model-icon[data-v-ec059550]{position:relative;width:200px;max-width:100%;height:150px;margin:10px auto;background-position:50%;background-repeat:no-repeat;background-size:contain}.device-setting-icon[data-v-ec059550]{position:absolute;top:-30px;right:12.5px;width:25px;height:25px;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-image:url(/img/device_setting.9d57708.png)}.device-setting-icon[data-v-ec059550]:hover{background-image:url(/img/device_setting_hover.2b46aee.png)}.btn-remove-device[data-v-ec059550]{margin:0 auto;padding:1.5px 0;width:7em}.btn-device-details[data-v-ec059550]{padding:1.5px 10px}.btn-management-info[data-v-ec059550]:not(.disabled):hover{background-color:#898989;color:#f2f2f2}.btn-management-info.disabled[data-v-ec059550]{cursor:default}.sig-5601-device[data-v-ec059550]{background-image:url(/img/sig-5601.a60383e.png)}.sig-5431-device[data-v-ec059550]{background-image:url(/img/sig-5431.75622b8.png)}.sig-5441-device[data-v-ec059550]{background-image:url(/img/sig-5441.5c4e628.png)}.sig-5451-device[data-v-ec059550]{background-image:url(/img/sig-5451.4a1538f.png)}.sig-5561-device[data-v-ec059550]{background-image:url(/img/sig-5561.a634f73.png)}.smg-5511-device[data-v-ec059550]{background-image:url(/img/smg-5511.eb02719.png)}.smg-5521-device[data-v-ec059550]{background-image:url(/img/smg-5521.222394f.png)}.info-dev-desc[data-v-ec059550]{white-space:pre-wrap}.modal-wrapper[data-v-ec059550]{z-index:10001;position:fixed;top:50%;left:50%;width:80%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:25px 20px 20px;max-width:320px;min-width:250px;border-radius:5px;overflow:hidden;font-size:1.1em;line-height:1.6;word-break:break-word;background-color:#fff;cursor:default;-webkit-box-shadow:0 7px 8px -2px rgba(0,0,0,.2);box-shadow:0 7px 8px -2px rgba(0,0,0,.2);text-align:center}.modal-title[data-v-ec059550]{font-size:1.25em;font-weight:700;margin:5px 0 15px}.modal-title>[data-v-ec059550]{vertical-align:bottom}.modal-btn-container[data-v-ec059550]{padding-top:10px;text-align:center}.btn-cancel[data-v-ec059550]{color:#898989;border:1px solid #898989}.btn-cancel[data-v-ec059550]:hover{background-color:#898989;color:#f2f2f2}.modal-btn[data-v-ec059550]{display:inline-block;margin:10px 2%;padding:5px 0;text-align:center;border-radius:20px;min-width:30%;cursor:pointer;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box}.btn-confirm[data-v-ec059550]{color:#fff;padding:5px 5%;background-color:#ed7e57;border:1px solid #ed7e57}.btn-confirm[data-v-ec059550]:hover{background-color:#e74a1f}.text-only[data-v-ec059550]{cursor:default;border:1px solid transparent}.btn-close[data-v-ec059550]{position:absolute;width:18px;height:18px;top:10px;right:10px;cursor:pointer}.modal-background[data-v-ec059550]{height:100%;width:100%;left:0;top:0;position:fixed;background-color:rgba(0,0,0,.2);z-index:10000;overflow:auto}.modal-text-content+.modal-text-content[data-v-ec059550]{margin-top:5px}.slide-inside-enter[data-v-ec059550],.slide-inside-leave-to[data-v-ec059550]{top:25%;opacity:0}.slide-inside-enter-active[data-v-ec059550],.slide-inside-leave-active[data-v-ec059550]{-webkit-transition:.2s ease-out;transition:.2s ease-out}.loading-dots[data-v-ec059550]{text-align:center;margin-left:2px;position:absolute}.loading-dots[data-v-ec059550]:after{content:"";display:inline-block;-webkit-animation:loading-data-v-ec059550 1.5s infinite;animation:loading-data-v-ec059550 1.5s infinite;white-space:nowrap;font-weight:600}.encoding-wrapper[data-v-ec059550]{margin-top:10px;text-align:center}.encoding-label[data-v-ec059550]{margin-right:.5em}.encoding-label[data-v-ec059550],.encoding-select[data-v-ec059550]{display:inline-block}.encoding-select .select-wrapper[data-v-ec059550]{width:8.5em}.encoding-select select[data-v-ec059550]{min-width:8.5em}@-webkit-keyframes loading-data-v-ec059550{0%{content:"."}33%{content:".."}66%{content:"..."}}@keyframes loading-data-v-ec059550{0%{content:"."}33%{content:".."}66%{content:"..."}}@media screen and (min-width:500px) and (max-width:899px){.device-details-row[data-v-ec059550]{display:block}.management-info-block[data-v-ec059550]{display:block;width:auto}.management-side-block[data-v-ec059550]{display:block;margin-top:40px}.management-info>span[data-v-ec059550]:first-child{min-width:200px}}@media screen and (max-width:499px){.device-details-row[data-v-ec059550],.management-info-block[data-v-ec059550],.management-side-block[data-v-ec059550]{display:block}.management-side-block[data-v-ec059550]{margin-top:40px}.device-details-row[data-v-ec059550]{padding:20px}.management-info-block[data-v-ec059550]{width:auto}.btn-management-info[data-v-ec059550]{margin:0 auto}.management-info>span[data-v-ec059550]{padding:0}}.device-management-container[data-v-6cc800d4]{border-bottom:1px solid #9c9b9b}.device-management-row[data-v-6cc800d4]{width:100%;color:#575756;cursor:pointer}.device-management-row[data-v-6cc800d4]:not(.row-expanded):hover{color:#e74a1e}.arrow-expand[data-v-6cc800d4]{content:"";height:1.45em;width:1.45em;border-radius:50%;position:relative;margin:0 auto;-webkit-transition:.2s ease-out;transition:.2s ease-out}.device-management-row:hover .arrow-expand[data-v-6cc800d4]{background-color:#e3e3e3}.arrow-expand[data-v-6cc800d4]:after{content:"";position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:.45em;height:.45em;top:.45em;left:.5em;border:solid #41474d;border-width:0 .1em .1em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.device-col.arrow-col[data-v-6cc800d4]{width:10%}.row-expanded[data-v-6cc800d4]{color:#e74a1e}.arrow-expanded[data-v-6cc800d4]:after{top:.55em;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.device-title-row[data-v-43423e7f]{-webkit-box-shadow:none;box-shadow:none;background-color:#a1a1a1;color:#fff}.preference-table[data-v-2663cd2f]{max-width:600px;min-width:300px}.preference-row[data-v-2663cd2f]{margin:0;padding:15px 0;border-bottom:1px dashed #ddd;background-color:#fff}.preference-row[data-v-2663cd2f]:first-child{border-top:1px solid #9c9b9b}.preference-row[data-v-2663cd2f]:last-child{border-bottom:1px solid #9c9b9b}.preference-col[data-v-2663cd2f]{display:inline-block;vertical-align:top}.preference-selector[data-v-2663cd2f]{display:inline-block;vertical-align:middle}.preference-name[data-v-2663cd2f]{width:47.5%;min-width:120px;max-width:400px}.preference-icon[data-v-2663cd2f]{width:1.35em;height:1.35em;margin:0 5px .05em 15px;background-position:50%;background-repeat:no-repeat;background-size:contain}.preference-icon[data-v-2663cd2f],.preference-label[data-v-2663cd2f]{vertical-align:middle;display:inline-block}.icon-alarm[data-v-2663cd2f]{background-image:url(/img/icon_pref_alarm.758d9e4.png)}.icon-dashboard[data-v-2663cd2f]{background-image:url(/img/icon_pref_dashboard.5f9e9e4.png)}.icon-mobile[data-v-2663cd2f]{background-image:url(/img/icon_pref_mobile.13f6c94.png)}.icon-language[data-v-2663cd2f]{background-image:url(/img/icon_pref_language.67b263f.png)}.icon-logging[data-v-2663cd2f]{background-image:url(/img/icon_pref_logging.9219db1.png)}.icon-timezone[data-v-2663cd2f]{background-image:url(/img/icon_pref_timezone.bede134.png)}.icon-port[data-v-2663cd2f]{background-image:url(/img/icon_pref_port.658b508.png)}.icon-google[data-v-2663cd2f]{background-image:url(/img/icon_pref_google.b5b3772.png)}.icon-toast[data-v-2663cd2f]{background-image:url(/img/icon_pref_toast.5168779.png)}.preference-item[data-v-2663cd2f]{height:1.5em}.preference-item+.preference-item[data-v-2663cd2f]{margin-top:15px}.pref-checkbox[data-v-2663cd2f]{font-size:.65em}.pref-checkbox-label[data-v-2663cd2f]{margin:0 0 0 .5em;display:inline-block;vertical-align:middle}.sound-player[data-v-2663cd2f]{display:inline-block;vertical-align:middle;height:25px;width:25px;border-radius:50%;border:1px solid #898989;-webkit-transition:.1s;transition:.1s;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin-left:10px;cursor:pointer}.sound-player[data-v-2663cd2f]:after{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent transparent transparent #898989;border-style:solid;border-width:5.5px 0 5.5px 11px;top:5.5px;left:6.5px;position:absolute}.sound-player.playing[data-v-2663cd2f]:after{border-style:double;border-width:0 0 0 10px;height:12px}.sound-player[data-v-2663cd2f]:hover:after{border-left-color:#2f2f2f}@media screen and (max-width:899px){.preference-label[data-v-2663cd2f]{display:none}.preference-name[data-v-2663cd2f]{min-width:auto;width:50px}.preference-icon[data-v-2663cd2f]{margin-bottom:0;width:1.5em;height:1.5em}.pref-checkbox[data-v-2663cd2f]{font-size:.75em}}@media screen and (max-width:399px){.preference-table[data-v-2663cd2f]{font-size:.9em}}.btn-add-device{width:10.5em;font-size:1.1em;margin:40px auto 0;padding:6.5px 0;color:#ed7e57;text-align:center;border-radius:20px;cursor:pointer;border:1px solid #ed7e57}.btn-add-device:hover{background-color:#ed7e57;color:#f2f2f2}.management-table-container{padding-top:15px}.device-col{display:inline-block;padding:8px 0;vertical-align:middle}.device-col:first-of-type{width:15%}.device-col:nth-of-type(2){width:22.5%}.device-col:nth-of-type(3){width:20%}.device-col:nth-of-type(4){width:32.5%}.label-text{padding-left:40px;line-height:1.5}@media screen and (max-width:1199px){.label-text{padding:0 15px}.date-col,.mac-col,.title-col:nth-of-type(3),.title-col:nth-of-type(4){display:none}.device-col:first-of-type{width:35%}.device-col:nth-of-type(2){width:55%}}@media screen and (min-width:400px) and (max-width:799px){.label-text{padding-left:20px}}@media screen and (max-width:399px){.label-text{padding-left:15px}.device-col:first-of-type,.device-col:nth-of-type(2){width:45%}}.view-single-port.device-wrapper[data-v-72aedebd]{display:inline-block;width:52.5%;padding-left:3.5%}.preview-mode[data-v-72aedebd]{display:inline-block;vertical-align:top;width:32%;padding-right:12%}.preview-mode.one-column[data-v-72aedebd]{padding-right:4%}.view-single-port.device-wrapper.one-column[data-v-72aedebd]{padding-left:11.5%}.preview-mode .device-wrapper[data-v-72aedebd]{vertical-align:top;display:inline-block;width:33.333%;text-align:right;margin-bottom:5%}.preview-mode .outer-wrapper[data-v-72aedebd]{display:inline-block;width:84%;margin:8% 0}.preview-mode .outer-wrapper[data-v-72aedebd]:first-child{margin-top:0}@-webkit-keyframes slide-up-data-v-72aedebd{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up-data-v-72aedebd{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.single-page[data-v-72aedebd]{position:fixed;min-width:280px;top:0;left:0;width:100%;height:100%;z-index:5;background-color:#f6f6f6;-webkit-animation:slide-up-data-v-72aedebd .3s ease 0s 1;animation:slide-up-data-v-72aedebd .3s ease 0s 1}.btn-setting-single-device[data-v-72aedebd]{position:absolute;background-image:url(/img/device_setting.9d57708.png);z-index:3;top:50px;right:calc(5% + 35px);width:22px;height:22px}.btn-back-single-page[data-v-72aedebd]{position:absolute;z-index:3;top:50px;right:5%;width:22px;height:22px;background-image:url(/img/btn_minimize.c6ced43.png)}.btn-setting-single-device[data-v-72aedebd]:hover{background-image:url(/img/device_setting_hover.2b46aee.png)}.btn-back-single-page[data-v-72aedebd]:hover{background-image:url(/img/btn_minimize_hover.9a11488.png)}.grid-wrapper[data-v-72aedebd]{position:fixed;z-index:3;right:calc(5% + 75px);top:48px}.grid-wrapper select[data-v-72aedebd]{min-width:5em}.view-grid-1x4.device-wrapper .outer-wrapper[data-v-72aedebd]{width:23.125%;margin:0 1.25%}.view-grid-1x4 .ports-container+.ports-container .outer-wrapper[data-v-72aedebd]{margin-top:2.5%}.view-grid-1x4 .outer-wrapper[data-v-72aedebd]:first-child{margin-left:0}.view-grid-1x4 .outer-wrapper[data-v-72aedebd]:last-child{margin-right:0}.view-grid-2x2.device-wrapper .outer-wrapper[data-v-72aedebd]{width:47.5%;margin:0 2.5%}.view-grid-2x2 .ports-container+.ports-container .outer-wrapper[data-v-72aedebd],.view-grid-2x2 .ports-container:first-child .outer-wrapper[data-v-72aedebd]:nth-child(3),.view-grid-2x2 .ports-container:first-child .outer-wrapper[data-v-72aedebd]:nth-child(4){margin-top:5%}.view-grid-2x2 .outer-wrapper[data-v-72aedebd]:first-child,.view-grid-2x2 .outer-wrapper[data-v-72aedebd]:nth-child(3){margin-left:0}.view-grid-2x2 .outer-wrapper[data-v-72aedebd]:last-child,.view-grid-2x2 .outer-wrapper[data-v-72aedebd]:nth-child(2),.view-grid-2x2 .outer-wrapper[data-v-72aedebd]:nth-child(4){margin-right:0}.view-grid-4x1.device-wrapper .outer-wrapper[data-v-72aedebd]{width:100%;margin:5% 0}.view-grid-4x1 .ports-container:first-child .outer-wrapper[data-v-72aedebd]:first-child{margin-top:0}.view-grid-4x1 .ports-container:last-child .outer-wrapper[data-v-72aedebd]:last-child{margin-bottom:0}.single-page-header[data-v-72aedebd]{width:100%;position:fixed;z-index:2;top:0}.header-first-line[data-v-72aedebd],.header-second-line[data-v-72aedebd]{height:40px}.header-first-line[data-v-72aedebd]{background-color:#ddd}.header-second-line[data-v-72aedebd]{background-color:#f6f6f6;border-bottom:1px solid #ddd}.single-device-container[data-v-72aedebd]{position:fixed;width:100%;top:80px;height:calc(100% - 80px);overflow:auto}.single-device[data-v-72aedebd]{width:90%;margin:20px auto 100px;min-width:240px}.single-device>.device-wrapper[data-v-72aedebd]{text-align:center}.single-device.zooming-in>.device-wrapper[data-v-72aedebd]{text-align:right}.zooming-in[data-v-72aedebd]{width:100%;max-width:calc(200vh - 240px)}.float-btn[data-v-72aedebd]{background-repeat:no-repeat;background-size:cover;cursor:pointer;-webkit-transition:.2s;transition:.2s}.preview-mode .outer-wrapper[data-v-72aedebd]:not(.zooming){cursor:-webkit-zoom-in;cursor:zoom-in}.preview-mode .outer-wrapper[data-v-72aedebd]:last-child{margin-bottom:0}.highlighted-desc[data-v-72aedebd]{white-space:nowrap;text-align:center;font-size:1.35em;width:90%;margin:0 auto;height:40px;line-height:40px}@media screen and (max-width:799px){.view-single-port.device-wrapper[data-v-72aedebd]{display:block;width:auto;padding:0}.single-device.zooming-in>.device-wrapper[data-v-72aedebd],.view-single-port.device-wrapper[data-v-72aedebd]{text-align:center;padding:0}.preview-mode[data-v-72aedebd]{display:block;margin:5% auto;width:80%;padding:0}.preview-mode.one-column[data-v-72aedebd]{padding:0}.preview-mode .device-wrapper[data-v-72aedebd]{display:block;width:100%;margin:2.5% 0;text-align:center}.preview-mode .outer-wrapper[data-v-72aedebd]{display:inline-block;width:23.125%;margin:0 1.25%}.preview-mode .outer-wrapper[data-v-72aedebd]:first-child{margin-left:0}.preview-mode .outer-wrapper[data-v-72aedebd]:last-child{margin-right:0}.grid-wrapper[data-v-72aedebd]{left:5%;right:auto}}.text-container[data-v-7c06dc56],.text-container[data-v-74992c55]{position:absolute;left:0;top:0;word-break:break-all}button[data-v-7c06dc56]{color:inherit;font-size:inherit;font-family:inherit!important;background-color:transparent;width:100%;height:100%;cursor:pointer;border:none}.item-container[data-v-71a8128a],.text-container[data-v-26662157]{position:relative}.value-wrapper[data-v-26662157]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.unit-wrapper[data-v-26662157]{position:absolute;bottom:68%;left:66%;font-size:.65em}svg[data-v-5018c635]{font-family:Bahnschrift Regular}.clickable[data-v-5018c635]{cursor:pointer}.disabled[data-v-5018c635]{cursor:default;opacity:.5}.loading-spinner circle[data-v-5018c635]{-webkit-animation:spin-data-v-5018c635 1s linear infinite;animation:spin-data-v-5018c635 1s linear infinite}@-webkit-keyframes spin-data-v-5018c635{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-5018c635{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}svg[data-v-5a952ebe]{font-family:Bahnschrift Regular}.clickable[data-v-5a952ebe]{cursor:pointer}.disabled[data-v-5a952ebe]{cursor:default;opacity:.5}.pointer-events-none[data-v-5a952ebe]{pointer-events:none}.loading-spinner circle[data-v-5a952ebe]{-webkit-animation:spin-data-v-5a952ebe 1s linear infinite;animation:spin-data-v-5a952ebe 1s linear infinite}@-webkit-keyframes spin-data-v-5a952ebe{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-5a952ebe{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}svg[data-v-a70002ce]{font-family:Bahnschrift Regular}.clickable[data-v-a70002ce]{cursor:pointer}.disabled[data-v-a70002ce]{cursor:default;opacity:.5}.loading-spinner circle[data-v-a70002ce]{-webkit-animation:spin-data-v-a70002ce 1s linear infinite;animation:spin-data-v-a70002ce 1s linear infinite}@-webkit-keyframes spin-data-v-a70002ce{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-a70002ce{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.text-container[data-v-4f9407b7]{position:relative}.value-wrapper[data-v-4f9407b7]{left:60%;width:40%;text-align:left}.arrow[data-v-4f9407b7],.value-wrapper[data-v-4f9407b7]{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.arrow[data-v-4f9407b7]{left:20%}.down[data-v-4f9407b7]{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}.output-button[data-v-3d668525],.output-button[data-v-71c582d8],.output-button[data-v-d3820ce0]{cursor:pointer}.viewer-background[data-v-7f41b374]{position:relative;background-color:#fff;margin:0 auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-height:calc(100% - 2px);max-width:calc(100% - 2px)}.lock-layout .viewer-background[data-v-7f41b374]{top:0;-webkit-transform:none;transform:none;max-height:none;max-width:none}.toolbar-container[data-v-7f41b374]{font-size:14.5px}.screen-full[data-v-7f41b374]{position:fixed;overflow:hidden;top:51px;padding:10px 0;left:0;width:100%;height:calc(100% - 71px);z-index:2;background-color:#4f4f4f;-webkit-animation:slide-up .3s ease 0s 1;animation:slide-up .3s ease 0s 1}.screen-full:not(.lock-layout) .viewer-background[data-v-7f41b374]{max-width:100%;max-height:100%}.screen-full.moved[data-v-7f41b374]{top:0;padding:0;height:100%;z-index:4}.lock-layout[data-v-7f41b374]{overflow:auto}.btn-editor[data-v-7f41b374]{position:fixed;font-size:12px;top:12.5px;z-index:6;height:25px;width:145px;padding:0 5px;right:130px}.btn-fullscreen[data-v-7f41b374]{position:fixed;top:12.5px;width:25px;height:25px;background-size:contain;background-repeat:no-repeat;background-position:50%;right:85px;z-index:6;cursor:pointer;background-image:url(/img/expansion_norm.96bdc69.png)}.btn-fullscreen[data-v-7f41b374]:hover{background-image:url(/img/expansion_hover.bef21d9.png)}.expanded[data-v-7f41b374]{opacity:.4;top:10px;right:20px;background-image:url(/img/collapse_norm.9deb89b.png)}.expanded[data-v-7f41b374]:hover{opacity:1;background-image:url(/img/collapse_hover.28e07da.png)}.page-wrapper[data-v-7f41b374]{position:fixed;top:25px;right:295px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:6}.left-pos[data-v-7f41b374]{right:130px}.view-name[data-v-7f41b374]{position:fixed;top:17.5px;left:215px;z-index:6;color:#b1b2b5}.select-wrapper select[data-v-7f41b374]{font-size:12px;color:#b1b2b5;border-radius:2px;height:25px;border-color:#b1b2b5;padding:2.5px 18px 2.5px 5px}.select-wrapper[data-v-7f41b374]:after{border-top-color:#f2f2f2;border-width:7.5px 4.5px 0;top:8.75px;right:5px}.select-wrapper option[data-v-7f41b374]{color:#2f2f2f}.clickable[data-v-7f41b374]{cursor:pointer}.placeholder-background[data-v-7f41b374]{background-repeat:no-repeat;background-position:50%;background-image:url(/img/icon-sollae-studio.b3d8cfa.png);background-color:#f2f2f2}.placeholder-background img[data-v-7f41b374]{visibility:hidden;width:1px;height:1px}.placeholder-background+.viewer-background[data-v-7f41b374]{position:fixed;z-index:-99;visibility:hidden}@media screen and (max-width:799px){.view-name[data-v-7f41b374]{visibility:hidden}.btn-fullscreen[data-v-7f41b374]{right:60px}.page-wrapper[data-v-7f41b374]{display:none}.left-pos[data-v-7f41b374]{right:102.5px}.btn-editor[data-v-7f41b374]{right:105px}.expanded[data-v-7f41b374]{right:10px}}@media screen and (min-width:800px) and (max-width:1000px){:not(.left-pos) .select-wrapper select[data-v-7f41b374]{min-width:9em;max-width:10em}.view-name[data-v-7f41b374]{max-width:12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.grid-container{width:100%;height:100%}.grid-view{background-size:10px 10px;background-image:linear-gradient(90deg,#d7d7d7 1px,transparent 0),linear-gradient(180deg,#d7d7d7 1px,transparent 0)}.has-background{background-position:50%;background-repeat:no-repeat}.cover-mode{background-size:contain}.item-wrapper{position:absolute;-webkit-transform-origin:top left;transform-origin:top left;pointer-events:none}.inner-container{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:all}.editor-wrapper{min-width:320px;overflow:auto;height:calc(100vh - 51px)}.editor-wrapper,.editor-wrapper button,.editor-wrapper input[type=number],.editor-wrapper input[type=text],.editor-wrapper select,.editor-wrapper textarea{font-family:Work Sans,Nunito,DS Digital,sans-serif;vertical-align:top}.editor-wrapper .env-close{width:12px;height:12px;margin-top:3px}.editor-wrapper .env-close:after,.editor-wrapper .env-close:before{background-color:#333740}.editor-wrapper .env-close:hover:after,.editor-wrapper .env-close:hover:before{-webkit-transition:.2s;transition:.2s;background-color:#fff}.editor-wrapper .item-container{height:100%;width:100%;vertical-align:top}.top-studio-header{position:fixed;top:0;left:0;height:50px;width:100%;z-index:4;background-color:#333740;border-bottom:1px solid #1f1f1f}.noti-container{position:fixed;top:0;left:50%;height:20px;line-height:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4;color:#f2f2f2;font-size:12.5px;-webkit-animation:blinker 2.5s linear infinite;animation:blinker 2.5s linear infinite}.warning-msg{color:#edc211;-webkit-animation:blinker 4s linear infinite;animation:blinker 4s linear infinite}.warning-text{display:none}.warning-msg>.inline>.warning-text{display:inline}@-webkit-keyframes blinker{50%{opacity:.5}}@keyframes blinker{50%{opacity:.5}}.top-studio-header .nav-logo{position:absolute;top:15px;left:32.5px;background-repeat:no-repeat;background-size:contain;background-position:50%;width:155px;height:20px;background-image:url(/img/icon-sollae-studio.b3d8cfa.png)}.view-logo .nav-logo{width:160px;height:23px;top:13.5px;left:30px;background-image:url(/img/logo_header.bab90ac.png)}.btn-sign{position:relative;border:1px solid #b1b2b5;background-color:#303236;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.2s;transition:.2s;cursor:pointer}.minus-sign:before,.plus-sign:after,.plus-sign:before{content:"";position:absolute;top:25%;left:25%;right:25%;bottom:25%;background-color:#b1b2b5}.plus-sign:before{width:1px;margin:0 auto}.editor-wrapper .minus-sign:before,.editor-wrapper .plus-sign:after{margin:auto 0;height:1px}.editor-wrapper .btn-studio-style{color:#b1b2b5;border:1px solid #b1b2b5;background-color:#303236;border-radius:2px;text-align:center;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.editor-wrapper .btn-studio-style:hover{background-color:#ff6000;color:#262626;border-color:#262626}.alarmed-event{background-color:rgba(255,0,0,.2);-webkit-animation:color-blink 1s ease-out infinite;animation:color-blink 1s ease-out infinite;cursor:pointer}.alarmed-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:100}@-webkit-keyframes color-blink{0%{background-color:rgba(255,0,0,.2)}to{background-color:rgba(255,0,0,0)}}@keyframes color-blink{0%{background-color:rgba(255,0,0,.2)}to{background-color:rgba(255,0,0,0)}}@media screen and (max-width:799px){.top-studio-header .nav-logo{width:125px;height:28px;top:11px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.top-studio-header~.float-menu{z-index:3}}.share-list-wrapper[data-v-30318637]{z-index:10001;position:fixed;top:50%;left:50%;width:80%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:25px 40px 20px;max-width:380px;min-width:250px;border-radius:5px;overflow:hidden;line-height:1.6;word-break:break-word;background-color:#fff;cursor:default;-webkit-box-shadow:0 7px 8px -2px rgba(0,0,0,.2);box-shadow:0 7px 8px -2px rgba(0,0,0,.2);text-align:center}.share-list-title[data-v-30318637]{font-size:18px;font-weight:700;margin:5px 0 15px}.share-list-title>[data-v-30318637]{vertical-align:bottom}.share-list-btn-container[data-v-30318637]{padding-top:10px;text-align:center}.share-user-list[data-v-30318637]{margin:20px auto 10px;font-size:14px;max-height:40vh;overflow-y:auto;color:#b1b2b5}.share-user-email[data-v-30318637]{width:calc(100% - 20px);text-align:left}.btn-add[data-v-30318637]{color:#fff;background-color:#ed7e57;border:1px solid #ed7e57}.btn-add[data-v-30318637]:hover{background-color:#e74a1f}.btn-confirm[data-v-30318637]{color:#ed7e57;border:1px solid #ed7e57}.btn-confirm[data-v-30318637]:hover{color:#333740;background-color:#ed7e57}.share-list-btn[data-v-30318637]{display:inline-block;text-align:center;border-radius:20px;width:120px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.btn-remove[data-v-30318637]{height:20px;width:20px;border-radius:50%;background-color:transparent;border-color:#e74a1f}.btn-remove[data-v-30318637]:before{background-color:#e74a1f}.btn-remove[data-v-30318637]:hover{background-color:#ed7e57}.btn-remove[data-v-30318637]:hover:before{background-color:#333740}.share-list-background[data-v-30318637]{height:100%;width:100%;left:0;top:0;position:fixed;background-color:rgba(0,0,0,.2);z-index:10000;overflow:auto}.share-list-text-content[data-v-30318637]{-webkit-transition:.2s;transition:.2s}.share-list-text-content[data-v-30318637]:hover{color:#1f1f1f}.share-list-text-content+.share-list-text-content[data-v-30318637]{margin-top:10px}.share-list-input-container[data-v-30318637]{text-align:center;margin:0 5px 0 0;position:relative;width:calc(100% - 125px);vertical-align:middle}.share-list-input[data-v-30318637]{-webkit-appearance:none;outline:none;border-radius:0;border:none;border-bottom:1px solid #2f2f2f;width:100%;vertical-align:middle;font-size:15px}.invalid-input[data-v-30318637]{-webkit-box-shadow:0 0 2px 4px rgba(255,0,0,.4);box-shadow:0 0 2px 4px rgba(255,0,0,.4)}.views-list[data-v-1c3198b8]{padding:45px 40px 60px;position:relative}.views-list+.views-list[data-v-1c3198b8]{border-top:1px solid #b1b2b5}.views-container[data-v-1c3198b8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.views-list:last-of-type .views-container[data-v-1c3198b8]{padding-bottom:50px}th[data-v-1c3198b8]{text-align:left;padding:5px 0}.btn-td[data-v-1c3198b8]{cursor:pointer;text-align:center;color:#505050;width:100%;height:100%;background-color:#ccc;border-radius:4px}.view-group-label[data-v-1c3198b8]{font-size:18px;padding-left:15px;height:23px;line-height:23px}.view-item[data-v-1c3198b8]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 15px 15px}.view-grouping[data-v-1c3198b8]{border:1px solid #b1b2b5;border-radius:7px;color:#333740;height:190px;position:relative;font-size:15px;background-color:#fff}.view-grouping[data-v-1c3198b8]:not(.btn-create-new):hover{border-color:#333740;-webkit-transition:.2s;transition:.2s;cursor:-webkit-zoom-in;cursor:zoom-in}.view-info-container[data-v-1c3198b8]{padding:0 16px}.btn-create-new[data-v-1c3198b8]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;border-style:dashed}.view-name[data-v-1c3198b8]{font-size:15px;margin:24px auto 3px;height:20px;line-height:20px}.view-updatetime[data-v-1c3198b8]{font-size:13px;color:#b1b2b5;height:50px;line-height:1.6;margin-bottom:12px}.is-button[data-v-1c3198b8]{color:#7b7d85;cursor:pointer;background-color:#fff;font-size:12px;height:28px;border-radius:2px;border:1px solid #7b7d85;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .2s;transition:background-color .2s}.is-button[data-v-1c3198b8]:hover{background-color:#f0562c;color:#fff}.btn-copy[data-v-1c3198b8],.btn-edit[data-v-1c3198b8],.btn-view[data-v-1c3198b8]{width:100%}.btn-container[data-v-1c3198b8]{margin:8px auto 0}.btn-two-col[data-v-1c3198b8]{width:calc(50% - 2.5px)}.right-margin[data-v-1c3198b8]{margin-right:5px}.low-bottom-margin[data-v-1c3198b8]{height:20px;margin-bottom:2px}.high-bottom-margin[data-v-1c3198b8]{margin-bottom:25px}.btn-remove[data-v-1c3198b8]{position:absolute;right:6px;margin-top:6px;width:16px;height:16px}.env-close.btn-remove[data-v-1c3198b8]:hover:after,.env-close.btn-remove[data-v-1c3198b8]:hover:before{background-color:#898989}.btn-sign[data-v-1c3198b8]{width:32px;height:32px;margin-right:9px;background-color:#1f1f1f}.btn-sign[data-v-1c3198b8]:after,.btn-sign[data-v-1c3198b8]:before{background-color:#e3e3e3}.slide-enter-active[data-v-1c3198b8],.slide-leave-active[data-v-1c3198b8]{-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.slide-enter[data-v-1c3198b8],.slide-leave-to[data-v-1c3198b8]{opacity:0}.btn-share[data-v-1c3198b8]{position:relative}.shared-icon[data-v-1c3198b8]{position:absolute;top:5px;right:5px;width:16px;height:16px;background-size:contain;background-position:50%;background-repeat:no-repeat;opacity:.5;background-image:url(/img/people-outline.dfaac85.svg)}.btn-view[data-v-1c3198b8]{display:none}@media screen and (min-width:800px) and (max-width:1199px){.view-item[data-v-1c3198b8]{width:50%}}@media (max-height:499px),screen and (max-width:799px){.view-item[data-v-1c3198b8]{width:100%}.btn-edit[data-v-1c3198b8]{display:none}.btn-view[data-v-1c3198b8]{display:block}.views-list[data-v-1c3198b8]{padding:45px 20px 60px}.copy-link-studio-wrapper[data-v-1c3198b8],.create-studio-container[data-v-1c3198b8]{display:none}.btn-two-col.right-margin[data-v-1c3198b8]{margin:0;width:100%}}.viewer-container .is-offline{position:relative;background-image:url(/img/disconnected_item.8182e76.png);background-size:20px;background-repeat:no-repeat;background-position:0 0}.viewer-container .is-offline *{opacity:.4}.viewer-container .filler{-webkit-transition:.4s ease;transition:.4s ease}.context-menu-container[data-v-c55867de]{position:absolute;z-index:1;border:1px solid #1f1f1f;border-radius:4px;background-color:#333740;color:#b1b2b5;font-size:12px}.context-menu-container>div[data-v-c55867de]{min-width:100px;padding:7.5px 12.5px;cursor:pointer;border-radius:3px}.context-menu-container>div+div[data-v-c55867de]{border-top:1px solid #1f1f1f}.context-menu-container>div[data-v-c55867de]:hover{color:#303236;background-color:#ff6000}.clear-events[data-v-c55867de]{color:#fff}.element-bar-wrapper[data-v-29de7326]{position:fixed;z-index:1;top:51px;left:220px;height:calc(100vh - 50px);border-left:2px solid #262626;background-color:#333740}.element-component[data-v-29de7326]{height:50px;width:50px;background-color:#333740;cursor:pointer;background-size:contain;background-position:50%;background-repeat:no-repeat;-webkit-transition:.2s;transition:.2s}.element-component[data-v-29de7326]:hover{background-color:#ff6000}.sub-menu[data-v-29de7326]{position:absolute;top:50%;border:1px solid #b1b2b5;left:50px;min-width:100px;text-align:center;background-color:#fff;display:none;border-radius:5px;font-size:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.has-submenu[data-v-29de7326]{position:relative}.has-submenu:hover .sub-menu[data-v-29de7326]{display:block}.has-submenu[data-v-29de7326]:hover:after{content:"";position:absolute;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #fff;right:0;top:20px;pointer-events:none}.sub-component[data-v-29de7326]{height:20px;line-height:20px;text-align:center;color:#333740}.sub-component[data-v-29de7326]:hover{background-color:#ffb98f}.element-component.selected[data-v-29de7326]{background-color:#262626}.line-element[data-v-29de7326]{background-image:url(/img/line_norm.bd6bf73.png)}.line-element[data-v-29de7326]:hover{background-image:url(/img/line_hover.9351f3e.png)}.line-element.selected[data-v-29de7326]{background-image:url(/img/line_selected.e72a305.png)}.rect-element[data-v-29de7326]{background-image:url(/img/rect_norm.17c2e0a.png)}.rect-element[data-v-29de7326]:hover{background-image:url(/img/rect_hover.30a30ca.png)}.rect-element.selected[data-v-29de7326]{background-image:url(/img/rect_selected.46f532e.png)}.image-element[data-v-29de7326]{background-image:url(/img/image_norm.a581954.png)}.image-element[data-v-29de7326]:hover{background-image:url(/img/image_hover.56637e1.png)}.image-element.selected[data-v-29de7326]{background-image:url(/img/image_selected.791bb48.png)}.triangle-element[data-v-29de7326]{background-image:url(/img/triangle_norm.8170bba.png)}.triangle-element[data-v-29de7326]:hover{background-image:url(/img/triangle_hover.cb9f38c.png)}.triangle-element.selected[data-v-29de7326]{background-image:url(/img/triangle_selected.af60434.png)}.ellipse-element[data-v-29de7326]{background-image:url(/img/circle_norm.5e367c6.png)}.ellipse-element[data-v-29de7326]:hover{background-image:url(/img/circle_hover.b479ea3.png)}.ellipse-element.selected[data-v-29de7326]{background-image:url(/img/circle_selected.d89cf48.png)}.text-element[data-v-29de7326]{background-image:url(/img/text_norm.17b7f25.png)}.text-element[data-v-29de7326]:hover{background-image:url(/img/text_hover.24c1565.png)}.text-element.selected[data-v-29de7326]{background-image:url(/img/text_selected.ba999ae.png)}.btn-element[data-v-29de7326]{background-image:url(/img/button_norm.c4eb54b.png)}.btn-element[data-v-29de7326]:hover{background-image:url(/img/button_hover.e9be4ca.png)}.btn-element.selected[data-v-29de7326]{background-image:url(/img/button_selected.714ac08.png)}.ai-element[data-v-29de7326]{background-image:url(/img/ai_norm.b496288.png)}.ai-element[data-v-29de7326]:hover{background-image:url(/img/ai_hover.70441a3.png)}.ai-element.selected[data-v-29de7326]{background-image:url(/img/ai_selected.2c6539a.png)}.di-element[data-v-29de7326]{background-image:url(/img/di_norm.e2f7b7e.png)}.di-element[data-v-29de7326]:hover{background-image:url(/img/di_hover.453182d.png)}.di-element.selected[data-v-29de7326]{background-image:url(/img/di_selected.99153aa.png)}.do-element[data-v-29de7326]{background-image:url(/img/do_norm.0d30cf4.png)}.do-element[data-v-29de7326]:hover{background-image:url(/img/do_hover.10e13ae.png)}.do-element.selected[data-v-29de7326]{background-image:url(/img/do_selected.5e529b3.png)}.selector[data-v-c202cb3e]{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:all;z-index:1}.bottom-left-action[data-v-c202cb3e]{cursor:sw-resize}.bottom-right-action[data-v-c202cb3e]{cursor:se-resize}.top-right-action[data-v-c202cb3e]{cursor:ne-resize}.top-left-action[data-v-c202cb3e]{cursor:nw-resize}.left-only-action[data-v-c202cb3e]{cursor:w-resize}.right-only-action[data-v-c202cb3e]{cursor:e-resize}.top-only-action[data-v-c202cb3e]{cursor:n-resize}.bottom-only-action[data-v-c202cb3e]{cursor:s-resize}.rotate-action[data-v-c202cb3e]{cursor:crosshair;cursor:url(/img/rotate-cursor.0b91403.png) 15 15,crosshair}.resize-drawing[data-v-c202cb3e]{stroke:#898989;stroke-width:1;fill:#ee5736}.rotate-drawing[data-v-c202cb3e]{stroke:#898989;stroke-width:1;fill:#ddd}.move-action[data-v-c202cb3e]{cursor:move;fill-opacity:.5;opacity:0}.action-trigger[data-v-c202cb3e]{stroke:#000;stroke-width:5;opacity:0}.line-cover[data-v-c202cb3e]{stroke:#898989;stroke-width:1;stroke-dasharray:2,1}canvas[data-v-6cc86602]{cursor:crosshair;vertical-align:middle}.transparent-container[data-v-6cc86602]{text-align:center;padding:2.5px 0;cursor:pointer;background-color:#6f6f6f;border-radius:2px;color:#a1a1a1;position:relative}.transparent-container[data-v-6cc86602]:before{content:"";left:40px;top:2px;width:5px;height:10px;border:solid #898989;border-width:0 2px 2px 0;-webkit-transform:rotate(40deg);transform:rotate(40deg);position:absolute}.no-fill-selected[data-v-6cc86602]{color:#fff}.no-fill-selected[data-v-6cc86602]:before{border-color:#fff}.modal-overlay[data-v-1b677a7b]{position:fixed;z-index:3;width:280px;height:calc(100% - 50px);top:50px;right:0;background-color:#333740}.image-upload-section[data-v-1b677a7b]{margin-bottom:15px}.image-label[data-v-1b677a7b]{margin-bottom:5px;color:#fff}.image-preview-container[data-v-1b677a7b]{width:250px;height:250px;border:2px dotted #b1b2b5;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;overflow-y:auto;background-size:contain;background-repeat:no-repeat;background-position:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;position:relative}.image-preview-container[data-v-1b677a7b]:hover{border-color:#999}.placeholder[data-v-1b677a7b]{color:#ccc;font-size:14px;text-align:center}.loading[data-v-1b677a7b]{position:relative;pointer-events:none;opacity:.7;color:transparent}.loading[data-v-1b677a7b]:after{content:"";position:absolute;right:calc(50% - 7px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:14px;height:14px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;-webkit-animation:spin-data-v-1b677a7b .6s linear infinite;animation:spin-data-v-1b677a7b .6s linear infinite}.image-data-container[data-v-1b677a7b]{position:absolute;bottom:1px;left:1px;visibility:hidden;color:#b1b2b5;padding:.3em;background-color:#333740;border-radius:.3em;font-size:.9em}.image-preview-container:hover .image-data-container[data-v-1b677a7b]{visibility:visible}@-webkit-keyframes spin-data-v-1b677a7b{0%{-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg)}to{-webkit-transform:translateY(-50%) rotate(1turn);transform:translateY(-50%) rotate(1turn)}}@keyframes spin-data-v-1b677a7b{0%{-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg)}to{-webkit-transform:translateY(-50%) rotate(1turn);transform:translateY(-50%) rotate(1turn)}}.image-menu[data-v-f000fe80]{position:fixed;z-index:2;width:280px;height:calc(100% - 50px);top:50px;right:0;background-color:#333740}.gallery-container[data-v-f000fe80]{width:250px;height:300px;border:1px solid #b1b2b5;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;overflow-y:auto;position:relative;padding:0 15px 10px}.btn-add-image[data-v-f000fe80]{color:#333740;font-size:3em;position:fixed;top:355px;right:35px;width:40px;height:40px;border-radius:50%;padding:0;margin:0;background-color:#fff;border:2px solid #fff;cursor:pointer;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1}.btn-add-image[data-v-f000fe80]:hover{background-color:#333740;color:#f2f2f2}.image-container[data-v-f000fe80]{width:100px;display:inline-block;border:1px solid #898989;cursor:pointer;-webkit-transition:border .2s ease;transition:border .2s ease;margin-top:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;background-size:contain;background-repeat:no-repeat;background-position:50%;vertical-align:middle}.image-container[data-v-f000fe80]:before{content:"";float:left;padding-top:100%}.image-container[data-v-f000fe80]:hover{border-color:#ff6000}.selected-image[data-v-f000fe80]{border-color:#ff6000!important}.deleting-image[data-v-f000fe80]{border-color:#ed7e57}.loading-placeholder[data-v-f000fe80]{width:100%;height:100%;background-color:#ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333740;position:absolute;top:0;left:0}.hidden-image[data-v-f000fe80]{display:none}.btn-remove-image[data-v-f000fe80]{color:#333740;font-size:2em;position:absolute;width:20px;height:20px;border-radius:50%;top:-10px;right:-10px;padding:0;margin:0;background-color:#333740;color:#898989;border:1px solid #898989;cursor:pointer;-webkit-box-shadow:0 2px 5px hsla(0,0%,100%,.2);box-shadow:0 2px 5px hsla(0,0%,100%,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.btn-remove-image[data-v-f000fe80]:hover,.deleting-image .btn-remove-image[data-v-f000fe80]{background-color:#ff6000;color:#333740;border-color:#ff6000}.non-custom-category .btn-add-image[data-v-f000fe80],.non-custom-category .btn-remove-image[data-v-f000fe80]{display:none}.image-group-container[data-v-f000fe80]{-ms-flex-wrap:nowrap;flex-wrap:nowrap;vertical-align:middle;display:-webkit-box;display:-ms-flexbox;display:flex}.image-group-container>.image-container+.image-container[data-v-f000fe80]{margin-left:18px}.placeholder-image[data-v-f000fe80]{visibility:hidden}.swap-button[data-v-74cd166a]{margin:0 10px;background-color:transparent;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;height:30px;width:30px;background-image:url(/img/swap_btn_norm.cabf66d.png);background-position:50%;background-size:110%;background-repeat:no-repeat;border-radius:50%}.active[data-v-74cd166a]{background-image:url(/img/swap_btn_selected.6c14bdd.png)}.image-setting-button{width:50px;height:50px;border:2px dotted #b1b2b5;position:relative;background-position:50%;background-repeat:no-repeat;background-size:contain}.image-plus-sign,.image-setting-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.image-plus-sign{position:absolute;bottom:2px;left:2px;width:18px;height:18px;font-size:18px;background-color:#f2f2f2;color:#303236;border:2px solid #303236}.image-setting-button:hover{border-color:#666;cursor:pointer}.design-bar textarea{outline:none;border:1px solid #7b7d85;color:#fff;background-color:transparent;width:250px;height:4em;resize:none;padding:2.5px;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px}.box-container{margin-top:5px}.design-bar{width:280px;position:fixed;right:0;top:51px;font-size:12px;background-color:#333740;height:calc(100% - 51px);color:#fff;overflow-y:auto}.section-wrapper{padding-bottom:10.5px;color:#b1b2b5;margin:0 auto;width:250px}.section-container+.section-container{border-top:1px solid #1f1f1f}.param-wrapper{margin:5px auto 10px;position:relative;min-height:18px}.param-wrapper input[type=number],.param-wrapper input[type=text]{color:#fff;border:none;height:14px}.param-wrapper input[type=number]{width:85px}.param-wrapper input[type=text]{width:110px}.design-bar .input-wrapper{border-bottom:1px solid #7b7d85;width:110px}.two-col .color-selector+.input-wrapper{margin-left:23px;border:1px solid #7b7d85;width:125px;border-radius:2px;height:14px}.two-col .color-selector+.input-wrapper input[type=text]{width:80px}.two-col .input-wrapper{width:auto}.two-col .input-wrapper input[type=text]{width:150px}.two-col .input-wrapper input[type=number]{width:70px}.two-col .param-label{width:100px}.two-col .input-wrapper .unit-label{width:15px;text-align:center}.two-col-lg .param-label{width:150px}.one-col .param-label{width:235px;vertical-align:middle}.unit-label{width:20px;text-align:right;color:#7b7d85}.btn-selectfile{position:absolute;top:0;left:0;width:100%;height:100%}.is-button{background-color:#303236;font-size:13px}button.is-button{line-height:normal}input.no-show{display:none}.tab-container{width:100%;font-size:12px;margin-bottom:20px;background-color:#1f1f1f}.tab-item{width:calc(33% - 8.5px);margin:8px 2px 0;display:inline-block;text-align:center;background-color:#1f1f1f;border-radius:4px 4px 0 0;border:1px solid #333740;border-bottom:none;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;height:30px;line-height:30px;vertical-align:bottom}.tab-item:first-child{margin-left:10px}.tab-item:last-child{margin-right:10px}.tab-item:not(.selected-tab):hover{background-color:#6f6f6f}.selected-tab{background-color:#333740;cursor:default}.design-bar .select-wrapper{display:inline-block}.design-bar .select-wrapper select{color:#f2f2f2;width:250px}.design-bar .select-wrapper option{color:#2f2f2f}.design-bar .select-wrapper:after{border-top-color:#f2f2f2}.section-label{margin:10px auto;font-size:13px;line-height:18px;min-height:18px}.selector-dialog .select-wrapper{margin-bottom:10px}.event-wrapper{height:25px;line-height:20px;font-size:11px}.label-note{font-size:10px;color:#eee;line-height:25px}.action-label{width:110px}.target-label{width:125px}.centered{text-align:center;margin:10px auto}.btn-sign{height:18px;width:18px}.btn-sign:hover{background-color:#ff6000;border-color:#262626}.btn-sign:hover:after,.btn-sign:hover:before{background-color:#303236}.btn-margin{margin:0 5px 0 24px}.param-label{width:75px;line-height:16px;min-height:16px}.color-container{position:absolute;bottom:22px;left:30px;-webkit-box-shadow:rgba(0,0,0,.35) 0 5px 15px;box-shadow:0 5px 15px rgba(0,0,0,.35);z-index:1;display:none}input:checked~.color-container{display:block}.color-selector{position:absolute;height:16px!important;width:16px!important;border:1px solid #7b7d85;border-radius:2px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;top:0}.color-selector~input{display:none}.top-margin{margin-top:20px}.design-bar .section-container .env-close:after,.design-bar .section-container .env-close:before{background-color:#b1b2b5}.no-color{background-color:transparent!important}.no-color:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.no-color:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.no-color:after,.no-color:before{content:"";position:absolute;width:100%;top:calc(50% - 1px);left:0;height:2px;background-color:#fff}.two-line{display:inline-block;margin:0 auto 10px}.two-line .param-wrapper{margin:0}.margin-left{margin-left:10px}:not(.two-line)+.two-line{margin-top:10px}.two-line .is-button{width:120px;height:25px;font-size:12px}.button-container .is-button{position:relative;width:100%;height:25px;margin:10px auto}.button-container~.button-container .is-button{margin-top:0}.one-col:first-child{margin-top:10px}.one-line-fill .input-wrapper,.one-line-fill .input-wrapper input{width:175px}.button-command-container{padding:2px 0;margin:7.5px auto 13px}.button-label-row{color:#fff;background-color:#303236;border:1px solid #898989;border-width:1px 0}.button-output-container input[type=number]{color:#fff;width:40px}.button-output-container input[type=radio]{margin:0;vertical-align:middle}.input-pulse-width input[type=number]{margin-left:20px}.input-delay-width:after,.input-pulse-width:after{content:"s";margin-left:.25em}.button-output-container .command-label{width:60px;position:relative;display:inline-block}.button-command-title,.button-delay-title,.button-pulse-title{width:80px;text-align:center}.button-command-icon{width:14px;height:14px;margin:0 6px 1px 25px;background-repeat:no-repeat;background-position:50%;background-size:cover}.button-command-container div{display:inline-block;vertical-align:middle}.design-bar-checkbox{font-size:7px}.design-bar-radio{font-size:9px;top:2px;left:1px}.button-output-container{border-bottom:1px solid #898989;margin-bottom:5px}.button-output-label{font-size:13px}.page-bar[data-v-2045310e]{position:fixed;z-index:4;left:0;width:220px;height:calc(100vh - 51px);top:51px;background-color:#333740;color:#a1a1a1;font-size:12px}.section-title[data-v-2045310e]{text-align:center;border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f}.input-label[data-v-2045310e]{width:45px;text-align:left}.input-wrapper input[data-v-2045310e]{color:#fff;border:none;border-bottom:1px solid #7b7d85;width:135px}.btn-class[data-v-2045310e]{background-color:transparent;font-size:12px;position:relative}.btn-add-page[data-v-2045310e]{height:23px;width:180px;margin:12px 20px}.btn-viewer[data-v-2045310e]{width:150px;height:25px;top:12.5px;right:85px;padding:0 5px;position:fixed}.btn-two-col[data-v-2045310e]{height:23px;width:85px;margin:10px 5px}.page-wrapper[data-v-2045310e]{overflow-y:auto;height:calc(100% - 175px)}.page-list[data-v-2045310e]{padding-left:26px;border-top:1px solid #1f1f1f}.page-header[data-v-2045310e]{margin:5px auto}.delete-page[data-v-2045310e],.expand-icon[data-v-2045310e],.page-name[data-v-2045310e]{display:inline-block;vertical-align:top;line-height:20px;height:20px}.expand-icon[data-v-2045310e]{content:"";height:20px;width:20px;border-radius:50%;position:relative;margin-left:7px;-webkit-transition:.2s ease-out;transition:.2s ease-out;cursor:pointer}.expand-icon[data-v-2045310e]:hover:after,.expand-icon[data-v-2045310e]:hover:before{border-color:#fff}.expand-icon[data-v-2045310e]:after{content:"";position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:7.5px;height:7.5px;top:4px;left:6px;border:solid #b1b2b5;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.expanded-icon[data-v-2045310e]:after{top:7.5px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.page-name[data-v-2045310e]{width:calc(100% - 68.5px);cursor:pointer}.page-components[data-v-2045310e]{border-left:1px solid #b1b2b5}.highlight-page[data-v-2045310e]{color:#fff}.list-page[data-v-2045310e]{width:14px;height:20px;position:relative}.list-page[data-v-2045310e]:before{content:" ";position:absolute;background-repeat:no-repeat;background-position:0 4px;background-image:url(/img/icon-pagelist.4c2b288.png);width:20px;height:20px;right:0;top:0}.component-icon[data-v-2045310e]{width:26px;height:26px;margin-left:5px;background-repeat:no-repeat;background-position:center 3.5px;background-image:url(/img/elem-widget-norm.0e65524.png)}.component-container:not(.selected-component):hover .component-icon[data-v-2045310e]{background-image:url(/img/elem-widget-hover.6b21552.png)}.selected-component .component-icon[data-v-2045310e]{background-image:url(/img/elem-widget-selected.306a05a.png)}.rect[data-v-2045310e]{background-image:url(/img/elem-rect-norm.dd16e2c.png)}.component-container:not(.selected-component):hover .rect[data-v-2045310e]{background-image:url(/img/elem-rect-hover.cb5b8c2.png)}.selected-component .rect[data-v-2045310e]{background-image:url(/img/elem-rect-selected.42653ce.png)}.triangle[data-v-2045310e]{background-image:url(/img/elem-triangle-norm.c2e696d.png)}.component-container:not(.selected-component):hover .triangle[data-v-2045310e]{background-image:url(/img/elem-triangle-hover.94f2cf4.png)}.selected-component .triangle[data-v-2045310e]{background-image:url(/img/elem-triangle-selected.0e1067f.png)}.line[data-v-2045310e]{background-image:url(/img/elem-line-norm.e5db6c3.png)}.component-container:not(.selected-component):hover .line[data-v-2045310e]{background-image:url(/img/elem-line-hover.46d3fff.png)}.selected-component .line[data-v-2045310e]{background-image:url(/img/elem-line-selected.8f68c13.png)}.text[data-v-2045310e]{background-image:url(/img/elem-text-norm.2643603.png)}.component-container:not(.selected-component):hover .text[data-v-2045310e]{background-image:url(/img/elem-text-hover.af17de6.png)}.selected-component .text[data-v-2045310e]{background-image:url(/img/elem-text-selected.d8e51c2.png)}.button[data-v-2045310e],.image-button[data-v-2045310e]{background-image:url(/img/elem-button-norm.bddeced.png)}.component-container:not(.selected-component):hover .button[data-v-2045310e],.component-container:not(.selected-component):hover .image-button[data-v-2045310e]{background-image:url(/img/elem-button-hover.bc911ed.png)}.selected-component .button[data-v-2045310e],.selected-component .image-button[data-v-2045310e]{background-image:url(/img/elem-button-selected.2b249bc.png)}.circle[data-v-2045310e]{background-image:url(/img/elem-circle-norm.e8335bd.png)}.component-container:not(.selected-component):hover .circle[data-v-2045310e]{background-image:url(/img/elem-circle-hover.db9b226.png)}.selected-component .circle[data-v-2045310e]{background-image:url(/img/elem-circle-selected.9cb061a.png)}.component-name[data-v-2045310e]{width:calc(100% - 35px);height:26px;line-height:26px}.component-container[data-v-2045310e]{height:26px;line-height:26px;cursor:pointer;-webkit-transition:background-color .1s ease;transition:background-color .1s ease}.component-container[data-v-2045310e]:not(.selected-component):hover{color:#262626;background-color:#ff6000}.selected-component[data-v-2045310e]{background-color:#262626;color:#ff6000}.non-component[data-v-2045310e]{margin:5px 15px;font-style:italic;font-size:11px}.page-bar .env-close[data-v-2045310e]:after,.page-bar .env-close[data-v-2045310e]:before{background-color:#b1b2b5}.zoom-selector[data-v-2045310e]{width:9em;position:fixed;top:12.5px;right:250px}.zoom-selector select[data-v-2045310e]{color:#b1b2b5;border-radius:2px;border-color:#b1b2b5;padding:2.5px 18px 2.5px 5px;min-width:auto;height:25px;width:calc(100% - 5px)}.zoom-selector option[data-v-2045310e]{color:#2f2f2f}.zoom-selector[data-v-2045310e]:after{border-top-color:#f2f2f2;border-width:7.5px 4.5px 0;top:8.75px;right:10px}.group-selector[data-v-fc7f387a]{position:absolute;z-index:2;background-color:#f2f2f2;opacity:.5;border:1px solid #2f2f2f;-webkit-box-sizing:border-box;box-sizing:border-box}.editor-background[data-v-fc7f387a]{position:relative;-webkit-box-shadow:0 0 0 1px #4f4f4f;box-shadow:0 0 0 1px #4f4f4f;background-color:#fff}.drag-item[data-v-fc7f387a]{position:absolute;background-color:#898989}.screen-wrapper[data-v-fc7f387a]{width:calc(100vw - 552px);height:calc(100vh - 50px);overflow:auto;margin-left:52px;padding:2px 30px 20px 2px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ccc}.no-screen[data-v-fc7f387a]{background-color:#898989;width:auto}.inner-container[data-v-fc7f387a]:hover{background-color:hsla(0,0%,78.4%,.2);-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.creating-item[data-v-fc7f387a]{cursor:crosshair}.view-name[data-v-fc7f387a]{position:fixed;top:17.5px;left:215px;z-index:6;color:#b1b2b5;font-size:14.5px}@media (max-height:499px),screen and (max-width:799px){.view-name[data-v-fc7f387a]{visibility:hidden}.editor-view-container[data-v-fc7f387a]{display:none}}.api-request-container[data-v-c636b0a4]{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}h2[data-v-c636b0a4]{text-align:center}.api-form[data-v-c636b0a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form-group[data-v-c636b0a4]{margin-bottom:15px}.form-control[data-v-c636b0a4]{width:100%;padding:10px;border-radius:4px;border:1px solid #ccc}.form-control[data-v-c636b0a4]:focus{border-color:#007bff}.submit-button[data-v-c636b0a4]{padding:10px;border-radius:4px;border:none;background-color:#007bff;color:#fff;cursor:pointer}.submit-button[data-v-c636b0a4]:hover{background-color:#0056b3}.error-container[data-v-c636b0a4],.response-container[data-v-c636b0a4]{margin-top:20px}.error-container pre[data-v-c636b0a4],.response-container pre[data-v-c636b0a4]{background-color:#eef;padding:10px;border-radius:4px;max-height:calc(50vh - 100px);overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}