.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-map-pane svg,.leaflet-map-pane canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden;-ms-touch-action:none;touch-action:none}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive{pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-control-zoom-out{font-size:20px}.leaflet-touch .leaflet-control-zoom-in{font-size:22px}.leaflet-touch .leaflet-control-zoom-out{font-size:24px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:rgba(255,255,255,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{margin:0 auto;width:40px;height:20px;position:relative;overflow:hidden}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:white;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);--padding-1: 2rem;--padding-2: 1rem;--space: 1rem;--text-1:black;--text-2:#383838;--text-3:#666666;--border-radius: 2rem;--btn-color:black;--btn-text: white;--btn-padding: 1rem;--btn-border:.1rem;--btn-border: .1rem solid white;--btn-icon-size: 60%;--bg-color-1:white;--bg-color-2: #f1f1f1;--bg-transparent-1: rgba(231, 231, 231, .5);--bg-blur: blur(3px);--bg-black-transparent: rgba(0,0,0,.3);--accent:#c0f1d7;--accent-dark:#66b888;--accent-darkest:#419263}@media (prefers-color-scheme: dark){*{--btn-color:white;--btn-text: black;--btn-padding: 1rem;--btn-border:.1rem;--text-1:rgb(255, 255, 255);--text-2:#dddddd;--text-3:#c2c2c2;--btn-border: .1rem solid white;--btn-icon-size: 60%;--bg-color-1:#1f1b24;--bg-color-2: #2e2d31;--bg-transparent-1: rgba(231, 231, 231, .5);--bg-blur: blur(3px);--bg-black-transparent: rgba(0,0,0,.3);--accent:#c0f1d7;--accent-dark:#66b888;--accent-darkest:#419263}}body,html,#app{margin:0;padding:0}.btn{width:3rem;height:3rem;background-color:var(--bg-transparent-1);backdrop-filter:var(--bg-blur);border-radius:100%;display:flex;justify-content:center;align-items:center;border:var(--btn-border)}.btn img{width:var(--btn-icon-size);height:var(--btn-icon-size)}.bck{position:absolute;top:var(--padding-1);left:var(--padding-1);z-index:4}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}#app{background-color:var(--bg-color-1)}a{text-decoration:none}.backdrop{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;background-color:var(--bg-transparent-1);backdrop-filter:var(--bg-blur);transition:.1s linear;transition-delay:.2s}.backdrop[opened=false]{pointer-events:none;opacity:0;transition-delay:0s}.overlayContainer{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto;transition:.4s cubic-bezier(.445,.05,.55,.95)}.overlayContainer[opened=false]{pointer-events:none;transform:translateY(100vh)}.overlayContainer .overlay{width:100%;margin-top:100svh;height:max(auto,80svh);background-color:var(--bg-color-1);display:flex;flex-direction:column;position:relative;border-radius:var(--border-radius) var(--border-radius) 0 0}.overlayContainer .overlay .overlayTop{border-radius:var(--border-radius) var(--border-radius) 0 0;overflow:hidden;width:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:center;position:relative}.overlayContainer .overlay .overlayTop .grabHandle{position:absolute;top:calc(var(--padding-1) / 2);width:40%;left:30%;height:.5rem;border-radius:100vmax;background-color:var(--bg-transparent-1);backdrop-filter:var(--bg-blur);z-index:2}.overlayContainer .overlay .overlayTop img{width:100%;height:64.2857142857vw;object-fit:cover;background-color:var(--bg-color-2);position:relative;z-index:1}.overlayContainer .overlay .overlayTop:before{position:absolute;width:100%;height:var(--padding-1);border-radius:var(--border-radius) var(--border-radius) 0 0;content:"";bottom:0;left:0;background-color:var(--bg-color-1);z-index:3}.overlayContainer .overlay .overlayContent{padding:var(--padding-1);padding-top:0;width:100%;display:flex;flex-direction:column;gap:var(--space);border-radius:var(--border-radius) var(--border-radius) 0 0;color:var(--text-3)}.overlayContainer .overlay .overlayContent .assignment{display:flex;flex-direction:column;gap:var(--space);margin-bottom:var(--padding-1)}.overlayContainer .overlay .overlayContent .assignment h3{margin:0;padding:0}.overlayContainer .overlay .overlayContent .assignment .step{display:flex;gap:var(--space);align-items:flex-start}.overlayContainer .overlay .overlayContent .assignment .step .index{display:flex;align-items:center;justify-content:center;border-radius:100vmax;flex-basis:calc(var(--padding-1) * 1.5);flex-grow:0;flex-shrink:0;font-size:calc(var(--padding-1) * .7);height:calc(var(--padding-1) * 1.5);background-color:var(--accent);color:#000}.overlayContainer .overlay .overlayContent .assignment .step .stepInfo{background-color:var(--bg-color-2);padding:var(--padding-1);border-radius:0 var(--border-radius) var(--border-radius) var(--border-radius);flex-direction:column;display:flex}.overlayContainer .overlay .overlayContent .assignment .step .stepInfo h4{color:var(--text-2);font-size:1rem;width:100%}.overlayContainer .overlay .overlayContent .assignment .step p{color:var(--text-3);font-size:.9rem;margin:0}.overlayContainer .overlay .overlayContent .tabs{width:calc(100% + var(--padding-1) * 2);margin-left:calc(var(--padding-1) * -1);padding:0 var(--padding-1);overflow-x:auto;display:flex;padding-bottom:1rem;gap:var(--space)}.overlayContainer .overlay .overlayContent .tabs .tab{padding:var(--padding-2) calc(var(--padding-2) * 2);background-color:var(--bg-color-2);border-radius:100vmax;position:relative;white-space:nowrap}.overlayContainer .overlay .overlayContent .tabs .tab[active=true]{background-color:var(--accent);color:#000}.overlayContainer .overlay .overlayContent .tabContent span{display:block;color:var(--text-2);width:100%;overflow-x:auto;font-size:.6rem}.overlayContainer .overlay .overlayContent .tabContent img{width:100%;border-radius:var(--border-radius)}.overlayContainer .overlay .overlayContent h2{margin:0;padding:0;color:var(--text-1)}.overlayContainer .overlay .overlayContent h4{margin:0;padding:0;font-weight:500;color:var(--text-2)}.footer{position:fixed;bottom:0;width:100%;z-index:3;padding:var(--padding-2);padding-top:0;display:flex;gap:var(--space);transition:.2s cubic-bezier(.445,.05,.55,.95)}.footer[opened=false]{transform:translateY(100%)}.footer button{background-color:transparent;border:none;height:calc(var(--padding-2) * 3);border-radius:100vmax;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 20px #00000017,0 6px 6px #00000021}.footer button.save{aspect-ratio:1/1;font-size:2rem;background-color:var(--accent)}.footer button.save img{width:var(--btn-icon-size);height:var(--btn-icon-size)}.footer button.start{flex-grow:1;background-color:var(--btn-color);color:var(--btn-text);font-size:1rem;position:relative}.footer button.start:disabled{color:#5c5c5c;background-color:#383838}.footer button.start:disabled:after{position:absolute;left:0;top:0;transform:translateY(calc((var(--padding-2) + 100%) * -1));content:"Uw apparaat ondersteund AR hellaas niet";box-shadow:0 10px 20px #00000017,0 6px 6px #00000021;background-color:var(--bg-transparent-1);padding:var(--padding-2);backdrop-filter:var(--bg-blur);border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 0}.footer button.start[loading=true]{color:var(--btn-color)}.footer button.start[loading=true]:after{content:"";position:absolute;top:50%;left:50%;height:40%;transform:translate(-50%,-50%);aspect-ratio:1/1;border-radius:100vmax;--spinner-stroke: .2rem;border-left:var(--spinner-stroke) solid var(--btn-text);border-right:var(--spinner-stroke) solid var(--btn-text);border-top:var(--spinner-stroke) solid transparent;border-bottom:var(--spinner-stroke) solid transparent;animation:spinner 1s linear infinite}.v-enter-active,.v-leave-active{transition:.3s ease!important}.v-enter-from,.v-leave-to{opacity:0;transform:translateY(2rem)!important}.loading[data-v-db0f29ce]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:var(--bg-transparent-1);backdrop-filter:var(--bg-blur);display:flex;flex-direction:column;justify-content:center;align-items:center}.loading .spinner[data-v-db0f29ce]{--color: black;--border: 2vmin;width:20vmin;height:20vmin;border-radius:100vmax;border-top:var(--border) solid var(--color);border-bottom:var(--border) solid var(--color);border-right:var(--border) solid transparent;border-left:var(--border) solid transparent;animation:spinner-db0f29ce .7s linear 0s infinite}@keyframes spinner-db0f29ce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.v-enter-active[data-v-db0f29ce],.v-leave-active[data-v-db0f29ce]{transition:opacity .3s ease}.v-enter-from[data-v-db0f29ce],.v-leave-to[data-v-db0f29ce]{opacity:0}.score{position:fixed;z-index:1;top:var(--padding-1);right:var(--padding-1);background-color:var(--bg-color-1);border-radius:100vmax;display:flex;align-items:center;box-shadow:0 10px 20px #00000017,0 6px 6px #00000021}.score .icon{background-color:var(--accent);padding:.7rem;height:3rem;width:3rem;border-radius:100vmax}.score .icon img{height:100%}.score .points{display:block;width:7rem;text-align:center;font-weight:600;transition:.5s ease;transform-origin:center;color:var(--text-1)}.score .points span{font-size:.7rem;margin-left:1ch;color:#8f8f8f;font-weight:400;color:var(--text-3)}.cameraFrame{position:fixed;z-index:3;display:flex;width:100%;height:100%;padding:var(--padding-1)}.cameraFrame .tip{position:absolute;z-index:3;top:calc(var(--padding-1) * 2 + 3rem);color:#fff;width:70%}.cameraFrame .tip h2{font-weight:500;padding:0;margin:0}.cameraFrame .tip h5{font-weight:400;padding:0;margin:0}.cameraFrame #cameraFeed{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;background-color:#000}.cameraFrame .cameraOverlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;--padding-total: calc(var(--padding-1) + .5rem);background-color:var(--bg-transparent-1);backdrop-filter:var(--bg-blur);clip-path:polygon(0% 0%,0% 100%,var(--padding-total) 100%,var(--padding-total) calc(50% - (100vw - var(--padding-total) * 2) / 2),calc(100% - var(--padding-total)) calc(50% - (100vw - var(--padding-total) * 2) / 2),calc(100% - var(--padding-total)) calc(50% + (100vw - var(--padding-total) * 2) / 2),var(--padding-total) calc(50% + (100vw - var(--padding-total) * 2) / 2),var(--padding-total) 100%,100% 100%,100% 0%)}.cameraFrame .cameraAlign{position:absolute;content:"";z-index:2;width:calc(100vw - var(--padding-1) - 2rem);height:calc(100vw - var(--padding-1) - 2rem);top:50%;left:50%;transform:translate(-50%,-50%);outline:.5rem solid white;outline-offset:-.5rem;clip-path:polygon(0% 0%,0% 25%,25% 25%,25% 75%,0% 75%,0% 100%,25% 100%,25% 75%,75% 75%,75% 100%,100% 100%,100% 75%,75% 75%,75% 25%,100% 25%,100% 25%,100% 0%,75% 0%,75% 25%,25% 25%,25% 0%);border-radius:1.8rem}.cameraFrame .analyser{position:absolute;z-index:3;width:calc(100vw - var(--padding-1) - 2rem);height:calc(100vw - var(--padding-1) - 2rem);top:50%;left:50%;transform:translate(-50%,-50%)}.cameraFrame .analyser:after{position:absolute;content:"";width:90%;background-color:var(--accent);height:.3rem;left:5%;top:50%;border-radius:100vmax;overflow:hidden;animation:analysing 1s linear 0s infinite alternate-reverse}@keyframes analysing{0%{top:5%}to{top:95%}}.cameraFrame .bottomBtns{position:absolute;bottom:var(--padding-1);width:calc(100% - var(--padding-1) * 2);display:flex;justify-content:center;align-items:center;z-index:2}.cameraFrame .bottomBtns #clickPhoto{width:5rem;height:5rem;border:none;background-color:var(--bg-transparent-1);backdrop-filter:var(--bg-blur);border:var(--btn-border);border-radius:100vmax;display:flex;align-items:center;justify-content:center}.cameraFrame .bottomBtns #clickPhoto img{width:var(--btn-icon-size);height:var(--btn-icon-size)}.cameraFrame .output{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.cameraFrame .output #outputPicture{width:100%;height:100%;object-fit:cover;background-color:#fff}.cameraFrame #send{position:absolute;z-index:2;bottom:var(--padding-1);left:var(--padding-1);width:calc(100% - var(--padding-1) * 2);background-color:var(--btn-color);color:var(--btn-text);padding:var(--btn-padding);border:none;border-radius:100vmax;font-size:1rem;font-weight:600}.cameraFrame #send[loading=true]{color:var(--btn-color)}.cameraFrame #send[loading=true]:after{content:"";position:absolute;top:50%;left:50%;height:40%;transform:translate(-50%,-50%);aspect-ratio:1/1;border-radius:100vmax;--spinner-stroke: .2rem;border-left:var(--spinner-stroke) solid var(--btn-text);border-right:var(--spinner-stroke) solid var(--btn-text);border-top:var(--spinner-stroke) solid transparent;border-bottom:var(--spinner-stroke) solid transparent;animation:spinner 1s linear infinite}@keyframes spinner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.v-enter-active,.v-leave-active{transition:filter .5s ease,opacity .3s ease}.v-leave-to{opacity:0}.v-enter-from{filter:brightness(0)}.stepCardsContainer{position:fixed;z-index:3;width:100%;height:100%;background-color:var(--bg-color-1);padding:var(--padding-1);display:flex;flex-direction:column;justify-content:center;align-items:center}.stepCardsContainer .stepCard{width:90%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--padding-1)}.stepCardsContainer .stepCard .icon{padding:15%;overflow:visible;width:60%;background-color:var(--bg-color-2);border-radius:100vmax}.stepCardsContainer .stepCard .wallpaper{width:100%;border-radius:var(--border-radius);max-height:80vw;object-fit:cover}.stepCardsContainer .stepCard h2{font-weight:500;color:var(--text-1);margin:0;text-align:center}.stepCardsContainer .stepCard P{margin:0;color:var(--text-2);text-align:center}.stepCardsContainer .btns{bottom:var(--padding-1);display:flex;flex-direction:column;align-items:center}.stepCardsContainer .btns a{padding:var(--btn-padding)}.stepCardsContainer .btns a:active{transform:scale(.9);transition:.15s ease-in-out}.stepCardsContainer .btns a#next{background-color:var(--btn-color);color:var(--btn-text);padding:var(--btn-padding) calc(var(--btn-padding) * 2);border-radius:100vmax;text-align:center}.fwdOut-enter-from{transform:translate(30%) scale(.9)!important;opacity:0!important}.fwdOut-enter-to,.fwdOut-leave-from{opacity:1}.fwdOut-leave-to{transform:translate(-30%) scale(.9)!important;opacity:0!important}.fwdOut-enter-active,.fwdOut-leave-active{transition:.2s 0s ease-in-out!important}.bckOut-enter-from{transform:translate(-30%) scale(.9)!important;opacity:0!important}.bckOut-leave-to{transform:translate(30%) scale(.9)!important;opacity:0!important}.bckOut-enter-to,.bckOut-leave-from{opacity:1}.bckOut-enter-active,.bckOut-leave-active{transition:.2s 0s ease-in-out!important}#default-ar-button{opacity:.2}.arCoach{width:calc(100% - var(--padding-1) * 2);background-color:var(--bg-transparent-1);backdrop-filter:var(--bg-blur);position:absolute;bottom:var(--padding-1);left:var(--padding-1);display:none;padding:var(--padding-1);border-radius:var(--border-radius);flex-direction:column}.arCoach h2{margin:0;width:100% margin-bottom var(--padding-1);font-weight:500;font-size:1.2rem}model-viewer[ar-status=session-started] .arCoach{display:flex}.depthContainer{position:fixed;z-index:3;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color-1);padding:var(--padding-1);padding-top:calc(var(--padding-1) * 2 + 3rem);display:flex;flex-direction:column;flex:2;gap:var(--padding-1)}.depthContainer h2{font-weight:500;padding:0;margin:0;color:var(--text-1)}.depthContainer h5{font-weight:400;padding:0;margin:0;color:var(--text-2)}.depthContainer .measureSlider{width:100%;flex-grow:1;position:relative;background-color:var(--bg-color-2);border-radius:var(--border-radius);overflow:hidden;--handleColor:var(--btn-color)}.depthContainer .measureSlider .handle{height:10%;width:20%;left:80%;background-color:var(--handleColor);position:absolute;transform:translateY(-50%);padding:3%;border-radius:var(--border-radius)}.depthContainer .measureSlider .handle .handleGrip{width:100%;height:100%;border-radius:var(--border-radius);overflow:hidden;background:linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 20%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 40%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.1) 60%,rgba(255,255,255,.1) 80%,rgba(255,255,255,0) 80%);pointer-events:none}.depthContainer .measureSlider .handle:after{content:"";width:500%;height:.5rem;background-color:var(--handleColor);position:absolute;top:50%;transform:translateY(-50%);left:-500%}.depthContainer .measureSlider .handle#handle1{top:calc(var(--8da5d5d6) * 1%)}.depthContainer .measureSlider .handle#handle2{top:calc(var(--8da5d5d4) * 1%)}.depthContainer .measureSlider .layer{width:calc(80% - var(--padding-1));font-weight:600;font-size:.9rem;color:#fff;overflow:hidden}.depthContainer .measureSlider .layer .layerInfo{padding-left:var(--padding-1);display:flex;align-items:center;width:100%;height:100%;background-color:#00000080}.depthContainer .measureSlider .layer span{opacity:.7;font-weight:400;font-size:.7rem;margin-left:1ch}.depthContainer .measureSlider .layer#layer1{border-radius:var(--border-radius) var(--border-radius) 0 0;background:url(/assets/PXL_20230607_083641626~2-464dccfb.webp);background-size:60vh}.depthContainer .measureSlider .layer#layer2{background-color:#bd8870;background:url(/assets/PXL_20230607_083728660-6b132e35.webp);background-size:60vh}.depthContainer .measureSlider .layer#layer3{border-radius:0 0 var(--border-radius) var(--border-radius);background-color:#d6d6b4}.depthContainer .measureSlider .layer#layer3 .layerInfo{background-color:transparent}.depthContainer .button{width:100%;background-color:var(--btn-color);color:var(--btn-text);padding:var(--btn-padding);border-radius:100vmax;text-align:center}.depthContainer .result{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color-1);padding:var(--padding-1);padding-top:calc(var(--padding-1) * 2 + 3rem);display:flex;flex-direction:column}.depthContainer .result img{width:100%;flex:1}.depthContainer .spin{animation:spin 20s linear 0s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.successContainer{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#fff;padding:var(--padding-1);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space)}.successContainer svg{padding:var(--padding-1);background-color:var(--accent);border-radius:100vmax;width:50%;overflow:visible;transform-origin:center;animation:pulse 1s ease 0s infinite alternate-reverse}.successContainer svg .st0{fill:none;stroke:#fff;stroke-width:4rem;stroke-dasharray:1000;stroke-dashoffset:0;stroke-miterlimit:10;animation:check 1s ease-in 0s 1 reverse}.successContainer h1{margin:0;margin-top:calc(var(--padding-1) * 2)}.successContainer P{margin:0;text-align:center;width:70%}.successContainer a{margin-top:calc(var(--padding-1) * 2);padding:var(--btn-padding) calc(var(--btn-padding) * 2);background-color:transparent;border:none;height:calc(var(--padding-2) * 3);border-radius:100vmax;display:flex;justify-content:center;align-items:center;background-color:var(--btn-color);color:var(--btn-text);font-size:1rem}.failContainer{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#fff;padding:var(--padding-1);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space)}.failContainer svg{padding:calc(var(--padding-1) * 1.5);background-color:#d45a5a;border-radius:100vmax;width:50%;overflow:visible;transform-origin:center;animation:pulse 1s ease 0s infinite alternate-reverse}@keyframes pulse{to{transform:scale(1.1)}}.failContainer svg .st0{fill:none;stroke:#fff;stroke-width:4rem;stroke-dasharray:1000;stroke-dashoffset:0;stroke-miterlimit:10;animation:check 1s ease-in 0s 1 reverse}@keyframes check{to{stroke-dashoffset:1200}}.failContainer h1{margin:0;margin-top:calc(var(--padding-1) * 2)}.failContainer P{margin:0;text-align:center;width:70%;margin-bottom:calc(var(--padding-1) * 2)}.failContainer a{padding:var(--btn-padding) calc(var(--btn-padding) * 2);background-color:transparent;height:calc(var(--padding-2) * 3);border-radius:100vmax;display:flex;justify-content:center;align-items:center;background-color:var(--btn-color);color:var(--btn-text);font-size:1rem;width:70%;text-align:center}.failContainer a:last-of-type{border:.1rem solid var(--btn-color);color:var(--btn-color);background-color:transparent}.center{position:fixed;background-color:var(--bg-color-1);width:3rem;height:3rem;border-radius:100%;bottom:var(--padding-1);right:var(--padding-1);z-index:1;display:flex;align-items:center;justify-content:center}.center img{width:var(--btn-icon-size)}@media (prefers-color-scheme: dark){.center img{filter:invert(100)}}.center[stickToPosition=true]:after{content:"";background-color:var(--btn-color);width:.7rem;height:.7rem;position:absolute;border-radius:100%}#map{position:fixed;height:100%;width:100%;overflow:hidden}#map .leaflet-div-icon{background-color:var(--bg-transparent-1);backdrop-filter:var(--bg-blur);border-radius:100vmax;border:none;display:flex;justify-content:center;align-items:center}#map .leaflet-div-icon.locationIcon{background-color:#fff}#map .leaflet-div-icon:after{transition:.1s cubic-bezier(.79,.41,.79,1.26);content:"";width:70%;height:70%;border-radius:100vmax;background-color:var(--accent-dark)}#map .leaflet-div-icon:active:after{top:30%;left:30%;width:40%;height:40%}.fwd-enter-from{transform:translate(100%)!important}.fwd-leave-to{transform:translate(-100%)!important}.fwd-enter-active,.fwd-leave-active{transition:transform .3s 0s ease-in-out!important}.bck-enter-from{transform:translate(-100%)!important}.bck-leave-to{transform:translate(100%)!important}.bck-enter-active,.bck-leave-active{transition:transform .3s 0s ease-in-out!important}.trackCard{width:100%;padding:var(--padding-2);display:flex;gap:var(--padding-2);color:var(--text-1);background-color:var(--bg-color-2);border-radius:var(--border-radius)}.trackCard img{width:40%;object-fit:cover;border-radius:1rem}.trackCard .trackInfo{display:flex;flex-direction:column;width:100%}.trackCard .trackInfo h3{margin:0;padding:0;font-weight:600}.trackCard .trackInfo .stats{width:100%;display:flex;gap:var(--padding-2)}.trackCard .trackInfo .stats h5{padding:0;margin:0;color:var(--text-3);font-weight:400}.trackCard .trackInfo a{width:100%;font-weight:500;color:var(--accent-darkest);margin-top:auto}.tracks{width:100%;display:flex;flex-direction:column;padding:var(--padding-1);gap:var(--space)}