.media--swap>img:not(.is-active){opacity:0!important;pointer-events:none}.card__swap-nav{position:absolute;top:0;left:0;right:0;height:0;padding-bottom:var(--ratio-percent);pointer-events:none;z-index:2}.card__swap-button{pointer-events:auto;position:absolute;top:50%;right:.6rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:0;background:transparent;color:currentColor;cursor:pointer;opacity:.5;transition:opacity var(--duration-short) ease}.card__swap-button .icon-caret{width:1.2rem;height:1.2rem;transform:rotate(-90deg)}@media(hover:hover){.card__swap-button{opacity:0}.card-wrapper:hover .card__swap-button,.card__swap-button:focus-visible{opacity:.5}.card__swap-button:hover{opacity:.9}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/component-card-image-swap.css.map */