.menu{position:fixed;overflow:hidden;background:#000;background:var(--menuBackgroundColor);z-index:100}.menu .bottom,.menu .top{position:absolute;display:flex}.menu.hidable{position:fixed;transition:all .2s;z-index:101}.menu .button{color:#fff}.menu .button.round{--buttonSize:calc(var(--menuSize) - 1rem);margin:1rem}@media (min-width:1024px){.menu .button.round{--buttonSize:calc(var(--menuSize) - 2rem)}}@media (orientation:portrait){.menu{left:0;bottom:0;width:100%;height:var(--menuSize)}.menu .bottom,.menu .top{right:0;top:0}.menu.hidable{transform:translateY(100%)}.menu.hidable.open{transform:translateY(0)}.menu .button.round{margin:.5rem 1rem}}@media (orientation:landscape){.menu{right:0;top:0;height:100%;width:var(--menuSize)}.menu .top{right:0;bottom:0;flex-direction:column}.menu .bottom{right:0;top:0}.menu.hidable{transform:translateX(100%)}.menu.hidable.open{transform:translateX(0)}}.loading-loader{--width:200px;--height:200px;background:var(--backgroundColor);border-radius:50%;position:relative;width:calc(var(--width) + 50px);height:calc(var(--height) + 50px)}@keyframes outerRotate1{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes outerRotate2{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes textColour{0%{color:#fff}to{color:#3bb2d0}}.loading-loader .e-loadholder{position:absolute;top:50%;left:50%;transform:translate(-51%,-50%);width:var(--width);height:var(--height);border:5px solid #1b5f70;border-radius:120px;box-sizing:border-box}.loading-loader .e-loadholder:after{position:absolute;top:50%;left:50%;transform:translate(-51%,-50%);content:" ";display:block;background:var(--backgroundColor);transform-origin:center;z-index:0;width:100px;height:200px;border-radius:25px;animation:outerRotate2 6s linear infinite}.loading-loader .e-loadholder .m-loader{position:absolute;top:50%;left:50%;transform:translate(-51%,-50%);width:150px;height:150px;text-align:center;border:5px solid #2a93ae;border-radius:50%;box-sizing:border-box;z-index:20;text-transform:uppercase}.loading-loader .e-loadholder .m-loader:after{position:absolute;top:50%;left:50%;transform:translate(-51%,-50%);content:" ";display:block;background:var(--backgroundColor);transform-origin:center;z-index:-1;border:1px solid var(--backgroundColor);width:100px;height:106%;animation:outerRotate1 15s linear infinite}.loading-loader .e-loadholder .m-loader .e-text{font-size:14px;font-size:1.4rem;line-height:130px;position:absolute;top:50%;left:50%;transform:translate(-51%,-50%);animation:textColour 1s linear infinite alternate;display:block;width:140px;height:140px;text-align:center;border:5px solid #3bb2d0;border-radius:70px;box-sizing:border-box;z-index:20}.loading-loader .e-loadholder .m-loader .e-text:after,.loading-loader .e-loadholder .m-loader .e-text:before{position:absolute;top:50%;left:50%;transform:translate(-51%,-50%);content:" ";display:block;background:var(--backgroundColor);transform-origin:center;z-index:-1}.loading-loader .e-loadholder .m-loader .e-text:before{width:110%;height:40px;animation:outerRotate2 4s linear infinite}.loading-loader .e-loadholder .m-loader .e-text:after{width:40px;height:110%;animation:outerRotate1 8s linear infinite}.slate{width:100%;height:100%;position:relative;overflow:hidden}.slate .centerer{position:absolute;width:100%;height:100%;left:0;top:0;transition:all .3s;transform-style:preserve-3d}.slate .centerer .slate-content{position:absolute;left:0;top:0;z-index:9}.slate .background{position:relative;z-index:1;width:100%;height:100%;overflow:hidden}.heatmap{position:relative}.heatmap .range{position:absolute;z-index:2;left:0;bottom:0}.heatmap .range .block{width:10px;height:1px}.heatmap-select{position:absolute;width:100%;height:100%;z-index:100}.heatmap-select-info{position:absolute;left:0;background:rgba(0,0,0,.75);padding:.5rem;width:100%;z-index:1000;font-size:12px;color:#fff}.heatmap-select-info div{display:inline-block;margin:0 2rem .5rem 0}.heatmap-selected-drawing{position:absolute;left:0;top:0;z-index:2}.ratio .ratio-container{width:100%;padding-top:100%;position:relative}.ratio .ratio-square{position:absolute;top:0;left:0;bottom:0;right:0}.input.select{position:relative;padding:5px 0;width:100%}.input.select .selection{width:100%;height:25px;display:flex;position:relative;align-items:center;cursor:pointer}.input.select .selection .opts{margin:0 10px 0 0}.input.select .selection .search{background:none;border:0;outline:none;z-index:1;color:#fff;flex:1 1;min-width:0}.input.select .selection .arrow{margin-left:auto}.input.select .selection .searching{margin-right:10px}.input.select .selection .searching.active{color:var(--activeTextColor)}.input.select .selection.has-value .search::-webkit-input-placeholder{color:#fff}.input.select .selection.has-value .search:-ms-input-placeholder{color:#fff}.input.select .selection.has-value .search::placeholder{color:#fff}.input.select .selection.has-values .values{display:flex;max-width:70%}.input.select .selection.has-values .values .value{display:flex;overflow:hidden;margin:0 5px 0 0;padding:2px;font-size:13px;align-items:center;cursor:pointer}.input.select .selection.has-values .values .value span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input.select .selection.has-values .values .value i{margin:0 0 0 5px}.input.select .selection.has-values .values .value:hover i{color:var(--hoverTextColor)}.input.select .list-container{position:absolute;left:0;top:35px;width:100%;height:0;overflow:hidden;transition:all .2s;z-index:10;box-shadow:var(--boxShadow)}.input.select .list-container .list{background:var(--backgroundColor);overflow:auto;width:100%;height:100%;padding:5px}.input.select .list-container .list .option{padding:15px 0;box-shadow:inset 0 -1px 0 0 var(--separatorColor);display:flex;align-items:center;cursor:pointer;font-size:14px;--buttonSize:20px}.input.select .list-container .list .option:before{content:".";display:inline-block;width:var(--buttonSize);height:var(--buttonSize);background:none;border:1px solid var(--borderColor);z-index:1;color:transparent;font-size:var(--buttonSize);text-align:center;line-height:var(--buttonSize);margin:0 10px 0 5px}.input.select .list-container .list .option.selected:before{content:"\2713";color:#fff}.input.select .list-container .list .group{padding:0 20px}.input.select .list-container .list .group .name{position:relative;left:-15px;padding:15px 0 0;font-size:16px}.input.select .list-container .list .no-options{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px}.input.select.open .list-container{height:200px}.restitution{width:100%;height:100%;position:relative;overflow:hidden}.restitution .scale{background:linear-gradient(0,#00f 40%,#0ff 60%,#0f0 70%,#ff0 80%,red);position:absolute;left:0;bottom:0;height:100px;width:30px;z-index:2}.restitution .slides{transform:rotate(-90deg)}.restitution .settings{position:absolute;right:0;top:0;width:90%;height:100%;background:var(--panelBackgroundColor);z-index:90;transition:all .2s;transform:translateX(100%);overflow:auto;border-left:1px solid var(--borderColor)}.restitution .settings.rendering{width:200px}.restitution .settings.open{transform:translateX(0)}.restitution .settings .settings-content{padding:10px;width:100%;height:100%}.restitution .settings .sliders{height:50%;width:100%;display:flex;justify-content:center;margin:30px 0 0}.restitution .settings .sliders .sl-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.restitution .settings .sliders .sl-container .label{margin:20px 0 0;font-size:10px}.restitution .settings .sliders .sl-container .value{margin:0 0 10px;font-size:20px}.restitution .settings .sliders .sl-container.disabled{pointer-events:none;opacity:.5}.restitution .settings .generate,.restitution .settings .select{width:100%!important}.restitution .settings .rendering .value{display:flex;align-items:center}.restitution .settings .rendering .value>*{flex-grow:1}.restitution .settings .survey-settings{position:relative;border:1px solid var(--borderColor);padding:20px}.restitution .settings .survey-settings .label{font-size:15px}.restitution .settings .survey-settings .title{position:absolute;font-size:20px;margin:0;padding:0;z-index:1;height:auto;left:20px;top:-13px}.restitution .sessions{width:100%;height:100%;overflow:auto;display:flex;flex-direction:row}.restitution .sessions .session{padding:0 1rem;width:100%;height:100%}.restitution .sessions .session .name{height:25px;padding:2px;text-align:center}.restitution .sessions .session .slate{height:calc(100% - 25px)}.restitution .sessions .session-container{width:100%;height:100%;display:flex}.restitution .sessions .session-survey{width:40%;font-size:.8rem;display:none}.restitution__disabled{opacity:0;pointer-events:none}.restitution__end{display:flex;flex-direction:column;align-items:center;justify-content:center}.restitution__end-button{margin-top:2rem}.restitution .close{position:absolute;top:5px;right:5px;cursor:pointer;display:none}@media (min-width:400px){.restitution .settings{width:60%}}@media (min-width:750px){.restitution .settings{width:50%}.restitution .settings.rendering{width:300px}}@media (min-width:1000px){.restitution .settings{width:40%}}.print .tabs .toolbar{display:none}.print .tabs .tabs-container{height:100%}.print .menu{display:none}.print .restitution{padding:0}.print .restitution .sessions{overflow:hidden}.print .restitution .close,.print .restitution .session-survey{display:block}.explanation{top:0;left:0;width:100%;height:100%;z-index:100;display:flex;flex-direction:column;background:var(--backgroundColor);color:#000}.explanation-drawings{height:70%}.explanation-drawings .drawing{position:absolute;left:0;top:0}.explanation-container{flex-grow:1;display:flex;flex-direction:column;min-height:30vh}.explanation-commands{flex-grow:1;position:relative}.explanation-info{border-top:1px solid hsla(0,0%,100%,.5);padding:.5rem;overflow:auto;position:absolute;left:0;top:0;right:0;bottom:0}.explanation-actions{display:flex;flex-direction:row;justify-content:space-evenly;padding:.5rem 0}.explanation-actions.disabled{pointer-events:none}.explanation-action{cursor:pointer;padding:1vw!important;width:auto!important}.explanation-action.selected{color:var(--hoverTextColor);border-color:var(--hoverTextColor)}.explanation-action-navigate{border-top:1px solid hsla(0,0%,100%,.5);position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:row}.explanation-action-navigate .explanation-text{overflow:auto;padding:.5rem;text-align:justify;flex-grow:1}@media (min-width:1024px){.explanation-action-navigate .explanation-text{font-size:1rem;text-align:justify;padding:0 3rem;display:flex;justify-content:center;align-items:center}}.explanation-action-navigate .arrow-left{margin-left:1rem}.explanation-action-navigate .arrow-right{margin-right:1rem}.explanation-action-navigate .arrow-left,.explanation-action-navigate .arrow-right{display:flex;align-items:center}.explanation-action-navigate .arrow-left .button,.explanation-action-navigate .arrow-right .button{transform:scale(.8);color:var(--roundedInputBackgroundColor)!important;background:#fff;border:1px solid var(--roundedInputBackgroundColor)}.explanation-default{border-top:1px solid hsla(0,0%,100%,.5);display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;height:100%}.explanation._dummy>.close{display:none}.explanation__actions{position:absolute;right:1rem;top:1rem}.explanation__actions .button{margin-bottom:1rem!important;color:#fff!important}@media (orientation:portrait){.explanation__actions .button{--buttonSize:calc(var(--menuSize) - 2vh);margin:1vh}}@media (orientation:landscape){.explanation__actions .button{--buttonSize:calc(var(--menuSize) - 2vw);margin:1vw}}.information{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:fixed;background:#fff;z-index:100000;font-size:1rem}.information span{font-size:1rem;margin:0 0 25px;text-align:justify}@media (min-width:1024px){.information span{margin:0 20% 20px}}.next-background{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}.next-background .delay-bar{width:100%;height:.5rem;position:relative;background:rgba(17,17,17,.3)}.next-background .delay-bar__content{width:1px;height:100%;position:absolute;background-color:var(--borderColor);animation:animate-delay 3s linear}.next-background p{margin:0 0 2rem}.next-background__button{margin:0!important;padding:0!important;overflow:hidden}.next-background__button span{display:block;margin:1rem 0}@keyframes animate-delay{0%{width:100%}to{width:1px}}.viewer,.viewer .sessions{width:100%;height:100%}.viewer .sessions{overflow:auto}.viewer .sessions .ratio{width:calc(50% - 10px);border:1px solid var(--borderColor);padding:5px;margin:5px;display:inline-block}.viewer .sessions .session{width:100%;height:100%;position:relative}.viewer .sessions .session .name{height:25px;padding:5px;text-align:center}.viewer .sessions .session .slate{height:calc(100% - 25px)}@font-face{font-family:"ikonikat";src:url(/static/media/ikonikat.6da50a65.eot?#iefix) format("embedded-opentype"),url(/static/media/ikonikat.bc2445c2.woff2) format("woff2"),url(/static/media/ikonikat.d202d346.woff) format("woff"),url(/static/media/ikonikat.4f5334fb.ttf) format("truetype"),url(/static/media/ikonikat.be81cbf8.svg#ikonikat) format("svg")}i[class*=" icon-"]:before,i[class^=icon-]:before{font-family:ikonikat!important;font-style:normal;font-weight:400!important;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-logo:before{content:"\f101"}.icon-mode0:before{content:"\f102"}.icon-mode1:before{content:"\f103"}.icon-mode2:before{content:"\f104"}.icon-multitouch:before{content:"\f105"}html{--fontFamily:"Verdana",sans-serif;--textColor:#fff;--labelColor:#47f3a9;--panelBackgroundColor:#2d3035;--hoverBorderColor:#90e5f3;--hoverTextColor:#90e5f3;--activeBackgroundColor:#54b0fc;--overlayBackground:#000;--menuBackgroundColor:#000;--menuBorderColor:#fff;--inputBackgroundColor:#133558;--surveySelectedColor:#071831}html,html .end,html .explanation,html .layout,html .loading-loader,html .overlay,html .restitution,html .single,html .survey,html .timeline,html .tutorial{--backgroundColor:#fff;--borderColor:#1576bf;--boxShadow:0 6px 10px rgba(0,0,0,0.4);--boxShadow-glow:0 6px 10px rgba(0,0,0,0.4),1px 0px 5px 1px rgba(108,212,202,0.4);--separatorColor:#444;--activeBorderColor:#d4ffcc;--activeTextColor:#36e631;--warningColor:#fd7070;--drawerSelectedDrawingBackgroundColor:rgba(0,0,0,0.5);--inputBorderColor:var(--borderColor);--roundedInputBackgroundColor:#0c69b5;--roundedInputBorderColor:transparent;--progressBarBackgroundColor:grey;--surveyBorderColor:#0f4a79}html .end,html .explanation,html .layout,html .loading-loader,html .overlay,html .restitution,html .single,html .survey,html .timeline,html .tutorial{--textColor:#000;--labelColor:#1c86c4;--panelBackgroundColor:#fff;--hoverBorderColor:#38aaf7;--hoverTextColor:#1c86c4;--overlayBackground:#fff;--menuBackgroundColor:#fff;--menuBorderColor:#000;--inputBackgroundColor:#fff;--surveySelectedColor:#adc5e7}@media (orientation:portrait){html{--menuSize:10vh}}@media (orientation:portrait) and (min-height:768px){html{--menuSize:80px}}@media (orientation:landscape){html{--menuSize:10vw}}@media (orientation:landscape) and (min-width:768px){html{--menuSize:80px}}body,html{position:fixed;overflow-y:hidden}#root,body,html{margin:0;padding:0;width:100%;height:100%;color:var(--textColor)}*{box-sizing:border-box}.test-cookies{position:absolute;left:0;top:0;z-index:1000000;background:red}.drawer-container{position:relative;overflow:hidden;width:100%;height:100%}.tools{padding:20px;height:100%;--buttonSize:55px}.tools .tool{width:100%;padding:20px 0;display:flex;flex-direction:row;align-items:center}.tools .tool>div{align-self:bottom;margin-left:auto}.tools .tool .max-drawings{display:flex;align-items:center}.tools .tool .max-drawings .button{flex-grow:1}.tools .tool .max-drawings span{display:inline-block;width:50px;text-align:center;font-size:25px}.tools .tool .max-drawings.disabled{pointer-events:none;opacity:.4}.tools .tool .lang{align-self:bottom;margin-left:auto;display:flex}.tools .tool .lang .button{margin:0 0 0 10px}.overlay.help{--buttonSize:50px;display:flex;flex-direction:column}@media (min-width:1024px){.overlay.help{padding:0 20%}.overlay.help .overlay__close{margin-top:0}}.overlay.help .items .item{padding:1rem;display:flex;align-items:center;margin:0 0 1rem}.overlay.help .items .item.no-icon{justify-content:center}.overlay.help .items .item.no-icon .desc{margin:0}.overlay.help .items .item .desc{margin:0 0 0 1rem}.overlay.help .items .item .help-text-button{display:inline-flex;transform:scale(.8);color:#fff}.end-session{padding:1rem;z-index:10000000000;background:red;position:fixed;position:device-fixed;left:0;top:0}.end-session button{margin-bottom:2rem}.end-session button.end-session-button{margin-top:2rem}.single-help-title{font-weight:700}
/*# sourceMappingURL=main.1b01e0c6.chunk.css.map */