.card-gallery__media>.card-gallery__slide{opacity:0;transition:opacity .4s ease}.card-gallery__media>.card-gallery__slide.is-active{opacity:1}.card-gallery{position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:var(--ratio-percent);z-index:2;pointer-events:none}.card-gallery__arrow{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin:-1.8rem 0 0;padding:0;border:0;border-radius:50%;background:rgba(var(--color-background),.88);color:rgb(var(--color-foreground));box-shadow:0 .2rem .6rem #0000001f;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s ease,background-color .2s ease}.card-gallery__arrow svg{width:1.6rem;height:1.6rem}.card-gallery__arrow--prev{left:calc(var(--image-padding, 0rem) + 1rem)}.card-gallery__arrow--next{right:calc(var(--image-padding, 0rem) + 1rem)}.card-gallery__dots{position:absolute;left:50%;bottom:calc(var(--image-padding, 0rem) + 1rem);transform:translate(-50%);display:flex;gap:.6rem;padding:.5rem .8rem;border-radius:1rem;background:rgba(var(--color-background),.8);opacity:0;transition:opacity .25s ease}.card-gallery__dot{width:.6rem;height:.6rem;border-radius:50%;background:rgba(var(--color-foreground),.3);transition:background-color .2s ease}.card-gallery__dot.is-active{background:rgb(var(--color-foreground))}.card:has(.card__inner .card__badge.bottom .badge)>.card-gallery .card-gallery__dots{bottom:calc(var(--image-padding, 0rem) + 4.6rem)}@media(hover:hover)and (pointer:fine){.card-wrapper:hover .card-gallery.is-ready .card-gallery__arrow,.card-wrapper:hover .card-gallery.is-ready .card-gallery__dots{opacity:1}.card-wrapper:hover .card-gallery.is-ready .card-gallery__arrow{pointer-events:auto}.card-gallery__arrow:hover{background:rgb(var(--color-background))}}@media(hover:none),(pointer:coarse){.card-gallery.is-ready .card-gallery__dots{opacity:1;gap:.5rem;padding:.4rem .7rem}.card-gallery__dot{width:.5rem;height:.5rem}}@media(prefers-reduced-motion:no-preference)and (hover:hover){.animate--hover-vertical-lift .card-wrapper .card--standard>.card-gallery{transition:transform var(--duration-medium) var(--ease-out-slow)}.animate--hover-vertical-lift .card-wrapper:hover .card--standard>.card-gallery{transform:translateY(-.75rem)}}@media(prefers-reduced-motion:reduce){.card-gallery__media>.card-gallery__slide,.card-gallery__arrow,.card-gallery__dots{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/card-hover-gallery.css.map */