@import "//fonts.googleapis.com/css?family=Roboto:400,500,700";@import "//fonts.googleapis.com/css?family=Rubik&display=swap";@import "//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root,:host{--ol-background-color:white;--ol-accent-background-color:#f5f5f5;--ol-subtle-background-color:#80808040;--ol-partial-background-color:#ffffffbf;--ol-foreground-color:#333;--ol-subtle-foreground-color:#666;--ol-brand-color:#0af}.ol-box{box-sizing:border-box;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color);border-radius:2px}.ol-mouse-position{position:absolute;top:8px;right:8px}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;padding:2px;position:absolute;bottom:8px;left:8px}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-align:center;will-change:contents, width;border-top:none;margin:1px;font-size:10px;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{background-color:var(--ol-foreground-color);float:right;z-index:10;width:1px;height:15px}.ol-scale-step-text{z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);font-size:10px;position:absolute;bottom:-5px}.ol-scale-text{text-align:center;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);font-size:12px;position:absolute;bottom:25px}.ol-scale-singlebar{z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color);height:10px;position:relative}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{background-color:var(--ol-subtle-background-color);border-radius:4px;position:absolute}.ol-zoom{top:.5em;left:.5em}.ol-rotate{transition:opacity .25s linear,visibility linear;top:.5em;right:.5em}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{top:.5em;right:.5em}.ol-control button{color:var(--ol-subtle-foreground-color);font-weight:700;font-size:inherit;text-align:center;background-color:var(--ol-background-color);border:none;border-radius:2px;width:1.375em;height:1.375em;margin:1px;padding:0;line-height:.4em;text-decoration:none;display:block}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{will-change:transform;font-weight:400;display:block}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-decoration:none}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;flex-flow:row-reverse;align-items:center;max-width:calc(100% - 1.3em);display:flex;bottom:.5em;right:.5em}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);margin:0;padding:1px .5em;font-size:12px}.ol-attribution li{list-style:none;display:inline}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{border-radius:4px 0 0;bottom:0;right:0}.ol-attribution.ol-uncollapsible img{max-height:1.6em;margin-top:-.2em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{height:200px;top:4.5em;left:.5em}.ol-zoomslider button{height:10px;position:relative}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{bottom:.5em;left:.5em}.ol-overviewmap.ol-uncollapsible{border-radius:0 4px 0 0;bottom:0;left:0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);width:150px;height:150px}.ol-overviewmap:not(.ol-collapsed) button{position:absolute;bottom:0;left:0}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}:root{--app-header-height-long:128px}html{width:100%;height:100%;font-family:Roboto,serif;overflow:hidden auto}*{box-sizing:border-box}body{background-color:var(--app-color-background-default);height:inherit;width:inherit;margin:0;padding:0}#root{height:inherit;width:inherit}.loader-container{padding:2rem 0}.loader-container>.loader-spinner{border:.5rem solid var(--app-color-loader-track);border-top:.5rem solid var(--app-color-loader-spinner);border-radius:50%;width:50px;height:50px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (width<=37.5em){html{font-size:10px}.col-xsm-1{width:8.33%}.col-xsm-2{width:16.66%}.col-xsm-3{width:25%}.col-xsm-4{width:33.33%}.col-xsm-5{width:41.66%}.col-xsm-6{width:50%}.col-xsm-7{width:58.33%}.col-xsm-8{width:66.66%}.col-xsm-9{width:75%}.col-xsm-10{width:83.33%}.col-xsm-11{width:91.66%}.col-xsm-12{width:100%}}@media only screen and (width>=37.5em){html{font-size:12px}.col-sm-1{width:8.33%}.col-sm-2{width:16.66%}.col-sm-3{width:25%}.col-sm-4{width:33.33%}.col-sm-5{width:41.66%}.col-sm-6{width:50%}.col-sm-7{width:58.33%}.col-sm-8{width:66.66%}.col-sm-9{width:75%}.col-sm-10{width:83.33%}.col-sm-11{width:91.66%}.col-sm-12{width:100%}}@media only screen and (width>=48em){html{font-size:14px}.col-md-1{width:8.33%}.col-md-2{width:16.66%}.col-md-3{width:25%}.col-md-4{width:33.33%}.col-md-5{width:41.66%}.col-md-6{width:50%}.col-md-7{width:58.33%}.col-md-8{width:66.66%}.col-md-9{width:75%}.col-md-10{width:83.33%}.col-md-11{width:91.66%}.col-md-12{width:100%}}@media only screen and (width>=62em){html{font-size:16px}.col-lg-1{width:8.33%}.col-lg-2{width:16.66%}.col-lg-3{width:25%}.col-lg-4{width:33.33%}.col-lg-5{width:41.66%}.col-lg-6{width:50%}.col-lg-7{width:58.33%}.col-lg-8{width:66.66%}.col-lg-9{width:75%}.col-lg-10{width:83.33%}.col-lg-11{width:91.66%}.col-lg-12{width:100%}}@media only screen and (width>=75em){html{font-size:16px}.col-xlg-1{width:8.33%}.col-xlg-2{width:16.66%}.col-xlg-3{width:25%}.col-xlg-4{width:33.33%}.col-xlg-5{width:41.66%}.col-xlg-6{width:50%}.col-xlg-7{width:58.33%}.col-xlg-8{width:66.66%}.col-xlg-9{width:75%}.col-xlg-10{width:83.33%}.col-xlg-11{width:91.66%}.col-xlg-12{width:100%}}input[type=password]::-webkit-credentials-auto-fill-button{display:none}input[type=password]::-ms-reveal{display:none}.header-container{background:var(--app-color-background-paper);width:100%;height:128px;box-shadow:var(--app-color-shadow-raised);z-index:1201;padding:0 24px;position:sticky;top:0}.header-container.short,.header-container .header-row{height:64px}.header-container .logo-container{width:min(320px,60vw);height:20px;margin:22px 0;display:inline-block;position:sticky;top:0}.header-container .logo-container .header-logo{width:100%;max-width:100%;height:auto;max-height:100px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-container .logo-container .header-logo-stacked{display:none}@media only screen and (width<75em){.header-container{padding:0}.header-container .header-row.selector{padding:0 12px}.header-container .logo-container{flex-grow:1}.header-container .logo-container .header-logo{width:min(320px,60vw);height:20px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media only screen and (width<37.5em){.header-container{padding:0}.header-container .logo-container{flex-grow:1;width:123px;height:64px;margin:0}.header-container .logo-container .header-logo{display:none}.header-container .logo-container .header-logo-stacked{width:123px;height:auto;margin:0;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.body-container{flex-direction:column;height:100vh;display:flex;overflow-y:auto}html{overflow:visible}.content-container{background-color:var(--app-color-background-paper);flex-grow:1;display:block;position:relative;overflow:hidden visible}.iot-tool-container{background-color:var(--app-color-background-paper);vertical-align:top;padding-bottom:24px;display:inline-block}@media only screen and (width<=37.5em){.iot-tool-container{width:100%}}.iot-content-container{background-color:var(--app-color-background-paper);transition:width .5s margin-left .5s transform 2s;vertical-align:top;height:100%;padding-top:32px;display:inline-block;position:relative;overflow-y:auto}.iot-content-container .hidden{display:none}.iot-content-container .error-container{color:var(--app-color-border-neutral);text-align:center;width:calc(100% - 3rem);display:block;position:relative;top:50%;transform:translateY(-50%)}.iot-content-container .drawer-button-container{width:3rem;height:100%;position:fixed}.iot-content-container .drawer-button-container .drawer-button{z-index:1;background-color:var(--app-color-background-paper);border:1px solid var(--app-color-border-subtle);border-radius:0 20px 20px 0;width:2rem;min-width:0;height:2.5rem;top:40%}.status-popup-container{width:100%;height:100%;padding:16px}.status-popup-container-bottom{background-color:var(--app-color-background-paper);border-radius:8px;width:auto;height:auto;padding:16px;box-shadow:0 2px 8px #0000004d}@media only screen and (width<=37.5em){.status-popup-container .status-popup-body table td{font-size:.65rem}.status-popup-container-bottom{max-width:95vw;padding:12px;bottom:1rem}}.dropdown-selection{vertical-align:top;min-width:12rem;display:inline-block;border-radius:8px!important}.dropdown-selection .dropdown-selection-input{margin:0 .5rem}@media only screen and (width<=37.5em){.dropdown-selection{margin:1.25rem;display:block}}.inline-box{border:1px solid var(--app-color-common-black);vertical-align:top;min-height:60rem;overflow:auto;max-height:calc(100% - 9rem)!important}.status-map-container{width:100%;height:100%;min-height:400px}.status-map-container #status-map{background-color:var(--app-color-background-paper);opacity:.9;width:100%;height:100%;min-height:400px;position:relative}.status-map-container #status-map #status-button{background-color:var(--app-color-background-paper);z-index:1;box-shadow:var(--app-color-shadow-raised);border-radius:8px;display:flex;position:absolute;top:24px;left:24px}.status-map-container #status-map #status-zoom-button{background-color:var(--app-color-background-paper);z-index:1;box-shadow:var(--app-color-shadow-raised);border-radius:12px;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:24px;right:24px}.status-map-container #status-map #status-popup{background-color:var(--app-color-background-paper);border-radius:8px;width:320px;height:auto;display:block}.status-map-container #status-map #status-popup>:after{border:solid #0000;border-top-color:var(--app-color-background-paper);content:" ";pointer-events:none;border-width:12px;width:0;height:0;margin-top:-1px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)rotate(180deg)}.status-map-container #status-map #status-popup .close-icon{cursor:pointer;position:absolute;top:.5rem;right:.5rem}.status-map-container #status-map #status-popup.hidden{display:none!important}.status-fullscreen-button{background-color:var(--app-color-background-paper);z-index:1;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:24px;box-shadow:0 1px 3px #0000001f,0 1px 1px #00000024,0 2px 1px -1px #0003}.status-fullscreen-button button{color:var(--app-color-text-primary);cursor:pointer;background:0 0;border:none;font-size:24px}.iot-drawer{top:128px!important}.iot-drawer .iot-drawer-list{height:calc(100% - 128px)!important}.iot-drawer .iot-drawer-list .list-tabs{background-color:var(--app-color-background-paper)!important;color:var(--app-color-info-main)!important;height:48px!important}.iot-drawer .iot-drawer-list .MuiTabs-indicator{background-color:var(--app-color-info-main)!important}.iot-drawer .iot-drawer-list>ul{overflow-y:auto;max-height:calc(100% - 6rem - 48px)!important}.iot-item{border-bottom:1px var(--app-color-border-subtle) solid;border-left:8px solid #0000;width:100%;min-height:48px;font-size:1rem}.iot-item .iot-item-link{background-color:#0000;flex:1;padding:12px 0;display:inline-flex}.iot-item .iot-item-link .iot-icon{vertical-align:middle;width:56px;height:24px;margin-left:16px;display:inline-block;position:relative}.iot-item .iot-item-link .iot-icon .device-icon svg{fill:var(--app-color-icon-default)}.iot-item .iot-item-link .iot-icon img{height:100%;position:absolute;left:50%;transform:translate(-50%)}.iot-item .iot-item-link .iot-name{vertical-align:middle;overflow-wrap:break-word;padding-top:4px;display:inline-block}.iot-item:hover{border-left:8px var(--app-color-brand-primary) solid}.iot-item.selected{background-color:var(--app-color-surface-selected)}.iot-item.selected:hover{background-color:var(--app-color-surface-selected-hover)}.iot-status-container{text-wrap:nowrap}.iot-status-container .status-icon{vertical-align:middle;width:1.4rem;height:1.4rem;margin-left:20px;display:inline-block}.iot-status-container .status-icon.action{cursor:pointer}.iot-status-container .status-icon:first-child{margin-left:0}@media screen and (width<=1200px){.iot-status-container .status-icon{margin-left:5px}}.status-grid-card{border:1px solid var(--app-color-border-subtle);cursor:pointer;background-color:color-mix(in srgb, var(--app-color-text-primary) 5%, transparent);border-radius:16px;flex-direction:column;width:292px;height:383px;transition:background-color .2s,box-shadow .2s,border-color .2s;display:flex}.status-grid-card:hover{background-color:color-mix(in srgb, var(--app-color-text-primary) 10%, transparent);border-color:var(--app-color-border-strong);box-shadow:0 10px 35px #00000059}.status-grid-card--selected{background:linear-gradient(#029ddb2e 0%,#029ddb14 100%);border-color:#029ddb99;box-shadow:0 12px 40px #029ddb47}.history-map-container{height:100%}.history-map-container #map{background-color:var(--app-color-surface-map);width:100%;height:100%}.menu-list{flex-direction:row;justify-content:flex-end;align-items:center;margin:0;padding:10px;list-style-type:none;display:flex}.menu-list .menu-item{cursor:pointer;text-transform:uppercase}.menu-list .menu-item>.menu-item-link{color:var(--app-color-menu-item);font-family:Rubik;text-decoration:none}.menu-list .menu-item>.menu-item-link:hover{color:var(--app-color-menu-hover)}.menu-list .menu-item>.menu-item-link.active{border-bottom:1.5px solid var(--app-color-menu-item);padding-bottom:1px}.menu-list .menu-item .menu-icon{color:var(--app-color-menu-item);width:2rem;height:2rem}@media only screen and (width<75em){.mobile-menu-container{aspect-ratio:1;height:64px;display:flex;position:relative}.mobile-menu-container .menu-button{width:50%;position:absolute;top:50%;bottom:50%;left:25%;transform:translateY(-50%)}.mobile-menu-container .menu-button.hidden{display:none}.mobile-menu-container .menu-content{background-color:var(--app-color-menu-background);z-index:2;width:100%;height:calc(100% - 128px);transition:all 1s ease-in-out;position:fixed;top:128px;left:0}.mobile-menu-container .menu-content .menu-list{text-align:center;height:100%;padding-top:3rem;padding-left:0;display:block}.mobile-menu-container .menu-content .menu-list .menu-item{margin-bottom:3rem;font-size:1.4rem}.mobile-menu-container .menu-content.hidden{opacity:0;height:0%}.menu-container{display:none}}@media only screen and (width>=75em){.menu-container{flex-grow:1;height:64px;display:flex}.mobile-menu-container,.mobile-menu-container .menu-button{display:none}}.MuiMenu-paper{border-radius:10px!important}.notification-popup-input-container{margin-top:2rem}.notification-popup-input{text-align:left;width:100%;padding-top:3rem}.notification-popup-input .dropdown-selection-input{width:100%}.notification-popup-title{text-align:left;min-width:500px;margin:0 0 .5rem}.notification-popup-organization-container{text-align:left;margin:0 0 3rem}.notification-popup-input-title{text-align:left;margin:0 0 .5rem}.notification-organization-icon{float:left;margin:0 10px 3px 0}.notification-button-icon{float:left;background-color:var(--app-color-surface-muted);margin:1rem 2rem 0 3rem}.notification-buttons-container{float:right}.org-users-table{overflow-y:auto;max-height:100%!important}.org-users-table td:first-child{width:50%}.org-users-table td:nth-child(2){text-align:center;width:35%}.org-users-table td:nth-child(3){text-align:right;width:15%}.iot-content-drawer{height:calc(100vh - 128px)!important;top:128px!important;overflow:hidden!important}.iot-content-drawer.space-for-tools{height:calc(100vh - 128px - 5rem);top:calc(128px + 5rem)!important}.iot-content-drawer .drawer-button-container{position:absolute;top:40%;right:0%}.iot-content-drawer .drawer-button-container .drawer-button{background-color:var(--app-color-background-paper);border:1px solid var(--app-color-border-subtle);border-radius:20px 0 0 20px;width:2rem;min-width:0;height:2.5rem;padding:0}.iot-content-drawer .drawer-button-container .drawer-button.close{margin-bottom:.25rem}@media only screen and (width<=37.5em){.iot-content-drawer{z-index:1!important}.iot-content-drawer .drawer-button.visible{display:none}}@media only screen and (width>=37.5em){.iot-content-drawer .drawer-button.visible{display:none}}@media only screen and (width>=62em){.iot-content-drawer .drawer-button.visible{display:flex}}.popup-inner{text-align:center;padding:20px;overflow:hidden}.popup-inner .popup-header{text-align:center;margin-bottom:2rem;font-size:1rem}.popup-inner .popup-header .device-icon{vertical-align:middle;padding:0 .5rem}.popup-inner .popup-header .popup-header-device-type{color:#2f4f4f;padding-top:.2rem;font-size:.8rem}.popup-inner .popup-header .popup-header-secondary-info{color:#2f4f4f;padding-top:.4rem;font-size:.7rem}.popup-inner .popup-body .ota-package-information-item{margin-bottom:1rem}.popup-inner .popup-body .setting-item{font-size:.8rem}.popup-inner .popup-body .setting-item li{margin-right:1rem;padding:0}.popup-inner .popup-body .setting-item span,.popup-inner .popup-body .setting-item input{font-size:.8rem}.popup-inner .popup-body .setting-item .color{border-radius:2px;width:2rem;height:1rem}.popup-inner .popup-body .setting-item .swatch{background:var(--app-color-background-paper);box-shadow:0 0 0 1px var(--app-color-shadow-swatch);cursor:pointer;border-radius:1px;padding:.2rem;display:inline-block}.popup-inner .popup-body .setting-item .popover{z-index:2;position:absolute}@media only screen and (width<=37.5em){.popup-inner .popup-body .setting-item{margin:0}}.organization-details{display:inline-block;position:relative}.organization-details .organization-name{width:100%;font-size:2rem;font-weight:700}.device-list-content-container{border-top:1px var(--app-color-border-subtle) solid;flex-flow:column;flex-grow:1;height:calc(100% - 64px);display:flex;overflow-y:auto}.device-list-breadcrumbs-container{min-height:1rem;padding-left:1rem}.device-list-container{flex:1;width:100%;overflow:hidden scroll}.device-list-error-message{text-align:center;margin:2em auto;display:block}.admin-list-container{width:50%;display:inline-block;position:relative}@media only screen and (width<=37.5em){.admin-list-container{width:100%;height:80%}}@media only screen and (width>=37.5em){.admin-list-container{width:100%;height:70%}}@media only screen and (width>=48em){.admin-list-container{width:100%;height:70%}}@media only screen and (width>=62em){.admin-list-container{width:50%;height:calc(100% - 9rem)}}.profile-page-selector{padding-top:24px;padding-bottom:0;padding-left:24px}.profile-paper{padding:24px;background-color:var(--app-color-background-paper)!important}.profile-list{padding:0}.profile-list .profile-list-item{margin-bottom:8px;padding:16px 0 8px}.billing-plan-list .billing-plan-active-item{border:2px solid var(--app-color-brand-primary);background-color:var(--app-color-surface-accent-subtle);border-radius:14px;padding:14px 8px 14px 16px}.billing-plan-list .billing-plan-list-item{border:1px solid var(--app-color-border-subtle);border-radius:14px;padding:14px 8px 14px 16px}.billing-plan-banner{background-color:var(--app-color-surface-info-subtle);border-radius:14px;margin-bottom:16px;padding:16px}.billing-plan-banner-container{margin-top:24px;padding:16px}.field-item-grid-container{align-items:flex-end;padding:0}.field-item-grid-container .field-item-grid-item-container,.field-item-grid-container .field-item-grid-item-container .field-item-grid-item-column-container{padding:0}.field-item-grid-container .field-item-grid-item-container .field-item-grid-item-column-container .field-item-grid-item{padding:0 0 4px}.field-item-grid-container .field-button-icon{width:24px;height:24px;color:lightpalette}.profile-menu{width:100%;padding:24px 0 0!important}.profile-menu .profile-menu-text{text-wrap:nowrap}.profile-navigation-menu-button{border:1px solid var(--app-color-border-emphasis)!important;color:var(--app-color-common-black)!important;border-radius:24px!important}.profile-content-page-container{border-left:1px solid var(--app-color-border-subtle);width:100%;min-width:300px;min-height:100%}.edit-dialog-container{gap:24px;padding:24px;display:flex}.edit-dialog-container .dialog-gray-text{opacity:.6;font-size:12px}.edit-dialog-container .dialog-gray-text.with-bullet:before{content:"•";margin-right:.5em}.edit-dialog-container .dialog-item-container{gap:12px}.edit-dialog-container .dialog-item-container .dialog-button{border-radius:8px}.edit-dialog-container .password-error-text{color:var(--app-color-error-main);padding:4px 8px 0;font-size:12px;position:absolute}.confirm-dialog .confirm-dialog-container{gap:24px;padding:24px}.confirm-dialog .confirm-dialog-container .confirm-dialog-item-container{gap:16px}.confirm-dialog .confirm-dialog-container .confirm-dialog-item-container .confirm-dialog-button{border-radius:8px}.confirm-dialog .confirm-dialog-container .confirm-error-text{color:var(--app-color-error-main);padding:8px 8px 0;font-size:12px;position:absolute}.code-container{justify-content:space-between;display:flex}.code-container .confirm-code-field{aspect-ratio:1;text-align:center;border:solid var(--app-color-border-strong) 1px;border-radius:.5rem;width:calc(16.6667% - .833333rem);margin:.5rem 0;font-size:27px}.code-container .confirm-code-field.error{border-color:var(--app-color-error-main)}