#play-back-player{overflow:hidden}.con-vs-popup .vs-popup{width:800px}.camera-play-list{height:250px}[dir] .play-list-item{cursor:pointer}.vs-popup--content{overflow:hidden}.no-video{height:100%;width:100%}[dir] .no-video{background-color:#000}.video{width:100%;height:100%}[dir] .video{border-radius:4px}.history-camera-no-video{position:relative}.history-camera-no-video p{position:absolute;top:50%;color:#fff;z-index:5}[dir] .history-camera-no-video p{margin:0;padding:0}[dir=ltr] .history-camera-no-video p{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] .history-camera-no-video p{right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}#play-back-player-container{display:grid;grid-template-rows:300px 80px;grid-template-columns:500px 1fr;grid-template-areas:"area-main-video area-playlist" "area-video-controls area-playlist"}#play-back-player-container .scroll-area{position:relative;width:250px;height:300px;overflow:auto}#item-main-video{grid-area:area-main-video}[dir] #item-main-video{background-color:#000}#item-video-controls{grid-area:area-video-controls}#item-playlist{grid-area:area-playlist}[dir] #item-playlist{padding:1rem}#playlist-container{display:grid;grid-template-columns:220px;grid-template-areas:"area-playlist-header" "area-playlist-content"}.play-list-item-info{width:150px}.play-list-item-info p.on-playing{font-weight:200;color:#7367f0}[dir] .on-playing{border:#333}