*{-webkit-user-select:none;-ms-user-select:none;user-select:none}html,body{margin:0;padding:0;width:100dvw;height:100dvh;background-color:#000;overflow:hidden}#wrap{position:relative;width:100%;height:100dvh}#camera-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;background-color:#000}.buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;bottom:0;width:100%}#recordDiv,#photo-preview-bottom-div,#video-preview-bottom-div{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;bottom:20px;aspect-ratio:1 / 1;left:0;right:0;margin:0 auto;max-width:15%;max-height:10dvh}#recordButtonCanvas,#recordButtonFrame{z-index:0;pointer-events:none;position:absolute;width:100%;height:100%}#recordButton{opacity:0;position:absolute;width:100%;height:100%}#recordTimerFrame{pointer-events:none;position:absolute;transform-origin:center;display:flex;align-items:center;justify-content:center;bottom:110%;width:80%;height:30%;background-color:red;transform:scale(1);opacity:1}html{font-size:16px}#recordTimerText{margin:0;padding:0;color:#fff;text-align:center;line-height:1;font-size:calc(1vw + 1vh);width:90%;height:90%;display:flex;align-items:center;justify-content:center}#photo-preview-div{z-index:2;position:absolute;width:100%;height:100%}#photo-preview{z-index:1;position:absolute;width:100%;height:100%;display:block}#photo-share-button{opacity:1;position:absolute;width:100%;height:100%}#photo-preview-flash{z-index:2;position:absolute;width:100%;height:100%;display:block}#video-preview-div{z-index:2;position:absolute;width:100%;height:100%;background-color:#000;display:none}#video-share-button{opacity:1;position:absolute;width:100%;height:100%}#video-preview{height:100%;width:100%;position:relative}#videoPlayer{display:block;background-color:#000}#photo-download-button,#video-download-button{position:absolute;opacity:1;width:75%;height:75%;border:none;background:none;right:-125%}#switchCamButton{position:absolute;opacity:1;width:65%;height:65%;border:none;background:none;left:20vw;bottom:6vw}#snapar-log-div{position:absolute;z-index:2;width:100%;height:100%;pointer-events:none}#snapar-log-img{position:absolute;left:5vw;bottom:3vh;width:25vw;max-width:25vh}