.video-player[data-v-4922b2ce]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh}.video-list[data-v-4922b2ce]{width:20%;background-color:#f4f4f4;padding:10px;overflow-y:auto}.video-list ul[data-v-4922b2ce]{list-style-type:none;padding:0}.video-list li[data-v-4922b2ce]{padding:10px;cursor:pointer}.video-list li[data-v-4922b2ce]:hover{background-color:#ddd}.video-list li.active[data-v-4922b2ce]{background-color:#007bff;color:#fff}.video-display[data-v-4922b2ce]{width:80%;padding:10px}video[data-v-4922b2ce]{width:100%;height:100%}