@import "//fonts.googleapis.com/css2?family=Playfair+Display:wght@400&family=Hanken+Grotesk:wght@400;600&display=swap";:root{--app-header-height-long:128px}html{width:100%;height:100%;font-family:Hanken Grotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;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:213px;height:40px;margin:12px 0;display:inline-block;position:sticky;top:0}.header-container .logo-container .header-logo{width:auto;height:100%;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:auto;height:40px;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:160px;height:64px;margin:0}.header-container .logo-container .header-logo{display:none}.header-container .logo-container .header-logo-stacked{width:auto;height:32px;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}@media only screen and (width<=37.5em){.status-popup-container .status-popup-body table td{font-size:.65rem}}.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{height:100%}.status-map-container #status-map{background-color:var(--app-color-background-paper);height:100%;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:24px;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:272px;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:7.5rem;transform: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}.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}}.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:Hanken Grotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;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{display:flexbox;aspect-ratio:1;height:64px;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{display:flexbox;flex-grow:1;height:64px}.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)}