.animated-image{position:relative;display:block}.animated-image>img{display:block;max-width:100%}.animated-image__frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:inherit;object-position:inherit}.media>.animated-image>img,.media>.animated-image>.animated-image__frame{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center center}.animated-image__toggle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.animated-image__toggle[hidden]{display:none}.animated-image__toggle:focus-visible{outline:.3rem solid #1f1f1f;outline-offset:-.3rem;box-shadow:inset 0 0 0 .6rem #fff}.animated-image__toggle:focus:not(:focus-visible){outline:0;box-shadow:none}.animated-image__badge{position:absolute;right:1.2rem;bottom:1.2rem;display:none;align-items:center;justify-content:center;width:4rem;height:4rem;border:.2rem solid #fff;border-radius:50%;background-color:#1f1f1f;pointer-events:none}.animated-image__toggle:focus-visible .animated-image__badge{display:flex}.animated-image__icon{width:1.6rem;height:1.6rem;fill:currentColor;pointer-events:none}.animated-image__icon--play{display:none}.animated-image[data-paused] .animated-image__icon--play{display:block}.animated-image[data-paused] .animated-image__icon--pause{display:none}.animated-image[data-paused]>img:not(.animated-image__frame){opacity:0}
/*# sourceMappingURL=/cdn/shop/t/114/assets/component-animated-image.css.map */