.lecture_content .video[data-v-b464cc58]{display:flex;justify-content:center;align-items:center;background:#000;padding:16px}.video-container[data-v-b464cc58]{position:relative;width:100%;height:100%;overflow:hidden;outline:none}.video-container[data-v-b464cc58]:focus{outline:none}.video-element[data-v-b464cc58]{width:100%;height:100%;background:#000}.controls[data-v-b464cc58]{display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.9);position:absolute;bottom:-40px;width:100%;transition:bottom .3s ease}.video-container:hover .controls[data-v-b464cc58]{bottom:0}.left-controls[data-v-b464cc58]{display:flex;align-items:center}.left-controls .control-button[data-v-b464cc58]:hover{background-color:#3274fc}.right-controls[data-v-b464cc58]{display:flex;align-items:center}.control-button[data-v-b464cc58]{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.control-button:hover svg[data-v-b464cc58]{stroke:#ddd}.icon[data-v-b464cc58]{width:24px;height:24px;fill:#fff;stroke:#fff}.time-display[data-v-b464cc58]{color:#fff;margin-left:8px;font-size:12px}.custom-dropdown[data-v-b464cc58]{position:relative;width:40px;text-align:center}.dropdown-button[data-v-b464cc58]{background:none;border:none;color:#fff;cursor:pointer;padding:4px 0;font-size:12px;width:100%;height:40px}.dropdown-menu[data-v-b464cc58]{display:none;position:absolute;bottom:40px;left:0;background:rgba(0,0,0,.9);padding:4px 0;list-style:none;margin:0;width:100%;z-index:10}.dropdown-menu li[data-v-b464cc58]{font-size:12px}.custom-dropdown:hover .dropdown-menu[data-v-b464cc58]{display:block}.dropdown-menu li[data-v-b464cc58]{padding:4px 8px;cursor:pointer;color:#fff}.dropdown-menu li.selected[data-v-b464cc58],.dropdown-menu li[data-v-b464cc58]:hover{background:#3274fc}.custom-volume-slider-wrapper[data-v-b464cc58]{position:relative;height:24px;display:flex;align-items:center;justify-content:center}.volume-control[data-v-b464cc58]{display:flex;align-items:center;margin-right:8px;color:#fff;font-size:12px;cursor:pointer}.volume-control .control-button[data-v-b464cc58]{margin-right:4px}.custom-volume-slider[data-v-b464cc58]{position:relative;width:100px;height:5px;background:hsla(0,0%,100%,.3);border-radius:4px;cursor:pointer;display:flex;align-items:center}.volume-slider-bar[data-v-b464cc58]{position:relative;width:100%;height:100%;background:#3274fc;border-radius:4px}.volume-slider-handle[data-v-b464cc58]{position:absolute;top:50%;right:0;transform:translate(50%,-50%);width:12px;height:12px;background:#3274fc;border:2px solid #fff;border-radius:50%;cursor:pointer}#fullscreenToggle[data-v-b464cc58]{font-size:12px}.progress-bar-container[data-v-b464cc58]{position:absolute;bottom:0;left:0;width:100%;height:5px;background:hsla(0,0%,100%,.2);cursor:pointer;transition:height .3s ease,bottom .3s ease}.progress-bar[data-v-b464cc58]{position:relative;width:100%;height:100%}.progress-bar-filled[data-v-b464cc58]{position:absolute;top:0;left:0;height:100%;background:#3274fc;width:0}.video-container:hover .progress-bar-container[data-v-b464cc58]{height:8px;bottom:40px}.play-overlay[data-v-b464cc58]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.play-icon[data-v-b464cc58]{width:100px;height:100px;opacity:.8;cursor:pointer}.play-icon[data-v-b464cc58]:hover{opacity:.9}