ambient-video{display:block;position:relative;width:100%}ambient-video .media{overflow:hidden}ambient-video video{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--media-radius) - var(--media-border-width))}.product-media-container.media-fit-contain ambient-video video{object-fit:contain}.ambient-video__toggle{position:absolute;right:1.2rem;bottom:1.2rem;z-index:2;display:flex;align-items:center;justify-content:center;height:3.6rem;width:3.6rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;background-color:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));cursor:pointer;opacity:0;transition:opacity var(--duration-short) ease,transform var(--duration-short) ease}ambient-video:hover .ambient-video__toggle,ambient-video.is-paused .ambient-video__toggle{opacity:1}.ambient-video__toggle:focus-visible{opacity:1;outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.ambient-video__toggle:hover{transform:scale(1.06)}.ambient-video__toggle svg{width:1.1rem;height:1.3rem}.ambient-video__toggle .ambient-video__icon-play,ambient-video.is-paused .ambient-video__toggle .ambient-video__icon-pause{display:none}ambient-video.is-paused .ambient-video__toggle .ambient-video__icon-play{display:block}@media screen and (max-width:749px){.ambient-video__toggle{opacity:.85;height:3.2rem;width:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-ambient-video.css.map */