@keyframes pulse-opacity-2647eb42{0%{opacity:100%}50%{opacity:38%}to{opacity:100%}}@keyframes notification-2647eb42{0%,to{background:var(--notification-red);color:var(--surface-f)}50%{background:var(--surface-e);color:var(--font-color-alt)}}@keyframes shake-2647eb42{0%{transform:rotate(1deg)}to{transform:rotate(-1deg)}}@keyframes microshake-2647eb42{0%{transform:rotate(.2deg)}to{transform:rotate(-.2deg)}}@keyframes scale-2647eb42{0%{transform:scale(1)}to{transform:scale(1.8)}}[data-v-2647eb42]:root{--font-size: 14px;--transition-duration: .2s;--pad-half: .4rem;--pad-sm: .8rem;--pad: 1rem;--pad-mid: 1.5rem;--pad-double: 2rem;--font-sans: "IBM Plex Sans", "Helvetica Neue", arial, sans-serif;--font-cond: "IBM Plex Sans Condensed", "Helvetica Neue", arial, sans-serif;--font-mono: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", courier, monospace;--font-brand: "esphimereregular", sans-serif;--font-small: 1rem;--font-tiny: .88rem;--font-mid: 1.2rem;--green: hsl(116deg 100% 20% / 100%);--light-green: rgb(63 155 63);--red: hsl(6deg 92% 42% / 100%);--blue: hsl(202deg 66% 45% / 100%);--yellow: hsl(54deg 84% 45% / 100%);--dark-yellow: hsl(28deg 82% 39% / 100%);--theme: "light"}.nfc-area[data-v-2647eb42]{display:flex;min-height:16rem;flex-direction:column;padding-top:1rem}@keyframes pulse-opacity-01193520{0%{opacity:100%}50%{opacity:38%}to{opacity:100%}}@keyframes notification-01193520{0%,to{background:var(--notification-red);color:var(--surface-f)}50%{background:var(--surface-e);color:var(--font-color-alt)}}@keyframes shake-01193520{0%{transform:rotate(1deg)}to{transform:rotate(-1deg)}}@keyframes microshake-01193520{0%{transform:rotate(.2deg)}to{transform:rotate(-.2deg)}}@keyframes scale-01193520{0%{transform:scale(1)}to{transform:scale(1.8)}}[data-v-01193520]:root{--font-size: 14px;--transition-duration: .2s;--pad-half: .4rem;--pad-sm: .8rem;--pad: 1rem;--pad-mid: 1.5rem;--pad-double: 2rem;--font-sans: "IBM Plex Sans", "Helvetica Neue", arial, sans-serif;--font-cond: "IBM Plex Sans Condensed", "Helvetica Neue", arial, sans-serif;--font-mono: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", courier, monospace;--font-brand: "esphimereregular", sans-serif;--font-small: 1rem;--font-tiny: .88rem;--font-mid: 1.2rem;--green: hsl(116deg 100% 20% / 100%);--light-green: rgb(63 155 63);--red: hsl(6deg 92% 42% / 100%);--blue: hsl(202deg 66% 45% / 100%);--yellow: hsl(54deg 84% 45% / 100%);--dark-yellow: hsl(28deg 82% 39% / 100%);--theme: "light"}.cam-list[data-v-01193520]{list-style-type:none;margin:0;padding:var(--pad-half) var(--pad) var(--pad-half);display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid var(--surface-d)}.cam-list .cam-list-item span[data-v-01193520]{cursor:pointer;font-family:var(--font-cond);text-transform:uppercase;font-size:1rem}.cam-list .cam-list-item span.active[data-v-01193520]{font-weight:600}.qr-stream-wrapper[data-v-01193520]{height:66vh!important}@media (min-width: 768px){.qr-stream-wrapper[data-v-01193520]{height:18rem!important}}.qr-stream-wrapper[data-v-01193520]:after{content:"";position:absolute}.qr-dropzone[data-v-01193520]{display:flex;width:100%;padding:var(--pad);line-height:1.15;font-size:var(--font-mid);cursor:pointer;justify-content:space-between;border-top:1px solid var(--surface-d);color:var(--font-color)}.qr-dropzone span[data-v-01193520]{color:var(--font-color);user-select:none}.qr-dropzone span.active[data-v-01193520]{font-weight:500}.qr-dropzone[data-v-01193520]:hover:not(.qr-login),.qr-dropzone[data-v-01193520]:hover:not(.qr-dropzone){color:var(--font-color);background-color:var(--surface-e)}.qr-login-info[data-v-01193520]{display:flex;width:100%;font-family:var(--font-cond);color:var(--font-color-alt);font-size:var(--font-small);text-transform:uppercase;background:var(--surface-e);padding:var(--pad-half);line-height:1.15;cursor:pointer;justify-content:space-between;border-bottom:1px solid var(--surface-d)}.hmi-qr-logo[data-v-01193520]{width:100%;max-height:66vh}@keyframes pulse-opacity-22a13543{0%{opacity:100%}50%{opacity:38%}to{opacity:100%}}@keyframes notification-22a13543{0%,to{background:var(--notification-red);color:var(--surface-f)}50%{background:var(--surface-e);color:var(--font-color-alt)}}@keyframes shake-22a13543{0%{transform:rotate(1deg)}to{transform:rotate(-1deg)}}@keyframes microshake-22a13543{0%{transform:rotate(.2deg)}to{transform:rotate(-.2deg)}}@keyframes scale-22a13543{0%{transform:scale(1)}to{transform:scale(1.8)}}[data-v-22a13543]:root{--font-size: 14px;--transition-duration: .2s;--pad-half: .4rem;--pad-sm: .8rem;--pad: 1rem;--pad-mid: 1.5rem;--pad-double: 2rem;--font-sans: "IBM Plex Sans", "Helvetica Neue", arial, sans-serif;--font-cond: "IBM Plex Sans Condensed", "Helvetica Neue", arial, sans-serif;--font-mono: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", courier, monospace;--font-brand: "esphimereregular", sans-serif;--font-small: 1rem;--font-tiny: .88rem;--font-mid: 1.2rem;--green: hsl(116deg 100% 20% / 100%);--light-green: rgb(63 155 63);--red: hsl(6deg 92% 42% / 100%);--blue: hsl(202deg 66% 45% / 100%);--yellow: hsl(54deg 84% 45% / 100%);--dark-yellow: hsl(28deg 82% 39% / 100%);--theme: "light"}.user-area[data-v-22a13543]{display:flex;min-height:16rem;flex-direction:column;padding:var(--pad);padding-top:2rem;gap:var(--pad-half)}.user-area[data-v-22a13543]:first-child{margin-bottom:var(--pad)}.user-area .login-form .hmi__icon[data-v-22a13543]{height:1.72rem;width:auto}.user-area .login-form-item[data-v-22a13543]{display:flex;align-items:center}.user-area .login-form-item .p-inputtext[data-v-22a13543]{background:var(--surface-e);border-color:var(--surface-e)}.user-area .login-form-item .p-inputtext[data-v-22a13543]:focus{border-color:var(--surface-a)}@keyframes pulse-opacity-50681c8b{0%{opacity:100%}50%{opacity:38%}to{opacity:100%}}@keyframes notification-50681c8b{0%,to{background:var(--notification-red);color:var(--surface-f)}50%{background:var(--surface-e);color:var(--font-color-alt)}}@keyframes shake-50681c8b{0%{transform:rotate(1deg)}to{transform:rotate(-1deg)}}@keyframes microshake-50681c8b{0%{transform:rotate(.2deg)}to{transform:rotate(-.2deg)}}@keyframes scale-50681c8b{0%{transform:scale(1)}to{transform:scale(1.8)}}[data-v-50681c8b]:root{--font-size: 14px;--transition-duration: .2s;--pad-half: .4rem;--pad-sm: .8rem;--pad: 1rem;--pad-mid: 1.5rem;--pad-double: 2rem;--font-sans: "IBM Plex Sans", "Helvetica Neue", arial, sans-serif;--font-cond: "IBM Plex Sans Condensed", "Helvetica Neue", arial, sans-serif;--font-mono: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", courier, monospace;--font-brand: "esphimereregular", sans-serif;--font-small: 1rem;--font-tiny: .88rem;--font-mid: 1.2rem;--green: hsl(116deg 100% 20% / 100%);--light-green: rgb(63 155 63);--red: hsl(6deg 92% 42% / 100%);--blue: hsl(202deg 66% 45% / 100%);--yellow: hsl(54deg 84% 45% / 100%);--dark-yellow: hsl(28deg 82% 39% / 100%);--theme: "light"}.preset-items[data-v-50681c8b]{list-style-type:none;margin:0;padding:0}.preset-items .preset-item[data-v-50681c8b]{display:flex;padding:var(--pad);font-size:var(--font-mid);cursor:pointer}.preset-items .preset-item[data-v-50681c8b]:hover{opacity:72%}.preset-items .preset-item .hmi__icon[data-v-50681c8b]{width:2rem}.preset-items .preset-item.active span[data-v-50681c8b]{font-weight:600}.preset-area[data-v-50681c8b]{display:flex;min-height:16rem;flex-direction:column;padding-top:1rem}@keyframes pulse-opacity{0%{opacity:100%}50%{opacity:38%}to{opacity:100%}}@keyframes notification{0%,to{background:var(--notification-red);color:var(--surface-f)}50%{background:var(--surface-e);color:var(--font-color-alt)}}@keyframes shake{0%{transform:rotate(1deg)}to{transform:rotate(-1deg)}}@keyframes microshake{0%{transform:rotate(.2deg)}to{transform:rotate(-.2deg)}}@keyframes scale{0%{transform:scale(1)}to{transform:scale(1.8)}}:root{--font-size: 14px;--transition-duration: .2s;--pad-half: .4rem;--pad-sm: .8rem;--pad: 1rem;--pad-mid: 1.5rem;--pad-double: 2rem;--font-sans: "IBM Plex Sans", "Helvetica Neue", arial, sans-serif;--font-cond: "IBM Plex Sans Condensed", "Helvetica Neue", arial, sans-serif;--font-mono: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", courier, monospace;--font-brand: "esphimereregular", sans-serif;--font-small: 1rem;--font-tiny: .88rem;--font-mid: 1.2rem;--green: hsl(116deg 100% 20% / 100%);--light-green: rgb(63 155 63);--red: hsl(6deg 92% 42% / 100%);--blue: hsl(202deg 66% 45% / 100%);--yellow: hsl(54deg 84% 45% / 100%);--dark-yellow: hsl(28deg 82% 39% / 100%);--theme: "light"}.combo-header{display:flex;width:100%;padding:var(--pad);line-height:1.15;font-size:var(--font-mid);cursor:pointer;justify-content:space-between;border-top:1px solid var(--surface-d);color:var(--font-color)}.combo-header span{color:var(--font-color);user-select:none}.combo-header span.active{font-weight:500}.combo-header:hover:not(.qr-login),.combo-header:hover:not(.qr-dropzone){color:var(--font-color);background-color:var(--surface-e)}.dz-preview{display:none}.login-form{display:contents}.hmi-login-modal{display:flex;padding:1rem;flex-direction:column;flex:1;justify-content:flex-start;height:100%;position:absolute;right:0;top:0;left:0;overflow-y:auto;background-color:var(--surface-e)}@media (min-width: 768px){.hmi-login-modal{justify-content:center}}.hmi-login-modal .modal-content{display:flex;flex-direction:column;padding:1rem 0 0}@media (min-width: 768px){.hmi-login-modal .modal-content{padding:1rem 2rem}}@media (min-width: 1025px){.hmi-login-modal .modal-content{padding:2rem 4rem}}@media (min-width: 1920px){.hmi-login-modal .modal-content{padding:4rem 12rem}}.hmi-login-modal .modal-content .modal-header{text-align:left}.hmi-login-modal .modal-content .modal-header .hmi__logo{display:inherit}@media (min-width: 768px){.hmi-login-modal .modal-content .modal-header .hmi__logo{display:none}}.hmi-login-modal .modal-content .modal-header span{font-family:var(--font-cond)}.hmi-login-modal .modal-content .modal-body{display:flex;flex-direction:column}@media (min-width: 768px){.hmi-login-modal .modal-content .modal-body{flex-direction:row}}.hmi-login-modal .modal-content .modal-body .left{display:flex;flex-direction:column;justify-content:space-between;margin:0;width:100%}@media (min-width: 768px){.hmi-login-modal .modal-content .modal-body .left{margin-right:1rem;width:18rem}}.hmi-login-modal .modal-content .modal-body .left .login-area{display:flex;flex-direction:column;justify-content:flex-start}.hmi-login-modal .modal-content .modal-body .right{display:flex;flex-direction:row;flex:2;align-items:center;justify-content:center}.hmi-login-modal .modal-content .modal-body .right .hmi__logo{display:none}@media (min-width: 768px){.hmi-login-modal .modal-content .modal-body .right .hmi__logo{display:inherit}}.hmi-login-modal .modal-content .modal-footer{position:fixed;align-self:flex-start;justify-content:flex-end;bottom:var(--pad);left:var(--pad);right:var(--pad);font-family:var(--font-cond);text-transform:uppercase;font-size:.88rem;text-align:left;margin-top:var(--pad)}@media (min-width: 1025px){.hmi-login-modal .modal-content .modal-footer{position:unset;bottom:0}}.fixed-ops{position:fixed;display:flex;justify-content:flex-end;bottom:var(--pad);left:var(--pad);right:var(--pad);font-family:var(--font-cond);text-transform:uppercase;font-size:.88rem;text-align:left;margin-top:var(--pad);cursor:pointer}.fixed-ops:hover{opacity:66%}.fixed-ops .ops-label{align-self:flex-end;margin-right:var(--pad-half)}.p-inputtext{width:100%}.header-area{padding:var(--pad-half) var(--pad);color:var(--font-color-alt)}