.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(0);transition:opacity .5s ease,transform .5s ease;pointer-events:auto;padding:32px;overflow-y:scroll;justify-content:flex-start}.text-container{height:90%;overflow-y:scroll;mask-image:linear-gradient(to bottom,rgba(0,0,0,1)0%,rgba(0,0,0,1)80%,rgba(0,0,0,0)100%)}.text-group{height:120%}.overlay h1{padding-bottom:28px}.overlay h2{font-size:1.1rem;padding-bottom:12px}.description{padding-top:24px}.button-topLeft{position:absolute;top:0;left:0;padding:10px;transform:translate(0);display:flex;align-items:flex-end;gap:15px;transition:transform .5s ease-out}.button-topLeft.hidden{transform:translate(-100%);transition:transform .5s ease-out}.button-bottomCenter{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:15px;padding:10px}.button-bottomRight{position:absolute;bottom:20px;right:0;transform:translate(-50%) translateY(0);display:flex;align-items:flex-end;gap:15px;transition:transform .2s ease-out}.button-bottomRight.hidden{transform:translate(-50%) translateY(200%);transition:transform .2s ease-out}.tools-container{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:center;gap:15px;padding:10px;transform:translate(100%);transition:transform .5s ease-out}.tools-container.displayed{transform:translate(0);transition:transform .5s ease-out}.round-button{border-radius:50%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent}.round-button.active{background-color:#ffffffb3}.big-button{width:80px;height:80px}.small-button{width:60px;height:60px}.reset-button{width:36px;height:36px;background:none;border:none}.button-icon{width:24px;height:24px;filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(63deg) brightness(104%) contrast(104%)}.active .button-icon{filter:invert(0%) sepia(59%) saturate(0%) hue-rotate(56deg) brightness(92%) contrast(103%)}.small-icon{width:36px;height:36px}.big-icon{width:48px;height:48px}.toggle-button,.exit-button{position:relative}.slider-container{position:absolute;width:100%;margin-bottom:10%;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;padding:40px}.overlay.visible{opacity:1}.fadeOut{opacity:0;transform:translateY(100%);transition:opacity .3s transform .5s ease-out}.fadeIn{opacity:1;transform:translateY(0);transition:opacity .3s transform .5s ease-out}.flipped{transform:scaleX(-1)}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:25rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#c7c7c7;border-radius:.5rem;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-12px;background-color:#fff;border-radius:.5rem;height:2rem;width:2rem}input[type=range]:focus::-webkit-slider-thumb{outline:3px solid #ffffff;outline-offset:.125rem}input[type=range]::-moz-range-track{background-color:#c7c7c7;border-radius:.5rem;height:.5rem}input[type=range]::-moz-range-thumb{background-color:#fff;border:none;border-radius:.5rem;height:2rem;width:2rem}input[type=range]:focus::-moz-range-thumb{outline:3px solid #ffffff;outline-offset:.125rem}.stateTest{position:absolute;margin-top:30px;color:#fff;left:50%;transform:translate(-50%);top:0;padding:10px;display:flex;align-items:flex-end;gap:15px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Courier New,Courier,monospace}html{background-color:#1c1c1c}#root{width:100%;height:100vh}.bg-img{position:absolute;top:0;height:100vh;width:100vw;overflow:hidden;object-fit:cover}.ar-icon{width:50px;height:50px;margin-right:8px;vertical-align:middle}.button-startAR{position:absolute;bottom:0;left:50%;transform:translate(-50%);padding:10px;flex-direction:row;z-index:99999;margin:20px 0;border-radius:2rem;background-color:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent}.button-random{position:absolute;bottom:0;right:0;padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:99999}.logo-top{position:absolute;top:0;left:50%;width:100%;transform:translate(-50%)}.logo-img{width:100%;padding:30px 30%}.spinner-container{position:absolute;width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border:8px solid rgba(0,0,0,.1);border-top:8px solid #ffffff;border-radius:50%;width:100%;height:100%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}