.video-controls{align-items:center;bottom:0;display:flex;left:0;padding-bottom:16px;padding-left:16px;padding-top:24px;position:absolute;width:100%;z-index:3}.video-controls:before{background:linear-gradient(180deg,transparent,#000);bottom:-11.86%;content:"";height:111.86%;left:0;position:absolute;width:100%}.video-controls__toggle-button{align-items:center;background-color:rgba(0,12,21,.3);border:1px solid #fff;border-radius:48px;cursor:pointer;display:flex;height:48px;justify-content:center;margin-right:24px;width:48px;z-index:1}.video-controls__toggle-button.is--paused:before{display:block}.video-controls__toggle-button.is--paused:after{display:none}.video-controls__toggle-button:before{color:#fff;display:none}.video-controls__toggle-button:after{color:#fff;font-size:22px}.video-controls__sound-button{align-items:center;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;width:24px;z-index:1}.video-controls__sound-button.is--muted:after{display:block}.video-controls__sound-button:before{color:#fff;font-size:24px}.video-controls__sound-button:after{background-color:#fff;content:"";display:none;height:2px;left:-4px;position:absolute;top:23px;transform:rotate(-45deg);width:115%}