.vd-container{position:relative;width:100%;height:100%;background-color:#333;overflow:hidden}.vd-container.controls .vd-controls{display:flex}.vd-container video{position:absolute;top:50%;left:50%;z-index:1;width:100%;height:100%;object-fit:contain;transform:translate(-50%,-50%);background-color:#000}.vd-controls{position:absolute;bottom:0;left:0;z-index:20;width:100%;height:48px;padding:9px 6px;text-shadow:0 0 2px rgba(0,0,0,.5);background:0 0;display:flex;align-items:center;box-sizing:border-box;transition:opacity .3s ease;display:none}.vd-controls:before{content:" ";position:absolute;left:0;right:0;bottom:0;z-index:1;width:100%;height:70px;background:linear-gradient(0deg,rgba(14,14,13,.3) 5%,rgba(14,14,14,.05) 60%,transparent)}.vd-controls>button,.vd-controls>div{position:relative;z-index:10}.vd-controls button{width:40px;height:30px;background:0 0;border:none;cursor:pointer}.control-space{flex:1}.vd-controls .progress-bar-container{position:absolute;bottom:40px;left:0;width:100%;height:14px;padding:0 10px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center}.vd-controls .progress-bar-container:hover .progress-bar{height:5px}.vd-controls .progress-bar-container:hover .progress:after{opacity:1}.vd-controls .progress-bar{width:100%;height:3px;background-color:rgba(255,255,255,.2);position:relative;transition:all .1s ease}.vd-controls .progress{width:0%;height:100%;background-color:#3ca860;position:relative;transition:all .2s ease}.vd-controls .progress:after{content:" ";width:14px;height:14px;position:absolute;top:50%;right:-8px;background-color:#3ca860;transform:translateY(-50%);border-radius:6.5px;opacity:0;transition:opacity .2s}.volume-container{display:flex;align-items:center;position:relative}.volume-container .volume-btn{width:40px;height:30px;background:var(--playerlite-sprite) -68px -92px no-repeat}.volume-container.muted .volume-btn{background:var(--playerlite-sprite) -147px -12px no-repeat}.volume-bar-container{width:0;height:20px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease-in-out;visibility:hidden}.custom-volume-bar{width:100%;height:3px;background-color:rgba(255,255,255,.2);position:relative;margin-right:10px}.custom-volume-level{height:100%;background-color:#fff;position:relative}.custom-volume-level::before{content:" ";position:absolute;top:50%;right:0;transform:translateY(-50%) translateX(50%);width:12px;height:12px;background-color:#fff;border-radius:50%}.volume-container:hover .volume-bar-container{width:80px;visibility:visible}.time-control{color:#fff;font-size:12px}.vd-controls .fullscreen-btn{width:40px;height:30px;background:var(--playerlite-sprite) -145px -63px no-repeat;transition:all .2s ease-in-out}.vd-controls .play-btn{width:40px;height:30px;background:var(--playerlite-sprite) -10px -94px no-repeat}.vd-controls .play-btn.paused{background:var(--playerlite-sprite) -92px -14px no-repeat}.vd-controls .play-prev{width:40px;height:30px;background:var(--playerlite-sprite) -55px -149px no-repeat}.vd-controls .play-next{width:40px;height:30px;background:var(--playerlite-sprite) -5px -149px no-repeat}.big-play-button{width:50px;height:50px;background:var(--playerlite-sprite) -20px -16px no-repeat;opacity:.7;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.poster-layer{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-position:center center;background-color:#000;background-repeat:no-repeat;background-size:contain;display:none;cursor:pointer}.loading-layer{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;display:none}.loading-spinner{position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;animation:spinner .8s linear infinite}.loading-spinner::before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.loading-spinner .txt{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}@keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.play-end-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#4f4e4e;z-index:12;display:none}.play-end-mask.active{display:block}