.container[data-v-a01545d4]{padding-top:20px}.videos-box[data-v-a01545d4]{height:100%}.video-box[data-v-a01545d4]{display:flex;background-color:#efefef;margin-bottom:20px}.titles[data-v-a01545d4]{height:calc(100vh - 180px);width:400px;overflow:auto}ul[data-v-a01545d4]{list-style:none}ul li[data-v-a01545d4]:hover{color:#42a16a}ul li[data-v-a01545d4]{line-height:40px;cursor:pointer}ul li.active[data-v-a01545d4]{font-weight:700;color:#42a16a}.titles[data-v-a01545d4]{padding:20px 10px}.video[data-v-a01545d4]{flex:1;display:flex;flex-direction:column;padding:20px;border-left:1px solid #ccc}.video-player[data-v-a01545d4]{flex:1;display:flex;display:-webkit-flex;align-items:center;justify-content:center}