body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}button:focus{outline:none!important}.live{display:flex;position:fixed;right:25px;top:45px;flex-direction:column;justify-content:space-around;align-items:center}div .live-button{display:block;width:82px;height:36px}div #players{display:block;margin-top:10px}div.progressbar{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#a9a9a9}div #progress{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}div #thumbnail{position:fixed;top:0;left:0;bottom:0;right:0;height:100vh;width:100vw;overflow:auto}div .progress-ring__circle{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}div .overlay{position:absolute;background-color:rgba(0,0,0,.5);left:0;top:0;width:100%;height:100%}div.viewerContainer{width:100vw;height:100vh;overflow:hidden}.viewerContainer #css3d{-webkit-transform:scale(1);transform:scale(1)}.viewerContainer #css3d,.viewerContainer #three-root{text-align:left;width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;right:0;display:block}.viewerContainer #error{color:red;display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0}.modal{z-index:1;width:100vw;height:100vh;background-color:rgba(0,0,0,.6)}.modal,.modal .modal-content{display:block;position:absolute}.modal .modal-content{margin-top:30px;bottom:0;top:0;left:0;right:0}.modal .modal-content .iframe-content{border:0;bottom:0;top:0;left:0;right:0;width:100%;height:100%}.modal .close{color:#fff;float:right;font-size:50px;font-weight:700;margin-top:30px;margin-right:30px;position:relative;z-index:2}.modal .close:focus,.modal .close:hover{color:#fff;text-decoration:none;cursor:pointer}