@charset "utf-8";.containervid{display:grid;grid-template-columns:2fr 1fr;gap:15px;align-items:flex-start;padding:5px 5%}.containervid .main-video{background:#000;border-radius:5px;border:1px solid #fcd49d;padding:10px}.containervid .main-video video{width:100%;height:520px;border-radius:5px}.containervid .main-video .title{color:#fcd49d;font-weight:300;font-size:23px;text-align:center;padding-top:15px;padding-bottom:15px}.containervid .video-list{background:#000;border-radius:5px;border:1px solid #fcd49d;height:609px;overflow-y:scroll}.containervid .video-list::-webkit-scrollbar{width:7px}.containervid .video-list::-webkit-scrollbar-track{background:#404040;border-radius:50px}.containervid .video-list::-webkit-scrollbar-thumb{background:#fcd49d;border-radius:50px}.containervid .video-list .vid video{width:100px;border-radius:5px}.containervid .video-list .vid{display:flex;height:80px;align-items:center;gap:15px;background:#303030;border-radius:5px;margin:10px;padding:10px;border:1px solid rgba(0,0,0,.1);cursor:pointer}.containervid .video-list .vid:hover{background:#000;height:80px}.containervid .video-list .vid:active{background:#680000;height:80px}.containervid .video-list .vid:active .title{color:#fff}.containervid .video-list .vid .title{color:#fcd49d;font-weight:300;font-size:17px}@media (max-width:991px){.containervid{grid-template-columns:1.5fr 1fr;padding:10px}}@media (max-width:768px){.containervid{grid-template-columns:1fr}.containervid .video-list .vid{margin:8px;padding:4px}.containervid .main-video video{height:480px}}