:has(>.product-video-pause){position:relative}.product-video-pause{position:absolute;top:.75rem;right:.75rem;z-index:3}.product-video-pause[hidden]{display:none}.product-video-pause__button{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;color:rgb(var(--color-background));background-color:rgba(var(--color-foreground),.7);border:.0625rem solid rgba(var(--color-background),.8);border-radius:50%;cursor:pointer}.product-video-pause__button:hover{background-color:rgba(var(--color-foreground),.9)}.product-video-pause__button:focus-visible{outline:.125rem solid rgb(var(--color-background));outline-offset:.125rem;box-shadow:0 0 0 .25rem rgb(var(--color-foreground))}.product-video-pause__button .icon{grid-area:1 / 1}.product-video-pause__button .icon-pause{width:.5rem;height:.75rem}.product-video-pause__button .icon-play{display:none;width:.625rem;height:.875rem}.product-video-pause__button[data-paused=true] .icon-pause{display:none}.product-video-pause__button[data-paused=true] .icon-play{display:block}