.loop-video{display:block}.loop-video__still,.loop-video__video{object-fit:cover}.loop-video__video{background:transparent;opacity:0;transition:opacity .2s ease}.loop-video.has-frame .loop-video__video{opacity:1}.loop-video__toggle{z-index:1;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.loop-video__icon{position:absolute;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#121212b8;color:#fff;transition:opacity var(--duration-short, .1s) ease}.loop-video__icon svg{width:1.2rem;height:1.2rem}.loop-video__icon--play,.loop-video.is-playing .loop-video__icon--play{display:none}.loop-video:not(.is-playing) .loop-video__icon--play{display:flex}.loop-video:not(.is-playing) .loop-video__icon--pause{display:none}.loop-video.is-playing .loop-video__icon--pause{opacity:.55}.loop-video__toggle:hover .loop-video__icon,.loop-video__toggle:focus-visible .loop-video__icon{opacity:1}.loop-video__toggle:focus-visible{outline:none;box-shadow:inset 0 0 0 .3rem rgb(var(--color-foreground))}.loop-video.is-paused-by-user .loop-video__icon--play{right:50%;bottom:50%;width:6.4rem;height:6.4rem;transform:translate(50%,50%)}.loop-video.is-paused-by-user .loop-video__icon--play svg{width:2rem;height:2rem}@media screen and (min-width:750px){.loop-video__icon{right:1.6rem;bottom:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-video-loop.css.map */