.video-wrapper{position:relative;background:#000;border-radius:10px;overflow:hidden}.video-wrapper video{width:100%;height:auto;display:block;object-fit:contain}.video-wrapper .controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;transition:opacity .3s;opacity:0;pointer-events:none}.video-wrapper .controls.active{opacity:1;pointer-events:auto}.video-wrapper .controls .btn{background:white;border-radius:50%;width:70px;height:70px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px #00000040;cursor:pointer}.video-wrapper .controls .btn .icon{width:34px;height:34px;pointer-events:none}.video-wrapper .progress-bar{position:absolute;bottom:0;left:0;height:6px;width:100%;background-color:red}.video-wrapper .progress-bar .progress{height:6px;width:0%;background-color:#8a2be2;transition:width .1s linear}