#root,.App,body,html{height:100%;margin:0;width:100%}.control{position:fixed;right:0;top:0;z-index:2}@-webkit-keyframes loadingAnimation{0%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(.98);transform:scale(.98)}}@keyframes loadingAnimation{0%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(.98);transform:scale(.98)}}#mindar-loading{z-Index:2;left:50%;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#mindar-loading img{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loadingAnimation;animation-name:loadingAnimation;-webkit-animation-timing-function:linear;animation-timing-function:linear;width:30%}#mindar-loading.hidden{display:none}.viewer-container{background:#eee;height:100%;overflow:hidden;position:relative;width:100%}.viewer-container .switch-camera-panel{bottom:42px;left:20px;position:absolute;z-index:3}.viewer-container .switch-camera-panel .switch-button{background:rgba(1,1,1,.5);border:4px solid #fff;border-radius:50%;cursor:pointer;height:50px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:50px;z-index:3}.viewer-container .switch-camera-panel .switch-button .inner{align-items:center;border-radius:50%;color:#fff;display:flex;height:80%;justify-content:center;left:10%;position:absolute;top:10%;width:80%}.viewer-container .recording-panel{align-items:center;bottom:20px;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:3}.viewer-container .recording-panel .photo-button{background:rgba(1,1,1,.5);border:4px solid #fff;border-radius:50%;cursor:pointer;height:50px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:50px;z-index:3}.viewer-container .recording-panel .photo-button .inner{background:#fff;border-radius:50%;height:80%;left:10%;position:absolute;top:10%;width:80%}.viewer-container .recording-panel .video-button{background:rgba(1,1,1,.5);border:4px solid #fff;border-radius:50%;cursor:pointer;height:50px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:50px;z-index:3}.viewer-container .recording-panel .video-button.recording{background:red}.viewer-container .recording-panel .video-button.recording .inner{border-radius:0}.viewer-container .recording-panel .video-button .inner{background:#fff;border-radius:50%;height:30%;left:35%;position:absolute;top:35%;width:30%}.viewer-container .recording-panel .switch-capture-panel{color:#fff;display:flex;flex-direction:row;margin-top:5px}.viewer-container .recording-panel .switch-capture-panel .button{cursor:pointer;margin:0 10px}.viewer-container .recording-panel .switch-capture-panel .button.selected{font-weight:700;text-decoration:underline}.viewer-container .preview{background-color:rgba(1,1,1,.8);height:100%;position:absolute;width:100%;z-index:10}.viewer-container .preview.hidden{display:none}.viewer-container .preview .inner{border:5px solid #fff;border-radius:10px;height:80%;left:10%;position:absolute;top:10%;width:80%}.viewer-container .preview .inner .preview-common{height:100%;left:0;position:absolute;top:0;width:100%}.viewer-container .preview .inner .preview-common.hidden{display:none}.viewer-container .preview .inner .photo-preview .image,.viewer-container .preview .inner .video-preview .video{height:100%;width:100%}.viewer-container .preview .inner .video-preview .play-button{color:#fff;cursor:pointer;left:50%;opacity:.6;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.viewer-container .preview .inner .video-preview .video-processing-icon{color:#fff;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.viewer-container .preview .inner .share-button{bottom:5px;color:#fff;cursor:pointer;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.viewer-container .preview .inner .close-button{color:#fff;cursor:pointer;position:absolute;right:5px;top:0}