.video-container{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-content:center}.video-container canvas{align-self:center;z-index:10}.canvas-container{position:relative}.canvas-container canvas{position:absolute;width:100%;height:100%;left:0;top:0}.spinner-container{display:inline-block}.spinner-container input{width:5em;text-align:center}.main-container{position:absolute;width:100%;height:100%}.main-container .video-player{width:100%;height:100%;z-index:0}.main-container .controller{position:absolute;right:0;bottom:30px;z-index:1;text-align:center;padding:10px}.main-container .controller *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-container .controller .spacer{display:inline-block;width:1em}.main-container .music-scroll{position:absolute;width:100%;height:30px;bottom:0;z-index:1}.app-container{width:100%;height:100%}.app-container .app-button{font-size:2em;font-weight:700;color:#888;z-index:9999;cursor:pointer}.app-container .button-config{position:absolute;top:10px;left:10px}.app-container .button-loadfile{position:absolute;top:10px;right:10px}.app-container .button-loadfile input[type=file]{display:none}.app-container .sidebar{position:absolute;top:0;bottom:70px;width:350px;background:#333;overflow-y:auto;z-index:100;padding:20px;padding-top:50px;outline:1px solid #666;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-container .sidebar.sidebar-left{left:0}.app-container .sidebar.sidebar-right{right:0}.app-container .sidebar *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-container .sidebar table,.app-container .sidebar table td,.app-container .sidebar table th,.app-container .sidebar table tr{border-collapse:collapse;border:none}.app-container .sidebar table th{padding:.2em .3em;padding-top:1em;text-align:left;border-bottom:1px solid #eee}.app-container .sidebar table td{padding:.2em .4em}.app-container .sidebar hr{margin:1em 0;border:1px dashed #777}.app-container .main{width:100%;height:100%}.app-container .main .main-load-file{width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20vw;color:#444;background:repeating-linear-gradient(60deg,#111,#111 40px,#151515 0,#151515 50px)}@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:local("Pretendard Variable"),url(../fonts/PretendardVariable.9b6e25f1.woff2) format("woff2-variations")}#app,body,html{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box}body{background:#111;color:#eee;font-family:Pretendard Variable}.text-right{text-align:right}button,input:not([type]),input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#111;border:none;margin:1px}button{background-color:#111;color:#bbb}input{background-color:#222;color:#ddd}.nodisplay{display:none}