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