html,body,#root,.app{height:100dvh;width:100dvw;display:block;overflow:hidden}html,body{overscroll-behavior-x:none;overscroll-behavior-y:none}input{box-shadow:var(--default-box-shadow);font-size:var(--default-small-text-size);border:1px solid gray;border-radius:var(--default-border-radius);text-indent:5px;height:35px;width:100%}:root{--default-vrmwb-color: #03AB6D}body{--default-incident-color: #FF9D00;--default-vrmwb-color: #03AB6D;--default-background-color: #fdfdfd;--default-primary-color: #D0021B;--default-text-color: #707172;--default-text-color-lighter: #ababad;--default-text-color-darker: #000000;--default-warning-color: #FFCC00;--default-info-color: #2196F3;--default-success-color: #4CAF50;--default-error-color: #D0021B;--default-box-shadow: rgba(0, 0, 0, .16) 0px 1px 4px;--default-button-height: 75px;--default-button-width: 75px;--default-border-radius: 5px;--default-transition-width: width .6s ease;--default-transition: all .6 ease;--default-modal-background: rgba(255, 255, 255, .7);--default-active-color: #00448a;--default-inactive-color: #707172;--default-text-size: 18px;--default-small-text-size: 14px;--default-big-text-size: 24px;--default-input-background: #f1f1f1 0% 0% no-repeat padding-box;--default-input-invalid-background: #D0021B20 0% 0% no-repeat padding-box;--default-input-box-shadow: 0px 2px 4px rgb(81 81 81 / 16%);--default-input-border-radius: 12px;--default-input-font-size: 15px;--default-input-font-family: "Roboto", "Helvetica", "Arial", --default-input-height: 35px;--default-input-text-indent: 10px;--toastify-font-family: "Roboto", "Helvetica", "Arial", sans-serif;--toastify-toast-width: 250px;--toastify-toast-min-height: 50px;--toastify-toast-padding: 5px;--toastify-toast-bd-radius: var(--default-border-radius);--toastify-toast-shadow: var(--default-box-shadow);--toastify-toast-max-height: 50px;--toastify-text-color-info: #fff;--toastify-color-info: var(--default-primary-color);--toastify-icon-color-info: var(--toastify-text-color-info)}body .mapboxgl-ctrl-bottom-right{bottom:90px!important;right:7.5px}body .flex{display:flex}body .flex.column{flex-direction:row}body #streetSmartContainer{position:absolute;left:16px;top:16px;z-index:999}body #root:has(#update-bar){height:calc(100% - 50px)}body .top-bar{width:100%;height:50px;display:flex;justify-content:center;align-items:center}body .App{position:relative;width:100%;height:100%}body .dark{--default-background-color: #0d0d0d;--default-input-background: #5C5556 0% 0% no-repeat padding-box;--default-text-color: #e0e0e0;--default-text-color-darker: #FFFFFF;--default-primary-color: #d9001b;--default-vrmwb-color: #03AB6D;--default-input-background: #3e3e3e}body .dark hr{border-bottom:1px solid #5C5556!important}body .mobile{--default-text-size: 16px;--default-small-text-size: 14px;--default-big-text-size: 20px}.modern{background-color:var(--default-background-color)!important;color:var(--default-primary-color)!important;border-radius:var(--default-border-radius)!important;text-align:center!important;height:30px!important;justify-content:space-evenly;align-items:center}.modern .Toastify__toast-icon svg{background-color:#fff!important;margin-inline-end:0px!important}.modern .Toastify__close-button{position:relative;top:0;right:0;color:var(--default-primary-color)!important;opacity:1!important;height:16px;width:14px}.mapboxgl-marker{pointer-events:none!important}.vehicle-marker{height:75px;width:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none!important}.vehicle-marker .icon,.vehicle-marker .info{pointer-events:all}.vehicle-marker.outOfService .icon img{filter:grayscale(1)}.vehicle-marker.userPosition .icon img{border:2px solid blue;border-radius:50%;padding:2px}.vehicle-marker .icon{position:relative;display:block;height:50px;width:50px}.vehicle-marker .icon img{height:50px;width:50px}.vehicle-marker .direction-arrow{width:24px;height:24px;color:#2196f3;pointer-events:none;display:inline-grid;place-items:center;line-height:0}.vehicle-marker .direction-arrow-inner{width:24px;height:24px;transform-origin:50% 50%;display:inline-grid;place-items:center;line-height:0}.vehicle-marker .direction-arrow svg{width:100%;height:100%;display:block;transform-box:fill-box}.vehicle-marker .codeVoertuigSoort{font-size:15px;font-weight:700}.vehicle-marker .info{display:flex;flex-direction:row;align-items:center;gap:5px;margin-top:-15px;justify-content:center;background-color:var(--default-background-color);color:var(--default-text-color-darker);padding:0 5px;font-size:15px;box-shadow:var(--default-box-shadow);border-radius:var(--default-border-radius)}.fullscreen-loading-container{width:80px;margin:0 auto}.fullscreen-loading-container p{font-family:Roboto,Helvetica,Arial,sans-serif}.critical-error-wrapper{margin:0 auto;width:700px;position:absolute;top:calc(50% - 200px);left:calc(50% - 350px)}.critical-error-wrapper h4{color:var(--default-text-color);text-align:center;margin-top:30px}.critical-error-wrapper .vrwmb-logo{margin:0 auto;display:block;width:400px}.critical-error-wrapper a{color:var(--default-primary-color);text-decoration:underline}.critical-error-wrapper p{color:var(--default-text-color);text-align:center;margin-top:10px}.map-copyright{display:none!important}.MuiModal-root{background:var(--default-modal-background)!important}#map-viewer-container{position:absolute;width:100%;min-width:290px;height:100%;min-height:600px;z-index:1}.hidden{display:none}.userMarker .pin{width:30px;height:30px;border-radius:50% 50% 50% 0;background:#00f;position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-20px 0 0 -20px}.userMarker .pin:after{content:"";width:14px;height:14px;margin:8px 0 0 8px;background:#fff;position:absolute;border-radius:50%}.userMarker .pulse{background:#00f;opacity:.3;border-radius:50%;height:14px;width:14px;position:absolute;left:50%;top:50%;margin:7px 0 0 -21px;z-index:-2}.userMarker .pulse:after{content:"";border-radius:50%;height:40px;width:40px;position:absolute;margin:-13px 0 0 -13px;animation:pulsate 1s ease-out;animation-iteration-count:infinite;opacity:0;box-shadow:0 0 1px 2px #00f;animation-delay:1.1s}.pulseIcon{display:block;width:30px;height:30px;border-radius:50%;background:var(--default-incident-color);border:2px solid white;cursor:pointer;box-shadow:0 0 #0cf6;animation:pulse 3s infinite}.nabijIncident{display:block;width:20px;height:20px;border-radius:50%;background:#fff;opacity:.8;z-index:1;pointer-events:all!important;border:4px solid var(--default-incident-color);cursor:pointer;box-shadow:0 0 #0cf6;animation:pulseSmall 3s infinite}.pulseIcon:hover{animation:none}@keyframes pulse{0%{box-shadow:0 0 #0cf6}70%{box-shadow:0 0 0 50px #0cf0}to{box-shadow:0 0 #0cf0}}@keyframes pulseSmall{0%{box-shadow:0 0 #0cf6}70%{box-shadow:0 0 0 25px #0cf0}to{box-shadow:0 0 #0cf0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}.ripple{background-position:center;transition:background .8s}.ripple:hover{background:#47a7f5 radial-gradient(circle,transparent 1%,#47a7f5 1%) center/15000%}.ripple:active{background-color:#6eb9f7;background-size:100%;transition:background 0s}.icon-button{border-radius:var(--default-border-radius);color:var(--default-primary-color);width:var(--default-button-width);height:var(--default-button-height);box-shadow:var(--default-box-shadow);background:var(--default-background-color);z-index:999;overflow:hidden;float:right;border:none}.icon-button svg{width:35px;height:35px;vertical-align:middle}.icon-button.inverted{background:var(--default-primary-color);color:var(--default-background-color)}*{box-sizing:border-box;padding:0;margin:0}.toggle-button{width:100%;margin:20px;border-radius:25px}.toggle-button .MuiToggleButton-root{height:50px;background:var(--default-background-color);color:var(--default-text-color);border:2px solid var(--default-primary-color)!important}.toggle-button .MuiToggleButton-root:first-child{border-radius:var(--default-border-radius) 0 0 var(--default-border-radius)}.toggle-button .MuiToggleButton-root:not(:first-of-type){border-radius:0 var(--default-border-radius) var(--default-border-radius) 0}.toggle-button .Mui-selected{background-color:var(--default-primary-color)!important;color:#fff!important;border-radius:var(--default-border-radius) 0 0 var(--default-border-radius)}.mobile #left-panel{width:100%}.mobile #left-panel #app-left-wrapper,.mobile #left-panel #app-left-panel{width:calc(100% - 15px)}.mobile #left-panel #app-left-wrapper #embedded-streetview,.mobile #left-panel #app-left-panel #embedded-streetview{height:200px}.mobile #left-panel #app-left-wrapper #incident-description,.mobile #left-panel #app-left-wrapper #incident-location,.mobile #left-panel #app-left-panel #incident-description,.mobile #left-panel #app-left-panel #incident-location{font-size:19px}select{all:unset;display:inline-block;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;outline:none;background:none;padding:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;width:auto}select:focus{outline:none}select option{all:unset}._loadingComponent_addwz_1,._loadingComponent_addwz_1 div{box-sizing:border-box}._loadingComponent_addwz_1{color:var(--default-primary-color);scale:.7;display:inline-block;position:relative;width:80px;height:80px}._loadingComponent_addwz_1 div{display:inline-block;position:absolute;left:8px;width:16px;background:currentColor;animation:_loadingComponent_addwz_1 1.2s cubic-bezier(0,.5,.5,1) infinite}._loadingComponent_addwz_1 div:nth-child(1){left:8px;animation-delay:-.24s}._loadingComponent_addwz_1 div:nth-child(2){left:32px;animation-delay:-.12s}._loadingComponent_addwz_1 div:nth-child(3){left:56px;animation-delay:0s}@keyframes _loadingComponent_addwz_1{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}