*{box-sizing:border-box;margin:0;padding:0}body,html{user-zoom:none;overflow:hidden;-webkit-user-select:none;user-select:none}body{background:#262626;margin:0;padding:0}#container{display:block}.loading{height:100vh}.instruction-container,.loading{align-items:center;display:flex;justify-content:center}.instruction-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.instruction{background-color:#fff;border-radius:24px;padding:24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.close-container{display:flex;justify-content:flex-end;width:100%}.close-btn{cursor:pointer;height:3vw;width:3vw}.instruction .tab{align-items:center;display:flex;margin-bottom:16px}.instruction .tab .device{border-radius:8px;cursor:pointer;font-size:24px;padding:8px;text-align:center;width:50%}.instruction .tab .device.active{background-color:#919191;color:#fff}.instruction .detail{align-items:center;display:flex;justify-content:center;min-height:231px;min-width:40vw}.instruction .detail .soon-text{font-size:64px;line-height:48px}.instruction .detail img{width:25vw}.ring{-webkit-animation:rotateRing 2s linear infinite;animation:rotateRing 2s linear infinite;border:2px solid #ff0;border-bottom:none;border-left:none;border-radius:50%;height:128px;margin:128px auto 0;width:128px}.video-frame-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.video-frame-container .video-wrapper{background-color:hsla(0,0%,100%,.8);border-radius:16px;max-width:90vw;padding:32px}.video-frame-container .video-wrapper video{height:60vh;width:100%}@-webkit-keyframes rotateRing{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateRing{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.6ae16bd4.css.map*/