#videoslider{position:relative;width:100%;padding:50px 0;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#eff2f0}.vsarrow{position:absolute;top:calc(50% - 25px);width:50px;height:50px;cursor:pointer}.vsarrow.left{left:10%}.vsarrow.left img{transform:translate(-2px)}.vsarrow.right{right:10%}.vsarrow.right img{transform:translate(2px)}#vscenter{display:flex;justify-content:center;align-items:center;max-width:100%;width:1300px;aspect-ratio:1920 / 1080}#vsborder1,#vsborder2{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#vsborder1:before{content:"";position:absolute;top:0;left:0;width:100px;height:100px;border-top:2px solid rgba(0,0,0,.6);border-left:2px solid rgba(0,0,0,.6)}#vsborder1:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;border-top:2px solid rgba(0,0,0,.6);border-right:2px solid rgba(0,0,0,.6)}#vsborder2:before{content:"";position:absolute;bottom:0;left:0;width:100px;height:100px;border-bottom:2px solid rgba(0,0,0,.6);border-left:2px solid rgba(0,0,0,.6)}#vsborder2:after{content:"";position:absolute;bottom:0;right:0;width:100px;height:100px;border-bottom:2px solid rgba(0,0,0,.6);border-right:2px solid rgba(0,0,0,.6)}#vscontainer{position:relative;width:1200px;max-width:100%;aspect-ratio:1920 / 1080;overflow:hidden;z-index:1}#vsscroller{position:absolute;left:0;height:100%;display:flex}.vitem{position:relative;height:100%;aspect-ratio:1920 / 1080}.vitem *{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.viplaybutton{position:absolute;width:80px;aspect-ratio:1 / 1;left:calc((100% - 80px)/2);top:calc(50% - 40px);background-color:#0000004d;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:3;cursor:pointer}.viplaybutton .vpbimg{width:30px;transform:translate(3px)}.viplaybutton .vpbimg img{width:100%}.vitemthumbnail{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.vitemthumbnail img{width:100%;height:100%}.vitem .vitemiframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.vitem .vitemiframe iframe{width:100%;height:100%}.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%}.vdLeft{background-color:#0f74a8;box-shadow:0 0 20px -10px #000}.vdPlayer{width:100%;aspect-ratio:1920 / 1080;padding:20px}.vdRight{background-color:#0f74a8;background-image:linear-gradient(45deg,black,transparent);overflow-y:auto}.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%}.vdriImg img{width:100%;height:100%;object-fit:cover}.vdrTitle{padding:10px}.vdrTitle p{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}
