.App,body,html{background-color:#000;color:#d2dae2;height:100vh;margin:0;padding:0;-webkit-user-select:none;user-select:none}.App{text-align:center}.frames-scroll{align-items:center;display:flex;flex-direction:column;justify-content:center}.viewer-container{aspect-ratio:720/1280;flex-direction:column;flex-grow:1;height:100%}.frames-container,.viewer-container{display:flex;justify-content:center;max-width:100%;position:relative}.frames-container{align-items:center;overflow:hidden}.frames-container>*{display:none;max-height:100%;max-width:100%;opacity:0}.frames-container>._active{display:block;opacity:1}.seek-overlay{background:#f000;opacity:0;z-index:1000}.icons-container,.seek-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.icons-container{flex-direction:column;opacity:1;padding-top:2px}.icons-container,.icons-container>*{display:flex;justify-content:space-between}.icons-container>*{height:7cqh}.icons-container .top{height:11cqh}.icons-container .top>*{height:100%;margin:2%}.icons-container .arrows .arrow{background-image:url(/static/media/arrow.500f7fe874e63d443a90.svg);background-repeat:no-repeat;background-size:cover;cursor:pointer;height:100%;opacity:0;transition-delay:.5s;transition-duration:.4s;width:7cqh;z-index:1100}.viewer-container:hover .icons-container .arrows .arrow{opacity:1;transition-delay:0s}.icons-container .arrows .arrow.right{rotate:180deg}.progress-bar{flex-shrink:0;height:2px}.progress-bar .bar{background-color:#ffd600;height:100%}
/*# sourceMappingURL=main.46af77ab.css.map*/