.playlist-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;margin:100px auto;max-width:1200px}.playlist-container .main-video-container{flex:1 1 700px}.playlist-container .main-video-container .main-video{margin-bottom:7px;width:100%}.playlist-container .video-list-container{background-color:#fff;border-radius:8px;flex:1 1 350px;height:550px;overflow-y:scroll;padding:30px 18px}.playlist-container .video-list-container.light-blue{background-color:#9fd5d5}.playlist-container .video-list-container.dark-blue{background-color:#2e536b}.playlist-container .video-list-container::-webkit-scrollbar{width:10px}.playlist-container .main-vid-title{color:#3d4543;margin-bottom:10px;margin-top:20px;max-width:90%}.playlist-container .main-vid-desc{font-size:16px;max-width:90%}.playlist-container .vid-wrap{min-height:450px}.playlist-container .details-wrap{position:relative;width:100%}.playlist-container .main-vid-time{background:#2575bb;border-radius:2px;color:#fff;padding:2px 10px;position:absolute;right:2px;top:0}.playlist-container .list-vid-desc{display:none}.playlist-container .video-list-container::-webkit-scrollbar-track{background-color:#fff;border-radius:5px}.playlist-container .video-list-container::-webkit-scrollbar-thumb{background-color:#444;border-radius:5px}.playlist-container .video-list-container .list{align-items:center;background-color:#eee;border-radius:5px;cursor:pointer;display:flex;gap:15px;margin-bottom:10px;padding:10px}.playlist-container .video-list-container .list:last-child{margin-bottom:0}.playlist-container .video-list-container .list.active,.playlist-container .video-list-container .list:hover{background-color:#444;transition:background-color .3s}.playlist-container .video-list-container .list.active .list-time,.playlist-container .video-list-container .list.active .list-title,.playlist-container .video-list-container .list:hover .list-time,.playlist-container .video-list-container .list:hover .list-title{color:#fff}.light .playlist-container .video-list-container .list.active .list-time,.light .playlist-container .video-list-container .list.active .list-title,.light .playlist-container .video-list-container .list:hover .list-time,.light .playlist-container .video-list-container .list:hover .list-title{color:#3d4543}.playlist-container .video-list-container .list .list-time{font-size:.75em}.playlist-container .video-list-container .list .list-video{border-radius:5px;width:100px}.playlist-container .video-list-container .list .list-title{color:#444;font-size:17px}.light .main-vid-desc,.light .main-vid-title,.light .video-list-container .list .list-time,.light .video-list-container .list .list-title,.light .video-list-container h4{color:#fff}.light .video-list-container .list{background-color:transparent}.light .video-list-container .list.active,.light .video-list-container .list:hover{background-color:#eeecf1}.light .video-list-container .list.active .list-time,.light .video-list-container .list.active .list-title,.light .video-list-container .list:hover .list-time,.light .video-list-container .list:hover .list-title{color:#444}@media (max-width:1200px){.container{margin:0}}@media (max-width:600px){.playlist-container{padding-right:40px}.playlist-container .vid-wrap{min-height:unset}.container .main-video-container .main-vid-title{font-size:15px;text-align:center}.container .video-list-container .list{flex-flow:column;gap:10px}.container .video-list-container .list .list-video{width:100%}.container .video-list-container .list .list-title{font-size:15px;text-align:center}}