.inline-video{cursor:pointer}.inline-video video{object-fit:cover;background-color:rgb(var(--color-background))}.inline-video__toggle{padding:0;border:none;background-color:transparent;color:currentColor;cursor:pointer;z-index:1}.inline-video__badge{display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.2rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease}.inline-video__toggle:hover .inline-video__badge{transform:translate(-50%,-50%) scale(1.1)}.inline-video__icon .icon{width:2rem;height:2rem}.inline-video__icon--play .icon{margin-left:.2rem}.inline-video__icon--pause,.inline-video[playing] .inline-video__icon--play{display:none}.inline-video[playing] .inline-video__icon--pause{display:flex}.inline-video[playing] .inline-video__badge{opacity:0}.inline-video[playing] .inline-video__toggle:hover .inline-video__badge,.inline-video[playing] .inline-video__toggle:focus-visible .inline-video__badge{opacity:1}.inline-video__toggle:focus-visible .inline-video__badge{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)}.inline-video__toggle:focus:not(:focus-visible){outline:0;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-inline-video.css.map */