.card-gallery{position:relative;display:block}.card-gallery__viewport{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;cursor:grab}.card-gallery__viewport::-webkit-scrollbar{display:none}.card-gallery.is-dragging .card-gallery__viewport{cursor:grabbing;-webkit-user-select:none;user-select:none}.card-gallery.is-dragging .card-gallery__viewport,.card-gallery.is-animating .card-gallery__viewport{scroll-snap-type:none;scroll-behavior:auto}.card-gallery__track{display:flex;width:100%}.card-gallery__slide{flex:0 0 100%;width:100%;scroll-snap-align:start;display:block}.card-gallery__slide[data-color-hidden],.card-gallery__dot[data-color-hidden]{display:none}.card-gallery__slide .media__img{pointer-events:none}.card-gallery__dots{position:absolute;left:50%;bottom:var(--space-3);z-index:3;display:flex;gap:var(--space-2);transform:translate(-50%);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-expo)}.card-product__media-wrap:has(.card-product__quick-view) .card-gallery__dots{bottom:calc(40px + var(--space-3) + var(--space-3))}.card-gallery:hover .card-gallery__dots{opacity:1;pointer-events:auto}@media(hover:none){.card-gallery__dots{opacity:1;pointer-events:auto}}.card-gallery__dot{width:7px;height:7px;padding:0;border:none;border-radius:var(--radius-full);background-color:#ffffff8c;box-shadow:0 0 3px #14141440;cursor:pointer;transition:transform var(--duration-fast) ease,background-color var(--duration-fast) ease}.card-gallery__dot.is-active{background-color:#fff;transform:scale(1.25)}@media screen and (max-width:989px){.card-product__media-wrap:has(.card-product__quick-view) .card-gallery__dots{bottom:var(--space-3)}}.card-gallery__arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:var(--radius-full);background-color:#ffffffd9;color:#141414;box-shadow:0 1px 6px #14141433;cursor:pointer;transform:translateY(-50%);opacity:0;transition:opacity var(--duration-base) var(--ease-out-expo),background-color var(--duration-fast) ease}.card-gallery__arrow--prev{left:var(--space-2)}.card-gallery__arrow--next{right:var(--space-2)}.card-gallery:hover .card-gallery__arrow,.card-gallery__arrow:focus-visible{opacity:1}.card-gallery:hover .card-gallery__arrow:disabled,.card-gallery__arrow:focus-visible:disabled{opacity:.6}.card-gallery__arrow:hover{background-color:#fff}@media(hover:none){.card-gallery__arrow{opacity:1}}.card-gallery__arrow:disabled{pointer-events:none}@media screen and (max-width:989px){.card-gallery__arrow{width:24px;height:24px}.card-gallery__arrow svg{width:14px;height:14px}}.card-gallery--quick-view .card-gallery__dots{opacity:1;pointer-events:auto}.card-gallery--quick-view .card-gallery__dot{background-color:color-mix(in srgb,var(--color-foreground) 30%,transparent);box-shadow:none}.card-gallery--quick-view .card-gallery__dot.is-active{background-color:var(--color-foreground)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-card-gallery.css.map */