.video-container{position:relative;height:100%;display:flex;justify-content:center;align-items:center}.video-container video{width:auto;height:100%;display:block}.progress-container{flex:1;height:4px;position:relative;background-color:rgba(103,76,139,.9);display:flex;align-items:center}.progress-bar{height:100%;width:100%;position:relative;background-color:#fff;border-radius:4px;transform-origin:left center;border-right:10px}.progress-bar:after{content:"";position:absolute;top:50%;right:0;width:10px;height:10px;border-radius:100px;background-color:#fff;transform:translateY(-50%) scaleX(var(--after-scale))}.progress-container:hover .progress-bar{background-color:#fff;height:6px;display:flex;justify-content:center;align-items:center}.progress-container:hover .progress-bar:after{background-color:#fff;width:12px;height:12px}.progress-bar-input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;background-color:transparent;top:0;left:0;cursor:pointer}.progress-bar-input::-webkit-slider-thumb{position:absolute;-webkit-appearance:none;appearance:none;width:0;height:0}.progress-bar-input::-moz-range-thumb{width:0;height:0;border:none;background:transparent}.volume-control{position:relative;width:30px}.mute-button,.volume-control{height:100%;display:flex;align-items:center;justify-content:center}.mute-button{background-color:transparent;border:none;cursor:pointer;width:100%}.volume-slider-container{position:absolute;height:100px;width:100%;bottom:100%}.volume-progress-bar-background{height:80px;width:4px;background-color:rgba(103,76,139,.9)}.volume-progress-bar,.volume-progress-bar-background{position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.volume-progress-bar{cursor:pointer;width:5px;background-color:#fff}.volume-slider{cursor:pointer;position:absolute;width:80px;height:5px;background-color:transparent;border-radius:5px;transform:translate(-50%,-50%) rotate(270deg);bottom:45%;left:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{position:absolute;-webkit-appearance:none;appearance:none;width:0;height:0}.volume-slider:focus{outline:none}video::-webkit-media-controls,video::-webkit-media-controls-enclosure{display:none!important}