.hmi__page{overflow:auto;background:var(--apux-background-default)}.hmi__content{height:100%}.hmi__main-container{display:flex;padding:0;flex-grow:1;height:calc(100% - 4rem)}apux-icon{line-height:normal}.hmi__login{padding:.5rem 1rem;display:flex;flex-direction:column;align-items:center;background:var(--apux-background-default);height:100%;min-height:39rem;position:relative;overflow:hidden}@media(max-width:30rem){.hmi__login{min-height:45rem}}.hmi__login__cursor{display:inline-block;width:2.5rem;height:.25rem;background:var(--apux-brand)}.hmi__login__header{display:flex;gap:.5rem;width:100%;margin-bottom:.5rem;height:2.5rem;align-items:center}.hmi__login__header__logo{margin-right:.75rem}.hmi__login__header__divider{width:2px;height:calc(100% - .5rem);background:var(--apux-border-default)}.hmi__login__header__name{display:inline-block;font-weight:700;font-size:1.25rem;line-height:2.5rem}.hmi__login__column{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.hmi__login__container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--apux-background-alternative);border-radius:2rem;box-shadow:0 4px 8px 0 var(--apux-popper-shadow),0 .5px 2px 0 var(--apux-popper-shadow),0 0 1px 0 var(--apux-popper-shadow);padding:30px;text-align:center;max-width:100%;width:32.5rem;max-height:calc(100vh - 19rem);height:35rem;position:relative}.hmi__login__container__signup-text{margin:1.5rem 0;color:var(--apux-foreground-secondary)}.hmi__login__container__signin-btn{margin-top:2rem}.hmi__login__welcome{display:flex;align-items:center;justify-content:center;margin-top:4rem;color:var(--apux-foreground-secondary);line-height:1.5rem}.hmi__login__welcome:after,.hmi__login__welcome:before{content:"";display:inline-block;width:7.5rem;flex:0 1 auto;height:2px;background:var(--apux-border-default);position:relative;top:0rem;margin:0 1rem}.hmi__login__welcome__text{flex:0 0 auto}.hmi__login__footer{text-align:center;margin:1rem 0;position:absolute;bottom:0;color:var(--apux-foreground-secondary);font-size:.875rem}.hmi__login__disclaimer{background-color:var(--apux-state-warning-secondary);padding:.5rem;border-radius:.5rem;width:100vw;margin-bottom:2.5rem;display:flex;align-items:center}.hmi__login__disclaimer__icon{margin-right:.5rem;--color: var(--apux-state-warning)}.hmi__login--landing .hmi__login__cursor{background:var(--apux-foreground-primary)}.hmi__setup apux-input{width:100%;text-align:initial}.hmi__setup apux-button{margin:.5rem 0;min-width:8rem}.hmi__setup__warning{color:var(--apux-state-error);margin:0 0 1.5rem}body{display:flex;flex-direction:column;height:100vh;background:var(--apux-background-default);overflow:hidden}.layout-wrapper{height:100%;width:100%}.hmi__view-toolbar{width:fit-content}.hmi__view-toolbar:has(*){box-shadow:-1px 0 0 0 var(--apux-border-default);padding-left:.5rem}.hmi__view-toolbar__tool{height:2.5rem;display:flex;align-items:center}body{--header-height: 3.5rem}body:has(.hmi__header-small){--header-height: 2.5rem}.hmi__header{position:relative;background:var(--apux-background-default);display:flex;align-items:center;height:var(--header-height);justify-content:space-between;gap:1rem;padding:0 1rem}.hmi__header__main{display:flex;height:100%;align-items:center}.hmi__header-small{height:2.5rem;padding:0 .5rem}.hmi__header-small .hmi__header__nav{gap:.5rem}.hmi__header__title{position:relative;display:block;overflow:hidden;text-overflow:ellipsis;max-width:60ch;white-space:nowrap;font-weight:700;padding:.25rem 0;margin-right:1rem}.hmi__header__logo{display:inline-flex;align-items:center;height:100%;width:3.25rem;height:1.25rem;background:var(--apux-brand);mask:var(--hmi-logo-url, url(/assets/images/ABB_logo_black.svg)) no-repeat center/contain}.hmi__header__navigation{display:flex}.hmi__header__avatar{cursor:pointer}.hmi__header__refresh-btn{cursor:pointer;padding:.5rem 1rem;margin-left:.5rem}.hmi__header__refresh-btn:hover{background-color:var(--apux-fill-tertiary-hover)}.hmi__header__refresh-btn:active{background-color:var(--apux-fill-tertiary-active)}.hmi__header__vertical-bar{padding:0 .5rem 0 1.25rem}.hmi__header__text{display:inline-flex;align-items:center;font-family:ABBvoice,sans-serif;font-size:1rem;line-height:20px;color:var(--apux-fill-primary)}.hmi__header__text__title{font-weight:700;color:var(--apux-fill-primary)}.hmi__header__nav{display:flex;height:100%;align-items:center;gap:1rem}.hmi__header__datetime{font-family:ABBvoice,sans-serif;font-size:.75rem;line-height:16px;text-align:right;user-select:none}.hmi__header__view__area{display:flex;padding:4px 0;justify-content:center;align-items:center;gap:16px;flex:1 0 0;align-self:stretch;height:100%;overflow:auto}.discreet-branding:after{content:"";display:block;background:var(--apux-fill-primary);height:.125rem;width:1rem;position:absolute;top:0}.inverted{filter:invert(12%) sepia(63%) saturate(6234%) hue-rotate(246deg) brightness(87%) contrast(156%)}.hmi__drawer{position:absolute;z-index:10;left:0;height:calc(100vh - var(--header-height));border:1px solid var(--apux-border-default);box-sizing:border-box;box-shadow:0 1rem 1rem var(--apux-popper-shadow);border-radius:.5rem;display:flex;width:25.5rem}.hmi__drawer--sidebar-mode{width:auto;position:relative}.hmi__drawer--sidebar-mode.hmi__drawer--open .hmi__drawer__rail{position:relative}.hmi__drawer--sidebar-mode.hmi__drawer--open .hmi__drawer__panel{position:absolute;border:1px solid var(--apux-border-default);margin-left:3.5rem;width:22rem;height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.hmi__drawer--sidebar-mode.hmi__drawer--pinned{position:relative}.hmi__drawer--sidebar-mode.hmi__drawer--pinned .hmi__drawer__panel{position:relative;margin-left:0;width:22rem;height:100%;border:0}.hmi__drawer__panel{background-color:var(--apux-background-default);width:100%;border-radius:.5rem;padding:.5rem 0;display:flex;flex-direction:column;gap:.5rem;max-width:22rem}.hmi__drawer__panel apux-divider{padding:0 .5rem}.hmi__drawer__panel__header{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;gap:.5rem;user-select:none}.hmi__drawer__title{font-family:ABBvoice,sans-serif;font-weight:700;font-size:1rem;line-height:1.5rem;user-select:none}.hmi__drawer__rail{background-color:var(--apux-background-alternative);width:3.5rem;border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;display:flex;flex-direction:column;justify-content:space-between}.hmi__drawer__rail__elements{overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;scrollbar-gutter:stable both-edges}.hmi__drawer__rail__elements.scrollbar{padding:.5rem .5rem .5rem 0}.hmi__drawer__rail__extra{display:flex;flex-direction:column;align-items:center;padding:.5rem}.hmi__drawer__rail__extra.scrollbar{padding:.5rem .5rem .5rem 0}.hmi__drawer__rail__extra .hmi__drawer__extra__item{text-align:center;padding:.75rem;cursor:pointer;height:2.5rem;border-radius:.5rem}.hmi__drawer__rail__extra .hmi__drawer__extra__item.help{border-radius:1.25rem}.hmi__drawer__rail__extra .hmi__drawer__extra__item:hover{background-color:var(--apux-fill-tertiary-hover)}.hmi__drawer__rail__info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hmi__drawer__rail__user{padding:.5rem 0}.hmi__drawer__rail__item{text-align:center;padding:.75rem;cursor:pointer;height:2.5rem;border-radius:.5rem}.hmi__drawer__rail__item:hover{background-color:var(--apux-fill-tertiary-hover)}.hmi__drawer__rail__avatar{user-select:none;cursor:pointer;padding:0}.hmi__drawer__rail__avatar:hover{background-color:transparent}.hmi__drawer__rail .active{background-color:var(--apux-fill-select)}.hmi__drawer__view:has(.hmi__drawer__layout__tree-view){padding:0}.hmi__drawer__view{height:100%;border-radius:.5rem;overflow-y:scroll;padding-left:.5rem}.hmi__drawer__view__link{cursor:pointer;padding-left:.5rem;color:var(--apux-fill-primary);font-family:ABBvoice,sans-serif;line-height:1rem}.hmi__drawer__view__tree{min-width:16.5rem;max-width:21rem}.hmi__drawer__view__tree__loader{width:100%;display:flex;justify-content:center}.hmi__drawer__view__tree__item__expandable::part(expander){display:inline-flex}.hmi__drawer__view__user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem}.hmi__drawer__view__user-name{display:block;font-size:1rem;max-width:25ch;overflow:hidden;text-overflow:ellipsis}.hmi__drawer__view__edit-profile{margin-left:auto;cursor:pointer}.hmi__drawer__view__logout{display:flex;gap:.5rem;padding:.5rem 1rem;margin-top:.25rem;cursor:pointer}.hmi__drawer__view__logout:hover{background-color:var(--apux-fill-tertiary-hover)}.hmi__drawer__view__user-menu{display:flex;flex-direction:column;padding:.5rem 1rem;margin-bottom:.5rem}.hmi__drawer__view__user-menu span:hover{text-decoration:underline}.hmi__drawer__view__menu{border:none;padding:0;position:absolute;top:anchor(top);left:anchor(right);margin:0}.hmi__drawer__view__menu-btn{position:relative;background:none;border:none;text-align:left;display:block;padding:.5rem;cursor:pointer;color:var(--apux-foreground-primary);border-radius:2rem}.hmi__drawer__view__menu-btn__icon{float:right}.hmi__drawer__view__language-menu{position-anchor:--language-btn}.hmi__drawer__view__color-mode-menu{position-anchor:--color-mode-btn}.hmi__drawer__view__color-mode-btn{anchor-name:--color-mode-btn}.hmi__drawer__view__language-btn{anchor-name:--language-btn}.hmi__drawer__view__loader{width:100%;display:flex;justify-content:center;align-items:center;height:100%}.hmi__drawer__layout__tabs{padding:.5rem;max-width:100%;width:100%}.hmi__drawer__product-links{display:flex;flex-direction:column;padding:.5rem 0}.hmi__drawer__product__name{line-height:1.5rem;font-size:1rem;font-weight:700}.hmi__drawer__product__version{line-height:1rem;font-size:.75rem;color:var(--apux-foreground-secondary)}.hmi__drawer__product__associated{margin:.5rem 0}.hmi__drawer__product__associated__name{line-height:1.5rem;font-size:.875rem;font-weight:500}.hmi__drawer__product__associated__version{line-height:1rem;font-size:.75rem;color:var(--apux-foreground-secondary)}.hmi__drawer__product__divider{margin:.5rem -.5rem}.hmi__drawer__product-info{display:flex;flex-direction:column;padding:.5rem;gap:.25rem}.hmi__drawer__product-link{padding:.5rem 1rem;cursor:pointer;font-size:.875rem}.hmi__drawer__product-link:hover{background-color:var(--apux-fill-tertiary-hover)}.hmi__drawer__layout__toolbar{display:flex;justify-content:flex-end;gap:.5rem}.hmi__drawer__layout__toolbar__revert__button.hidden{display:none}.hmi__drawer__layout__tree-view{margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem}.hmi__drawer__layout__empty_info{padding:.5rem;font-family:ABBvoice,sans-serif;font-size:.875rem}.hmi__drawer__layout__label{font-family:ABBvoice,sans-serif;font-size:1rem;font-weight:500;color:var(--apux-foreground-secondary)}.hmi__drawer__layout__label__content{padding:0 .5rem;margin-bottom:.5rem}.hmi__drawer__layout__content{display:flex;align-items:center;justify-content:space-between}.hmi__drawer__layout__content apux-tooltip:nth-child(1){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;width:calc(100% - 4rem)}.hmi__drawer__layout-menu{border:none;padding:0;position:absolute;top:anchor(top);left:anchor(right);margin:0;position-anchor:--desktop-menu-btn}.hmi__drawer__layout .active-layout{anchor-name:--desktop-menu-btn}.hmi__drawer__layout__share-desktop{padding:1rem 0}.hmi__drawer__layout__shared-desktop-info{display:block;font-family:ABBvoice,sans-serif;color:var(--apux-foreground-secondary)}.hmi__drawer__layout__container{display:flex;justify-content:space-between;align-items:center}.hmi__drawer__layout__container apux-tree-view-item{width:100%}.hmi__drawer--pinned{position:relative;border-radius:0;box-shadow:none;border:none;border-right:1px solid var(--apux-border-default)}.hmi__drawer--pinned .hmi__drawer__rail{border-radius:0}.hmi__drawer.closed{display:none}.hmi__drawer__workplace__screens__title{font-family:ABBvoice,sans-serif;font-weight:500;font-size:.875rem;padding:.5rem;margin-bottom:.25rem}.hmi__drawer__workplace__screens__permission__info{padding:.25rem .5rem}.hmi__drawer__workplace__screens__permission__info__title{font-family:ABBvoice,sans-serif;font-weight:500;font-size:.875rem;padding:.5rem 0;margin-bottom:.25rem}.hmi__drawer__workplace__screens__list{display:flex;gap:.25rem}.hmi__drawer__workplace__screens__list__item{padding:.25rem .5rem;border-radius:.25rem;height:4rem;width:7.5rem;display:flex;justify-content:center;align-items:center;background-color:var(--apux-fill-secondary);border:2px solid var(--apux-border-default)}.hmi__drawer__workplace__screens__list__item:hover{background-color:var(--apux-fill-secondary-hover);cursor:pointer}.hmi__drawer__workplace__screens__list__item apux-icon{--color: var(--apux-foreground-secondary)}.hmi__drawer__workplace__screens__list__item.current__active{background-color:var(--apux-fill-select);border:2px solid var(--apux-fill-primary)}.hmi__drawer__workplace__screens__list__item.current__active:hover{cursor:default}.hmi__drawer__workplace__screens__list__item.active{background-color:var(--apux-fill-secondary-active);border:2px solid var(--apux-border-default-active)}.hmi__drawer__workplace__screens__list__item.active:hover{cursor:default}.hmi__drawer__workplace__screens__list__item:nth-child(1){height:7.5rem;width:12.5rem}.hmi__drawer__workplace__header__settings__label,.hmi__drawer__workplace__header__view__label{font-family:ABBvoice,sans-serif;font-weight:500;font-size:.875rem;padding:.5rem 0;margin-bottom:.25rem}.hmi__drawer__workplace__header__settings{margin-top:.5rem}.hmi__drawer__workplace__header__setting{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hmi__drawer__workplace__header__settings__reset{display:flex;justify-content:flex-end;margin-top:.5rem}.hmi__drawer__workplace__rail__panel{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.hmi__edit-layout-item{width:31.25rem}.hmi__edit-layout-item-actions{display:flex;gap:.5rem}.hmi__edit-layout-item-form{padding:.25rem 0}.hmi__edit-layout-item-form apux-textarea{margin-top:1rem}.hmi__edit-layout-item .layout-dialog-actions{display:flex;gap:.5rem}.hmi__drawer__layout__roles-container{display:grid;gap:.5rem}.hmi__drawer__layout__roles-title,.hmi__drawer__layout__roles-selected-label{font-family:ABBvoice,sans-serif;font-weight:500}.hmi__drawer__layout__roles-suggested{display:flex;flex-wrap:wrap;gap:.5rem}.hmi__drawer__layout__roles-suggested .hmi__layout-item-suggested-role{flex-shrink:0}.hmi__drawer__layout__roles-add-label{font-family:ABBvoice,sans-serif;font-weight:500}.hmi__drawer__layout__roles-add{display:flex;gap:.5rem;align-items:center}.hmi__drawer__layout__roles-add apux-input{width:100%}.hmi__drawer__layout__roles-add apux-button.btn-add-roles{flex-shrink:0}.hmi__drawer__layout__roles-selected-list{display:flex;flex-wrap:wrap;gap:.5rem}.hmi__drawer__layout__roles-selected-list-label{font-family:ABBvoice,sans-serif;font-weight:500}.hmi__drawer__layout__roles-selected{display:grid;gap:.25rem}.hmi__layout-share-desktop{padding:1rem 0}.hmi__layout__shared-desktop-info{font-family:ABBvoice,sans-serif;font-weight:500;font-size:.75rem;color:var(--apux-foreground-secondary)}.hmi__layout__info-dialog{width:31.25rem}.hmi__layout__info-content{display:flex;flex-direction:column;gap:.5rem}.hmi__layout__info-last-updated{font-family:ABBvoice,sans-serif;font-size:.75rem;color:var(--apux-foreground-secondary)}.hmi__confirm__layout__actions{display:flex;gap:.5rem}.hmi__drawer__shared__layout__info{display:block}.hmi__drawer__layout__share-desktop[hidden]+.hmi__drawer__shared__layout__info{padding:1rem 0}.hmi__desktop{height:100%;display:flex;flex:1 1 auto;position:relative}.hmi__desktop__panel{height:100%}.hmi__desktop__split{display:flex;flex-flow:row nowrap;width:100%;height:100%;padding:0;margin:0;position:relative}.hmi__desktop__split--horizontal>.hmi__desktop__split{width:50%}.hmi__desktop__split--vertical{flex-direction:column}.hmi__desktop__split--vertical>.hmi__desktop__split{height:50%}.hmi__desktop__split__tabs{width:100%;overflow:hidden}.hmi__desktop__split__tabs>apux-tab-pane::part(container){padding:0}.hmi__desktop__divider__horizontal{width:100%;height:.25rem;cursor:ns-resize}.hmi__desktop__divider__vertical{height:100%;padding-left:.125rem;padding-right:.125rem;border-right:1px solid transparent;cursor:ew-resize}.hmi__desktop__divider__horizontal:hover{background-color:#dedede}.hmi__desktop__divider__vertical:hover{padding-left:0;padding-right:0;width:.3125rem;min-width:.25rem;background-color:#dedede}.hmi__desktop apux-tab-pane{position:relative}.hmi__desktop apux-tab-panes>apux-tab-pane{height:calc(100% - 40px)}.hmi__desktop apux-tab-panes.drag-over>apux-tab-pane:before{content:"";position:absolute;inset:0;border:12px solid color-mix(in srgb,var(--apux-focus),transparent 40%);pointer-events:none;transition:border .3s;z-index:9999}.hmi__desktop .drag-overlay{position:absolute;bottom:0;width:50%;height:calc(100% - 2.5rem);background-color:color-mix(in srgb,var(--apux-focus),transparent 70%);display:none;z-index:9999;pointer-events:none}.hmi__desktop__overlay,.hmi__desktop__overlay .hmi__desktop__panel{--background-color: var(--apux-background-default)}.hmi__desktop__overlay__header{height:2.5rem;background-color:var(--apux-background-default);display:flex;gap:.5rem}.hmi__desktop__overlay__header__toolbar{flex:1;overflow:hidden;padding-left:1px}.hmi__desktop__overlay__header__controls{flex:0 0 auto}.hmi__desktop__overlay__header__title{line-height:2.5rem;padding-left:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hmi__desktop__overlay__header__title__icon{display:inline-block;margin-right:.5rem;margin-top:.75rem}.hmi__desktop__overlay__content{height:calc(100% - 2.5rem);display:flex;flex-direction:column}apux-tab-panes.embedded>apux-tab-pane{height:100%}.hmi__desktop__overlay--converting{width:fit-content!important;height:2.5rem!important}.hmi__desktop__overlay--converting .hmi__desktop__overlay__header{width:12.5rem;display:inline-block}.hmi__desktop__overlay--converting .hmi__desktop__overlay__header__toolbar,.hmi__desktop__overlay--converting .hmi__desktop__overlay__header__controls,.hmi__desktop__overlay--converting .hmi__desktop__overlay__content{display:none}.hmi__main-container__ribbon{overflow:hidden;display:flex;flex-wrap:wrap;flex:1;padding:0}.hmi__main-container__ribbon>div{padding-left:1rem}.hmi__main-container__ribbon div{margin-bottom:.25rem}.hmi__main-container__ribbon div>div{border-bottom-style:Solid;border-bottom-width:2px;border-bottom-color:transparent}.hmi__main-container__ribbon div div{display:flex;padding-bottom:.5rem;padding-right:0}.hmi__main-container__ribbon div div button{padding-left:0;padding-right:.75rem;background:none;border:none;cursor:pointer}.hmi__main-container__ribbon div div .close-icon{visibility:hidden;padding-left:0;padding-right:0}.hmi__main-container__ribbon div:hover div button.close-icon{visibility:visible}.hmi__main-container__ribbon .active>div{border-bottom-color:var(--apux-fill-primary)}.hmi__main-container__ribbon .active>div>button{font-weight:700}.hmi__main-container__ribbon .active>div>button.close-icon{visibility:visible}.hmi__main-container__ribbon apux-tab-panes{width:100%;padding:0}.hmi__main-container__ribbon apux-tab-panes apux-tab-pane::part(container){padding:0}[hidden]{display:none}.notification-toast{position:absolute;z-index:10;width:32.5rem;min-height:3rem;top:3rem;right:1rem;background:var(--apux-background-default);border:1px solid var(--apux-border-default);box-sizing:border-box;box-shadow:0 1rem 1rem var(--apux-popper-shadow);border-radius:.5rem;overflow:auto}.notification-toast__sender{padding:.5rem .5rem 0}.notification-toast__section{display:flex;gap:1rem;align-items:center;height:inherit;padding:.625rem 1.25rem}.notification-toast__content{flex:1 1 auto}.notification-toast__title{font-weight:700}.notification-toast__msg{overflow:hidden;display:box}.notification-toast__msg--left{text-align:left}.notification-toast__close{cursor:pointer;display:flex}.notification-toast__icon{display:flex}.notification-toast__icon[name=star]{--color: var(--apux-foreground-secondary)}.notification-toast__icon[name=information-circle-1]{--color: var(--apux-state-info)}.notification-toast__icon[name=warning-circle-1]{--color: var(--apux-state-warning)}.notification-toast__icon[name=error-circle-1]{--color: var(--apux-state-error)}.hmi__contextual-menu__dialog:modal{border:none;background:none;margin:0;margin-left:var(--hmi-context-menu-x);margin-top:var(--hmi-context-menu-y);outline:none;overflow:visible}.hmi__contextual-menu__dialog::backdrop{background:none}.hmi__contextual-menu__menu--inverted-h{position:absolute;right:1.5rem}.hmi__contextual-menu__menu--inverted-v{position:absolute;bottom:1.5rem}.hmi__contextual-menu__loader{display:flex;justify-content:center;margin:1rem}