@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";body{margin:0;background-image:linear-gradient(180deg,#020007,#2f0068);color:#fff;font-family:Roboto,sans-serif;font-size:13px;line-height:24px;overscroll-behavior:none}.uiContainerColor{background-image:linear-gradient(180deg,#000000,#4a4a4a)}a{color:#ff0;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;text-transform:uppercase}.inactiveElement{display:none}#info{position:absolute;top:0;width:100%;padding:10px;box-sizing:border-box;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;z-index:1}a,button,input,select{pointer-events:auto}.lil-gui{z-index:2!important}@media all and (max-width: 640px){.lil-gui.root{right:auto;top:auto;max-height:50%;max-width:80%;bottom:0;left:0}}#overlay{position:absolute;font-size:16px;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(0,0,0,.7)}#overlay button{background:transparent;border:1px solid rgb(255,255,255);border-radius:4px;color:#fff;padding:12px 18px;text-transform:uppercase;cursor:pointer}#notSupported{width:50%;margin:20px auto auto;background-color:red;padding:10px}#testContainer{position:fixed;display:flex;flex-direction:row;justify-content:space-around;align-items:center;background-color:#4a4a4a37;bottom:10px;width:100%}@keyframes hideTestContainer{0%{transform:translate(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes showTestContainer{0%{transform:translateY(100%);opacity:0}to{transform:translate(0);opacity:1}}.closeTestContainer{animation-name:hideTestContainer;animation-duration:.25s}.openTestContainer{animation-name:showTestContainer;animation-duration:.25s}#animContainer{position:fixed;display:flex;justify-content:center;align-items:center;background-color:#4a4a4a80;bottom:10px;width:100%}#textContainer{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:auto;opacity:70%;width:100vw}#textButtonContainer{display:flex;flex-direction:row;justify-content:space-around;align-items:center;overflow:auto;padding-bottom:1vh}#productMessage{font-weight:700;font-size:2vh;padding-right:3vw;padding-left:5vw}.scaling-text{position:absolute;top:10px;left:10px;color:#fff;font-size:24px;font-family:Arial,sans-serif;animation:scaleAnimation .5s ease-in-out}#toggleButton{position:absolute;left:10%;top:-5px;background:rgba(127,127,127,.25);color:#fff;border:1px solid rgba(255,255,255,.25);padding:6px 8px;font-weight:700}#testButton{position:absolute;right:40px;top:60px;background:rgba(127,127,127,.25);color:#fff;border:1px solid rgba(255,255,255,.25);padding:6px 8px;font-weight:700}.uiSlider{position:absolute;left:20px;width:50%;margin:0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;border-radius:5px;background:linear-gradient(to right,gray,white);outline:none}.uiSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:#fff;border-radius:50%;cursor:pointer}#lightIntensitySlider{top:80px}#pointIntensitySlider{top:40px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:saddlebrown;border-radius:5px}#lightColorPicker{position:absolute;top:120px;left:20px;width:50px;height:30px;padding:0;border:none;background:none;cursor:pointer}.joystick{width:150px;height:150px;border:2px solid gray;border-radius:50%;position:absolute;right:20%;margin:100px auto}.thumbstick{width:50px;height:50px;background-color:#c4c4c4;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loading-container{position:absolute;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}#loading-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffffff;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#model-select{background:rgba(127,127,127,.25);color:#fff;border:1px solid rgba(255,255,255,.25);padding:6px 8px;font-weight:700;height:50px}#model-dropdown{height:20px}#animation-dropdown{height:4vh}#uiContainer{position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:#76191980;width:100%;height:25%;padding:10px;box-sizing:border-box}#stabilization{background-image:url(https://glimpsestorage.s3.us-east-2.amazonaws.com/static/assets/stabilizeFinal.gif);background-size:contain;background-repeat:no-repeat;width:500px;height:500px;position:absolute;left:50%;top:0;transform:translate(-50%);z-index:10;display:none}#productLoad{background-image:url(https://glimpsestorage.s3.us-east-2.amazonaws.com/static/assets/finalProductLoad.gif);background-size:contain;background-repeat:no-repeat;width:500px;height:500px;position:absolute;left:50%;top:0;transform:translate(-50%);z-index:10;display:none}@keyframes circleButtonPress{0%{filter:brightness(1) hue-rotate(0deg)}50%{filter:brightness(1.5) hue-rotate(45deg)}to{filter:brightness(1) hue-rotate(0deg)}}.circleButtonActive{animation-name:circleButtonPress;animation-duration:.25s}.circle-button{background-color:transparent;border:none;padding:0;cursor:pointer}.circle-button img{width:20vw;height:20vw;filter:saturate(0) brightness(.8)}.circle-button2{background-color:transparent;border:none;padding:0;cursor:pointer;filter:saturate(0)}.circle-button2 img{width:15vw;height:15vw;filter:saturate(0) brightness(.8)}.circle-button2:active{filter:saturate(0) brightness(1)}.circle-button,.circle-button2{-webkit-tap-highlight-color:transparent}body.initializing #testContainer{display:none}body.ar #stabilization{display:block}body.ar.stabilized #stabilization{display:none}@keyframes example{0%{background-color:red}25%{background-color:#ff0}50%{background-color:#00f}to{background-color:green}}.animatedWords{width:100px;height:100px;background-color:red;animation-name:example;animation-duration:4s}@keyframes scaleText{0%{transform:scale(.5);opacity:.5}80%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.animatedText{animation-name:scaleText;animation-duration:.5s}#ARButton{display:none}#openingOverlay{margin:0 -50% 0 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:15px}#openingOverlay img{width:80vw;height:80vw}#glimpseLogo{animation:scaleAnimation .5s ease-in-out;filter:saturate(0%) brightness(4)}@keyframes scaleAnimation{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.interactive-button{background-color:transparent;color:#fefefe;border-image:linear-gradient(to right,#ffffff48,#ffffff00) 1 / 1px;border-style:solid;border-radius:15px;font-size:20px;padding:5px;margin:2px;width:fit-content;align-self:center;opacity:100%}.interactive-button:active{background-image:linear-gradient(0deg,#600182,#d300f3);color:#000;border:1px solid rgb(0,0,0)}#infoContainer{position:fixed;color:#fff;height:70vh;width:90vw;top:50%;left:50%;transform:translate(-50%,-55%);display:flex;flex-direction:column;border-radius:20px;z-index:2;opacity:90%}#closeInfoButton{position:absolute;align-self:flex-end;margin:10px;padding:1%;background-color:transparent;border:none;border-radius:5px;font-size:24px;cursor:pointer}#titleContainer{background-color:transparent;display:flex;flex-direction:row;justify-content:space-between;margin-left:4%;margin-right:5%}#contentContainer{display:flex;flex-direction:column;justify-content:flex-start;margin-left:4%;margin-right:4%;font-size:15px;overflow-y:auto;border-radius:15px}@keyframes closePopup{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,50%);opacity:0;display:none}}@keyframes openPopup{0%{transform:translate(-50%,50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1;display:flex}}.popupOpened{animation-name:openPopup;animation-duration:.25s}.popupClosed{animation-name:closePopup;animation-duration:.25s}@keyframes closeTextContainer{0%{transform:translate(0);opacity:.5}to{transform:translateY(-100%);opacity:0}}@keyframes openTextContainer{0%{transform:translateY(-100%);opacity:0}to{transform:translate(0);opacity:.5}}.textContainerClosed{animation-name:closeTextContainer;animation-duration:.25s}.textContainerOpened{animation-name:openTextContainer;animation-duration:.25s}.contentImage{width:50%;height:50%}.productContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:start;padding:auto;margin-bottom:10px}.productContainer img{width:50%;align-self:flex-start;border-radius:15px;background-image:linear-gradient(0deg,#ffffffbd,#8282826e);margin-bottom:1vh}#closeInfoButton{color:#fff}#canvasContainer{z-index:2}#videoContainer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#videoBackground{height:100%;z-index:-2}