.player-wrapper{padding-top:56.25%;position:relative}.react-player{position:absolute;top:0;left:0}video{width:100%}.video-wrapper{border-radius:10px;justify-content:center;width:100%;max-width:700px;display:flex;position:relative;overflow:hidden}.video-wrapper:hover .controls{transform:translateY(0%)}.controls{-webkit-backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:10px;flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:100%;max-width:500px;padding:14px;transition:all .3s ease-in-out;display:flex;position:absolute;bottom:30px;transform:translateY(150%);box-shadow:0 8px 32px #ffffff1a}.actions button{cursor:pointer;background:0 0;border:none;outline:none}.actions button i{background-color:none;color:#fff;font-size:30px}input[type=range]{background:#fff3;border-radius:20px;width:350px;height:4px;-webkit-appearance:none!important}input[type=range]::-webkit-slider-thumb{cursor:pointer;height:6px;-webkit-appearance:none!important}input[type=range]::-moz-range-progress{background:#fff}.velocity{appearance:none;color:#fff;text-align:center;background:0 0;border:none;outline:none;font-size:16px}.mute-btn{cursor:pointer;background:0 0;border:none;outline:none}.mute-btn i{background-color:none;color:#fff;font-size:20px}