:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{display:flex;flex-direction:column;align-items:center;justify-content:center}.canvas-container{width:100vw;max-width:100%;display:flex;justify-content:center;position:relative}.camera-canvas{position:absolute;transform:translate(50%,-50%) scaleX(-1);transform-origin:0 0;left:50vw;top:50vh}.point-canvas{position:absolute;transform:translate(-50%,-50%);transform-origin:0 0;left:50vw;top:50vh}#main{left:0;top:0;position:absolute}.illustration-canvas{border:1px solid #eeeeee}.footer{position:fixed;left:0;bottom:0;width:100%;color:#000}.footer-text{max-width:600px;text-align:center;margin:auto}@media only screen and (max-width: 600px){.footer-text,.dg{display:none}}.sk-spinner-pulse{width:20px;height:20px;margin:auto 10px;float:left;background-color:#333;border-radius:100%;-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.spinner-text{float:left}