video-toggle{position:absolute;z-index:900}video-toggle[data-position=top-left]{top:1rem;left:1rem}video-toggle[data-position=top-right]{top:1rem;right:1rem}video-toggle[data-position=bottom-left]{bottom:1rem;left:1rem}video-toggle[data-position=bottom-right]{bottom:1rem;right:1rem}video-toggle[data-position=center]{top:50%;left:50%;transform:translate(-50%,-50%)}.video-playstate-button{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:none;border-radius:50%;background-color:#ffffffe6;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .2s ease,transform .2s ease}.video-playstate-button:hover{background-color:#fff;transform:scale(1.05)}.video-playstate-button:focus-visible{outline:.2rem solid rgba(var(--color-button),.5);outline-offset:.3rem}.video-playstate-button .icon{width:1.6rem;height:1.6rem}video-toggle[play-state=playing] .icon-play,video-toggle[play-state=paused] .icon-pause{display:none}video-toggle[data-size=small] .video-playstate-button{width:3.6rem;height:3.6rem}video-toggle[data-size=small] .video-playstate-button .icon{width:1.2rem;height:1.2rem}video-toggle[data-size=large] .video-playstate-button{width:5.6rem;height:5.6rem}video-toggle[data-size=large] .video-playstate-button .icon{width:2rem;height:2rem}@media screen and (prefers-reduced-motion: reduce){.video-playstate-button{transition:none}.video-playstate-button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/1011/assets/component-video-toggle.css.map */