html{--scrollbarBG:#cfd8dc;--thumbBG:#e43d3d}.video-section .container{max-width:1200px;margin:auto;display:flex;align-items:flex-start}.video-section .main-video-container{flex-grow:1;border:2px solid #000;padding:5px;border-right:0;height:450px}.video-section .main-video{width:100%;height:436px}.video-section .main-vid-title{font-size:20px;color:#444}.video-section .video-list-container::-webkit-scrollbar{width:13px}.video-section .video-list-container::-webkit-scrollbar-track{background:#ccc}.video-section .video-list-container::-webkit-scrollbar-thumb{background-color:#e43d3d;border-radius:10px}.video-section .video-list-container{background-color:#fff;overflow-y:scroll;height:450px;border:2px solid #000;scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}.video-section .list{display:flex;align-items:center;cursor:pointer;border-bottom:2px solid #000;padding:5px}.video-section .list:last-child{border-bottom:0}.video-section .list.active{background-color:#de2114}.container .video-section .video-list-container .list.active .list-title{color:#fff}.video-section .list-video{width:245px}.video-section .list-title{font-size:17px;color:#444}@media (max-width:1024px){.video-section .container:after{display:none}.video-section .main-video-container,.video-section .video-list-container{height:35vw;padding:0}.video-section .main-video{height:calc(35vw - 5px)}}