*{box-sizing:border-box;margin:0;padding:0;touch-action:pan-x pan-y}body,html{user-zoom:none;-webkit-user-select:none;user-select:none}body{margin:0;padding:0}#container{background:#262626;display:block;overflow:hidden}.loading{background:#262626;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:90%}@media (min-width:1336px){.instruction{width:80%}}.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}@media (max-width:960px){.instruction .detail{flex-direction:column;justify-content:flex-start;max-height:50vh;overflow:scroll}}.instruction .detail .soon-text{font-size:64px;line-height:48px}.instruction .detail img{width:40vw}@media (min-width:768px){.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)}}.form-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.login-form{border:1px dashed #bdbdbd;border-radius:16px;padding:24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}label{font-size:24px}.input-wrap{margin-top:12px}input{border:1px dotted orange;border-radius:8px;font-size:18px;min-width:348px;padding:8px;width:100%}.username{margin-bottom:12px}.password,.username{width:100%}.submit-btn{background-color:#00529c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;margin-top:16px;outline:none;padding:12px 16px}.dashboard-container{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dashboard-items{display:flex;gap:48px}.dashboard-items img{height:240px;width:480px}.dashboard-items .link{align-items:center;display:flex;gap:16px;margin-bottom:16px}
/*# sourceMappingURL=main.b568b0f8.css.map*/