body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes backgroundColorPulse{0%{background-color:#fff0}20%{background-color:#ffffff4d}40%{background-color:#fff0}to{background-color:#fff0}}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Inter Variable}html,body,.root,.container,#wrapper,#root{width:100%;height:100%;position:relative}.download-link{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;border-radius:5px;background-color:var(--tool-bg-color);border:1px solid var(--tool-border-color);color:var(--tool-text-color);font-family:TTNorms-Medium;font-size:1em;transition:background-color .2s}.download-link:hover{cursor:pointer;background-color:#0000001a}.download-link:active{background-color:#0003}.clickable{position:relative;user-select:none;-webkit-user-select:none}.clickable:hover{cursor:pointer}.clickable:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:fill;border-radius:inherit}.clickable:hover:after{background-color:#0000001a}.clickable:active:after{background-color:#0003}.button{display:flex;justify-content:center;align-items:center;padding:10px;border-radius:5px;background-color:var(--tool-bg-color);border:1px solid var(--tool-border-color);color:var(--tool-text-color);font-family:TTNorms-Medium;font-size:1em;transition:background-color .2s}.top-bar{height:75px;display:flex;flex-direction:row;background-color:var(--tool-bg-color);position:relative}.top-bar>div{height:100%}.top-bar .logo{margin-left:350px;display:flex;align-items:center;font-family:TTNorms-Bold;font-size:1.5em;color:#1a264f}.top-bar .product{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:TTNorms-Regular;font-size:1.5em;margin-left:0;color:#1a264f}.top-bar .product :first-letter{transform:rotate(180deg)}.top-bar .right{position:absolute;display:flex;justify-content:center;align-items:center;right:0;height:100%}.top-bar .right .sla-region{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-right:20px;border-right:1px solid #e0e0e0}.top-bar .right .sla-region .region{font-family:TTNorms-Medium;font-size:1.2em;color:#1a264f;display:flex;flex-direction:row}.top-bar .right .sla-region .region .globe{height:17px;width:17px;background-image:url(/Globe_icon.svg);background-size:100% 100%;margin-right:5px;transform:translateY(2.5px)}.top-bar .right .sla-region .sla{font-family:TTNorms-Medium;font-size:.8em;color:#c8264f}.top-bar .right .user{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 20px;height:100%}.top-bar .right .user .avatar{height:50px;width:50px;background-image:url(/joris_head.jpg);background-size:100% 100%;margin-right:15px;border-radius:50%}.top-bar .right .user .user-name{font-family:TTNorms-Medium;font-size:1.2em;color:#1a264f}.top-bar .right .user .down-menu{position:relative;top:4px;margin-left:9px;width:0;height:0;content:"";border-width:8px;border-style:solid;border-color:#ccc transparent transparent transparent}.top-bar .right .user-menu{position:absolute;top:100%;right:0;z-index:1;width:100%;display:flex;flex-direction:column;background-color:#fff;border:1px solid #e0e0e0;width:200px}.top-bar .right .user-menu:not(.user-menu-visible){display:none}.top-bar .right .user-menu .menu-item{padding:10px}a{color:inherit;text-decoration:none}.main{display:flex;flex-direction:row;height:calc(100% - 75px);width:100%;background-color:var(--tool-bg-color);position:relative}.main .content{min-height:100%;min-width:calc(100% - 300px);position:relative;background-color:var(--tool-bg-color)}.main .content .content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-top-left-radius:50px;box-shadow:inset 0 0 10px #0000001a;border-width:var(--tool-border-width) 0 0 var(--tool-border-width);border-style:solid;border-color:var(--tool-border-color)}.main .content .content-overlay.loading{display:flex;justify-content:center;align-items:center;background-color:#fff;pointer-events:all}.main .content .content-overlay .loading-container{display:flex;flex-direction:row;position:relative;height:100%;align-items:center;user-select:none;-webkit-user-select:none}.main .content .content-overlay .loading-container .loading-text{position:relative;margin-left:30px;color:var(--brand-color-dark);font-weight:700;font-size:1.5em;display:flex;align-items:left;justify-content:left;flex-direction:column}.main .content .content-overlay .loading-container .loading-text>div:not(:first-child){margin-top:5px}.main .content .content-holder{height:100%;width:100%;border-top-left-radius:50px;box-shadow:inset 0 0 10px #0000001a}.main .content .content-holder>canvas{width:100%;height:100%;border-top-left-radius:50px;box-shadow:inset 0 0 10px #0000001a}:root{--tool-bg-color: #fcfcfc;--tool-border-color: #e0e0e0;--tool-border-width: 1px;--brand-color-dark: rgb(26, 38, 79)}.key-combination span{margin-left:4px}kbd.keycap{display:inline-block;padding:.12em .2em;margin-bottom:-.12em;font-family:monospace,monospace;font-size:.85em;line-height:1;transform:translateY(-2px);color:#333;background-color:#f7f7f7;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px #0003,inset 0 1px #fff;text-shadow:none}kbd.keycap-right-click{display:inline-flex;margin-bottom:-.12rem;font-family:monospace,monospace;font-size:.85rem;transform:translateY(1px);color:#333;background-color:#f7f7f7;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px #0003,inset 0 1px #fff;text-shadow:none;position:relative;width:.9rem;height:1.1rem}kbd.keycap-right-click table{width:.9rem;height:1rem;table-layout:fixed;display:flex;position:absolute;flex-direction:column}kbd.keycap-right-click table tr{height:.4rem;width:90%;display:flex}kbd.keycap-right-click table tr:first-child{border-bottom:1px solid #ccc}kbd.keycap-right-click table tr:first-child td:first-child{border-right:1px solid #ccc;background-color:#bbb}kbd.keycap-right-click table tr td{width:50%;display:flex}.OverlayPlaceSensors{position:absolute;top:20px;right:20px;background-color:var(--tool-bg-color);border-color:var(--tool-border-color);border-width:var(--tool-border-width);border-style:solid;border-radius:5px;box-shadow:0 0 5px #0000001a;width:400px;padding:11px 15px 15px}.OverlayPlaceSensors p{margin-top:10px}.OverlayPlaceSensors .button-holder{display:flex;justify-content:space-between;margin-top:10px;width:100%}.OverlayPlaceSensors .button-holder .button{width:30%}.OverlayPlaceSensors small{font-size:.7em}.OverlayPlaceSensors :first-child>.table-row{border-top:1px solid var(--tool-border-color)}.OverlayPlaceSensors .table{margin-top:10px;width:100%;table-layout:fixed}.OverlayPlaceSensors .table th:nth-child(1),.OverlayPlaceSensors .table td:nth-child(1){width:8%}.OverlayPlaceSensors .table th:nth-child(2),.OverlayPlaceSensors .table td:nth-child(2){width:20%}.OverlayPlaceSensors .table th:nth-child(3),.OverlayPlaceSensors .table td:nth-child(3){text-align:right}.OverlayPlaceSensors .table th:nth-child(4),.OverlayPlaceSensors .table td:nth-child(4){text-align:right}.OverlayPlaceSensors .table th:nth-child(5),.OverlayPlaceSensors .table td:nth-child(5){text-align:right}.OverlayPlaceSensors .table th:nth-child(6),.OverlayPlaceSensors .table td:nth-child(6){width:8%;text-align:right}.OverlayPlaceSensors .table tbody:empty{position:relative;height:20px;width:100%}.OverlayPlaceSensors .table tbody:empty:after{content:"No sensors placed";display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute}.OverlayPlaceSensors .table .table-row{border-bottom:1px solid var(--tool-border-color)}.OverlayPlaceSensors .table .table-row .x{font-family:monospace,monospace}.OverlayShowSelection{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:20px;width:500px;padding-top:10px;background-color:var(--tool-bg-color);border-color:var(--tool-border-color);border-width:var(--tool-border-width);border-style:solid;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:5px;box-shadow:0 0 5px #0000001a}.OverlayShowSelection.hidden{display:none}.OverlayShowSelection .position-data{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 5px 15px;width:100%}.OverlayShowSelection .position-data>div{width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.8em}.OverlayShowSelection .position-data>div>div{font-size:2em}.sidebar{width:300px;height:100%;background-color:var(--tool-bg-color);display:flex;flex-direction:column}.sidebar .sidebar-spacer{height:50px}.sidebar .sidebar-content{display:flex;flex-direction:column;height:calc(100% - 50px);background-color:var(--tool-bg-color)}.sidebar .sidebar-content .sidebar-header{display:flex;justify-content:center;align-items:center;padding:5px}.sidebar .sidebar-content .sidebar-header>span{font-family:TTNorms-Bold;color:#1a264f;margin:0 2px}.sidebar .sidebar-content .sidebar-nav{padding-top:20px}.sidebar .sidebar-content .sidebar-nav .loading,.sidebar .sidebar-content .sidebar-nav .no-properties{display:flex;justify-content:center;align-items:center;height:100%;width:100%;font-weight:700;color:var(--brand-color-dark);padding:20px}.sidebar .sidebar-content .sidebar-nav .loading>div,.sidebar .sidebar-content .sidebar-nav .no-properties>div{margin-right:20px}.sidebar .sidebar-content .sidebar-nav .property-container{border-bottom:1px solid #e0e0e0;padding-bottom:20px;padding-top:20px;padding-left:10px;position:relative;cursor:pointer}.sidebar .sidebar-content .sidebar-nav .property-container.selected{background-color:#f0f0f0}.sidebar .sidebar-content .sidebar-nav .property-container:hover:not(:has(.button:hover)){background-color:#b0b0b0}.sidebar .sidebar-content .sidebar-nav .property-container:first-child{border-top:1px solid #e0e0e0}.sidebar .sidebar-content .sidebar-nav .property-container .property-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:fill}.sidebar .sidebar-content .sidebar-nav .property-container .data-buttons{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:20px;padding-right:20px;padding-left:20px;font-size:.8em;column-gap:10px;row-gap:10px}.sidebar .sidebar-content .sidebar-nav .property-container .data-buttons .button{line-height:normal;padding-top:0;padding-bottom:0;height:2em}.sidebar .sidebar-content .sidebar-nav .property-container .right-arrow{position:absolute;top:50%;right:10px;margin-top:auto;margin-bottom:auto;font-size:1.5em;transform:scaleX(.7) translateY(-50%)}.sidebar .sidebar-content .sidebar-nav .property-container .property{-webkit-user-select:none;user-select:none}.sidebar .sidebar-content .sidebar-nav .property-container .property .name{font-weight:700;font-size:1.2em;margin-bottom:7px}.sidebar .sidebar-content .sidebar-nav .property-container .property .address{margin-left:10px;font-size:.8em;font-stretch:condensed}.sidebar .sidebar-content .sidebar-nav .property-container .property .sensor-count{margin-left:10px;font-size:.8em;font-stretch:condensed;margin-bottom:10px}.sidebar .sidebar-content .sidebar-nav .property-container .property .sensor-status{margin-left:10px;display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.sidebar .sidebar-content .sidebar-nav .property-container .property .clean-status{margin-left:10px;display:flex;flex-direction:row;align-items:center}.sidebar .sidebar-content .sidebar-nav .property-container .property span.status{width:20px;height:20px;display:inline-block;border-radius:50%;transform:translateY(1px);margin:0 10px}.sidebar .sidebar-content .sidebar-nav .property-container .property span.status>div{width:100%;height:100%;border-radius:50%;animation:backgroundColorPulse 2s infinite}.sidebar .sidebar-content .sidebar-nav .property-container .property span.status.good{background-color:#50c878}.sidebar .sidebar-content .sidebar-nav .property-container .property span.status.unknown{background-color:#d3d3d3}.sidebar .sidebar-content .sidebar-nav .property-container .property span.status.medium{background-color:gold}.sidebar .sidebar-content .sidebar-nav .property-container .property span.status.alert{background-color:tomato}.sidebar .sidebar-content .sidebar-nav .property-container .property div.status>div{width:85px}.OverlayWeatherSimulation{position:absolute;top:75px;left:75px;width:100px;height:100px;background-color:var(--tool-bg-color);border-color:var(--tool-border-color);border-width:var(--tool-border-width);border-style:solid;border-radius:5px;background-image:url(/night-showers-svgrepo-com.svg);background-position:50% 50%;background-size:100% 100%;background-repeat:no-repeat}.OverlayWeatherSimulation .weather-live-indicator{position:absolute;top:-20px;right:50%;width:200px;transform:translate(50%);display:flex;flex-direction:column;justify-content:center;align-items:center}.OverlayWeatherSimulation .weather-live-indicator>span{display:flex;flex-direction:row;transform:translate(-4px)}.OverlayWeatherSimulation .weather-live-indicator .indicator{width:15px;height:15px;border-radius:50%;background-color:#90ee90;box-shadow:0 0 5px #0000001a;margin-right:7px;transform:translateY(2px)}@font-face{font-family:TTNorms-Black;src:url(/fonts/TTNorms-Black.otf) format("opentype")}@font-face{font-family:TTNorms-BlackItalic;src:url(/fonts/TTNorms-BlackItalic.otf) format("opentype")}@font-face{font-family:TTNorms-Bold;src:url(/fonts/TTNorms-Bold.otf) format("opentype")}@font-face{font-family:TTNorms-BoldItalic;src:url(/fonts/TTNorms-BoldItalic.otf) format("opentype")}@font-face{font-family:TTNorms-ExtraBold;src:url(/fonts/TTNorms-ExtraBold.otf) format("opentype")}@font-face{font-family:TTNorms-ExtraBoldItalic;src:url(/fonts/TTNorms-ExtraBoldItalic.otf) format("opentype")}@font-face{font-family:TTNorms-ExtraLight;src:url(/fonts/TTNorms-ExtraLight.otf) format("opentype")}@font-face{font-family:TTNorms-ExtraLightItalic;src:url(/fonts/TTNorms-ExtraLightItalic.otf) format("opentype")}@font-face{font-family:TTNorms-Italic;src:url(/fonts/TTNorms-Italic.otf) format("opentype")}@font-face{font-family:TTNorms-Light;src:url(/fonts/TTNorms-Light.otf) format("opentype")}@font-face{font-family:TTNorms-LightItalic;src:url(/fonts/TTNorms-LightItalic.otf) format("opentype")}@font-face{font-family:TTNorms-Medium;src:url(/fonts/TTNorms-Medium.otf) format("opentype")}@font-face{font-family:TTNorms-MediumItalic;src:url(/fonts/TTNorms-MediumItalic.otf) format("opentype")}@font-face{font-family:TTNorms-Regular;src:url(/fonts/TTNorms-Regular.otf) format("opentype")}@font-face{font-family:TTNorms-Thin;src:url(/fonts/TTNorms-Thin.otf) format("opentype")}@font-face{font-family:TTNorms-ThinItalic;src:url(/fonts/TTNorms-ThinItalic.otf) format("opentype")}@font-face{font-family:TTNorms-ExtraBold;src:url(/fonts/TTNorms-ExtraBold.otf) format("opentype")}@font-face{font-family:TTNorms-ExtraBoldItalic;src:url(/fonts/TTNorms-ExtraBoldItalic.otf) format("opentype")}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.login-box{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:8px;background-color:var(--tool-bg-color);border:1px solid var(--tool-border-color);box-shadow:0 4px 8px #0000001a;width:400px;height:480px;position:relative}.login-box .bottom-bar{height:40px;position:absolute;bottom:10px;right:10px;width:200px;text-align:center;background-color:#eee}.login-box .welcome-text{width:70%;font-size:small;color:gray;text-align:center;margin-bottom:30px}.login-box .logo-container{display:flex;justify-content:center;align-items:center;padding:30px;margin-top:10px;font-size:1.6rem;user-select:none;-webkit-user-select:none}.login-box .logo-container .logo{display:flex;align-items:center;font-family:TTNorms-Bold;color:var(--brand-color-dark)}.login-box .logo-container .product{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:TTNorms-Regular;margin-left:0;color:var(--brand-color-dark)}.login-box .logo-container .product :first-letter{transform:rotate(180deg)}form{width:82%;display:flex;flex-direction:column}form.form-auth-code{position:relative}form.form-auth-code .OTPInput{margin-top:18px;display:flex;width:100%;justify-content:space-between}form.form-auth-code .OTPInput .OTPInput__input{min-width:2rem;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:center;align-items:center}form.form-auth-code .OTPInput .OTPInput__input:not(:last-child){margin-right:2px}form.form-auth-code input:not([type=checkbox]){padding:0;background-color:transparent;border:none;z-index:1;overflow:hidden;height:2.5rem;width:30rem;font-size:1.5rem;font-weight:900}form input:not([type=checkbox]){margin-bottom:25px;margin-top:18px;padding:15px;border:1px solid #ddd;border-radius:4px;font-size:16px;font-family:TTNorms-Regular}form input:not([type=checkbox]):focus{outline:none;border-color:var(--brand-color-dark)}div.keep-signed-in{margin-top:10px;display:flex}div.keep-signed-in input{margin-right:8px;accent-color:var(--brand-color-dark)}div.keep-signed-in label{font-family:TTNorms-Regular;font-size:.8rem;height:100%;display:inline-flex;justify-content:center;user-select:none;-webkit-user-select:none}button{padding:10px;border:none;border-radius:4px;background-color:var(--brand-color-dark);color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease;margin-top:15px;font-family:TTNorms-Regular}button.loading{background-color:#ccc;cursor:not-allowed;display:flex;justify-content:center;align-items:center}.error{color:#dc3545;margin-bottom:15px}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-DIEz8p5i.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-BmJJXa8e.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-D5AYLNiq.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-DyIDNIyN.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-_GQuwPVU.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-CN1pIXkb.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-BgVq2Tq4.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
