.videosDialogSurface{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#00000080;z-index:4}.videosDialog{position:absolute;width:90%;height:90%;display:grid;grid-template-columns:70% 30%;border-radius:10px;overflow:hidden}.vdLeft{background-color:#0f74a8;box-shadow:0 0 20px -10px #000;height:100%;overflow:auto}.vdPlayer{width:100%;padding:20px}.vdRight{background-color:#0f74a8;background-image:linear-gradient(45deg,black,transparent);overflow-y:auto;height:100%}.vdrVideoList{display:flex;flex-direction:column;gap:10px;padding:10px}.vdrItem{display:grid;grid-template-columns:30% 70%;cursor:pointer}.vdrItem .vdrInfo{display:none}.vdriImg{width:100%;overflow:hidden;border-radius:8px}.vdriImg img{width:100%;height:100%;object-fit:cover}.vdrTitle{padding:10px}.vdrTitle p{font-family:InterSemiBold;color:#fff}.vdrContentType{margin:0 0 10px;padding:0 10px}.vdrContentType p{font-size:12px;font-family:InterSemiBold;color:#fff}.vdrPlaing{padding:0 10px;display:none}.vdrItem.active .vdrPlaing{display:block}.vdrPlaing p{font-size:12px;font-family:InterSemiBold;color:#fff}.yt-player,.yt-player iframe{width:100%;height:100%}.nowPlayingTitle{padding:0 0 20px 20px}.nowPlayingTitle p{color:#fff;font-family:Montserrat-Bold;font-size:20px}.nowPlayingDesc{margin:0 0 30px 20px}.nowPlayingDesc p{color:#fff;font-family:Inter;font-size:14px;margin:0;line-height:20px}.videosDiaolgClose{position:absolute;top:20px;right:20px;width:30px;cursor:pointer;z-index:1}
