body{font-family:Inter,sans-serif;margin:0;background-color:#fafafe;overflow:hidden}#immersive-canvas{width:100%;height:100%;border-radius:.5rem}.flip{display:flex;justify-content:center;align-items:center;cursor:pointer}.rings{width:100%;height:60px;display:none;gap:20px;justify-content:center;align-items:center}.ring{width:40px;height:40px;border-radius:100%;overflow:hidden;cursor:pointer;border:2px solid #003a3f55;filter:brightness(1.11);padding:1px;transition:border .2s ease-in-out,filter .2s ease-in-out}.ring:hover{border:2px solid #003a3fcc}.ui{margin-top:20px;width:100%;display:flex;justify-content:center;align-items:center}#webcamButton{color:#fff;padding:8px;border-radius:4px;border:none;background-color:green;cursor:pointer;transition:background-color .2s ease-in-out}#webcamButton:hover{background-color:#03905c}#content{width:auto;aspect-ratio:1.333;height:70vh;display:none;overflow:hidden;border-radius:20px;box-shadow:#4b4b5d33 0 50px 80px -20px,#0000004d 0 30px 60px -30px;border:#ffffff solid 8px}body{margin:0;color:#3d3d3d;--mdc-theme-primary: #007f8b;--mdc-theme-on-primary: #f1f3f4;overflow-x:hidden}h1{color:#007f8b}h2{clear:both}em{font-weight:700}video{position:absolute;clear:both;display:block;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);translate:-50%;left:50%;opacity:0}canvas{translate:-50%;left:50%}section{opacity:1;transition:opacity .5s ease-in-out}header,footer{clear:both}.removed{display:none}#cameraUi{display:none;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:1rem;width:100%}#snap{width:60px;height:60px;background-color:#fefefe;border:4px solid #11111155;border-radius:100%;cursor:pointer;transition:background-color .2s ease-in-out}#snap:hover{background-color:#e0e0e0}.snapContainer{display:flex;justify-content:center;align-items:center;gap:1.5rem}.invisible{display:none}.note{font-style:italic;font-size:130%}.videoView p,.detectOnClick p{z-index:2;font-size:12px;margin:0}.highlighter{background:rgba(0,255,0,.25);border:1px dashed #fff;z-index:1;position:absolute}.canvas.canvas{z-index:1;position:absolute;pointer-events:none}.detectOnClick{z-index:0}.detectOnClick img{width:100%}#headerText{font-size:2rem}#liveView{width:80vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}#demos{width:100vw;height:100vh;display:flex;justify-content:center}@media only screen and (max-width: 768px){#liveView{width:100vw}#content{width:480px}}.slidecontainer{width:80%;display:flex;justify-content:center;align-items:center;margin-top:15px}.slidecontainer>p{margin-right:10px;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:17px;margin-bottom:4px}.slider{-webkit-appearance:none;appearance:none;width:50%;height:6px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;border-radius:10px}.slider:hover{opacity:1}.slider:focus{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#06c539;cursor:pointer;border-radius:100%}.slider::-moz-range-thumb{width:12px;height:12px;background:#04aa6d;cursor:pointer}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#111;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loader{display:flex;justify-content:center;align-items:center;position:absolute;width:100vw;height:100vh;background-color:#fafafe;z-index:100}