.video-toggle{--video-toggle-inset: 16px;--video-toggle-size: 44px;display:block;position:relative}.video-toggle>video{display:block;width:100%}.video-toggle__button{position:absolute;top:auto;right:auto;bottom:var(--video-toggle-inset);left:var(--video-toggle-inset);display:flex;align-items:center;justify-content:center;width:var(--video-toggle-size);height:var(--video-toggle-size);padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;opacity:.85;transition:opacity .15s var(--ease--out--default, ease),background-color .15s var(--ease--out--default, ease)}.video-toggle--top-left .video-toggle__button{top:var(--video-toggle-inset);right:auto;bottom:auto;left:var(--video-toggle-inset)}.video-toggle--top-right .video-toggle__button{top:var(--video-toggle-inset);right:var(--video-toggle-inset);bottom:auto;left:auto}.video-toggle--bottom-left .video-toggle__button{top:auto;right:auto;bottom:var(--video-toggle-inset);left:var(--video-toggle-inset)}.video-toggle--bottom-right .video-toggle__button{top:auto;right:var(--video-toggle-inset);bottom:var(--video-toggle-inset);left:auto}.video-toggle__button:hover,.video-toggle__button:focus-visible,.video-toggle.is-paused .video-toggle__button{opacity:1;background:#000000a6}.video-toggle__button:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #000c}.video-toggle__icon{display:none;line-height:0}.video-toggle__icon svg{display:block;width:12px;height:14px}.video-toggle__icon--pause{display:block}.video-toggle.is-paused .video-toggle__icon--pause{display:none}.video-toggle.is-paused .video-toggle__icon--play{display:block}@media (prefers-reduced-motion){.video-toggle__button{transition:none}}@media (forced-colors: active){.video-toggle__button{border:1px solid ButtonText;background:ButtonFace;color:ButtonText}}