.card-product__swatch-carousel{position:relative;max-width:100%}.card-product__swatch-more{display:none}@media screen and (max-width:749px){.card-product-swatch__image .card-product__swatch-carousel{--swatch-carousel-background: var(--color-background);width:min(100%,172px)}.card-product-swatch__image .card-product__swatch-carousel.justify-center{margin-inline:auto}.card-product-swatch__image .card-product__swatch-carousel.justify-end{margin-inline-start:auto}.product-card-wrapper-bg .card-product-swatch__image .card-product__swatch-carousel{--swatch-carousel-background: var(--color-background-card)}.card-product-swatch__image .card-product__swatch-list{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;justify-content:flex-start;gap:8px;scroll-snap-type:x proximity;scroll-padding-inline:2px;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.card-product-swatch__image:not(.is-overflowing) .card-product__swatch-list{width:max-content}.card-product-swatch__image .card-product__swatch-list::-webkit-scrollbar{display:none}.card-product-swatch__image .card-product__swatch-item{flex:0 0 auto;scroll-snap-align:start}.card-product-swatch__image .card-product__swatch-item .swatch-button-image{--swatch-image: 44px;box-sizing:border-box;margin-right:0}.card-product-swatch__image .swatch-button-image:focus-visible{outline-offset:-3px}.card-product-swatch__image .card-product__swatch-more{color:rgba(var(--color-foreground) / .7);pointer-events:none;position:absolute;z-index:2;inset-block:0;inset-inline-end:0;display:flex;width:36px;align-items:center;justify-content:flex-end;padding-inline-end:3px;background:linear-gradient(to right,rgba(var(--swatch-carousel-background) / 0),rgb(var(--swatch-carousel-background)) 78%);opacity:0;visibility:hidden;transition:opacity var(--duration-short) ease,visibility var(--duration-short) ease}.card-product-swatch__image.has-overflow-right .card-product__swatch-more{opacity:1;visibility:visible}.card-product-swatch__image .card-product__swatch-more svg{width:8px;height:14px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/card-product-swatch.css.map */