.video-control{position:relative;cursor:pointer;--button-size:24px}.video-control [data-state]{display:none}.video-control[state=playing] [data-state=playing]{display:flex}.video-control[state=paused] [data-state=paused]{display:flex}.video-control[muted=false] [data-state=muted]{display:flex}.video-control[muted=true] [data-state=unmuted]{display:flex}
.video-control--black{color:var(--color-black)}.video-control--white{color:var(--color-white)}.video-control--custom{color:var(--video-control-color)}.video-control__buttons{position:absolute;top:var(--space-6);right:var(--space-6);display:flex;gap:var(--space-24)}.video-control__button{position:relative;width:var(--button-size);height:var(--button-size)}
.video-control__icon{position:relative;display:flex;justify-content:center;align-items:center}