.vid-list-container{overflow-y:auto;padding:10px;box-sizing:border-box;border-radius:8px;background:#f0f0f0}ol#vid-list{padding:0;margin:0}ol#vid-list li{list-style:none;padding:10px;margin-bottom:10px;transition:background-color .3s,transform .3s;flex-direction:column;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:8px;display:flex}ol#vid-list li:hover{transform:scale(1.02);background-color:#e0e0e0}ol#vid-list li.active{border:2px solid #ff6977;background-color:#c60000}ol#vid-list li.active .desc,ol#vid-list li.active .youtubeDate,ol#vid-list li.active .youtubeDate:after{color:#ff9d9d}ol#vid-list li.active .youtubeNumber{color:#fff}ol#vid-list .vid-thumb{height:140px;margin-bottom:10px;position:relative;background-size:cover;background-position:50%;border-radius:8px;width:100%}ol#vid-list .vid-thumb:after{transform:translate(-50%,-50%);font-size:35px;font-weight:900;color:hsla(0,0%,100%,.8);content:"\f144";position:absolute;text-align:center;top:50%;left:50%;width:100%;font-family:Font Awesome\ 5 Pro;display:block}ol#vid-list a{font-size:14px;text-decoration:none;font-weight:600;color:#333;flex-direction:column;align-items:flex-start;width:100%;display:flex}ol#vid-list .desc{overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;text-transform:capitalize;width:100%;margin-top:5px;white-space:nowrap}.youtubeNumber{font-size:11px;margin-right:5px;color:#ff3467}.youtubeDescription{font-size:11px;font-weight:100;margin-bottom:5px}.youtubeDate{font-size:10px;color:#777;text-align:left;width:100%}.youtubeDate:after{font-weight:400;color:#999;content:"\f017";font-family:Font Awesome\ 5 Pro;padding-left:5px}.baslikYX{font-size:22px;font-weight:700;color:#fff;background-image:url(https://crocodilealdis.online/images/baslikbg.png);line-height:70px;padding-left:10px}.vid-container{height:0;overflow:hidden;padding-top:56.25%;position:relative;background-color:#000;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}#vid_frame{height:100%;border:0;position:absolute;top:0;border-radius:8px;left:0;width:100%}@media (max-width:992px){.vid-container{padding-top:56.25%}.baslikYX{font-size:18px;line-height:50px}.vid-list-container,ol#vid-list li{padding:5px}ol#vid-list .vid-thumb{height:100px}ol#vid-list a{font-size:12px}}