.video-playback-toggle{position:absolute;z-index:3;display:block;line-height:0}.video-playback-toggle[hidden]{display:none}.video-playback-toggle--center{top:50%;left:50%;transform:translate(-50%, -50%)}.video-playback-toggle--bottom-left{bottom:1rem;left:1rem}.video-playback-toggle--bottom-right{bottom:1rem;right:1rem}.video-playback-toggle--top-left{top:1rem;left:1rem}.video-playback-toggle--top-right{top:1rem;right:1rem}.video-playback-toggle__button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background-color:rgba(0,0,0,.45);color:#fff;cursor:pointer;transition:background-color .2s ease}.video-playback-toggle__button:hover{background-color:rgba(0,0,0,.7)}.video-playback-toggle__button:focus-visible{outline:.125rem solid #fff;outline-offset:.125rem}.video-playback-toggle__button .icon-pause{width:.625rem;height:.9375rem}.video-playback-toggle__button .icon-play{display:none;width:.6875rem;height:.9375rem}.video-playback-toggle.is-paused .video-playback-toggle__button .icon-pause{display:none}.video-playback-toggle.is-paused .video-playback-toggle__button .icon-play{display:block}