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