.collection-swatches__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--swatch-row-gap) var(--swatch-column-gap)}.collection-swatches--scroll-mobile .collection-swatches__list{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.collection-swatches--scroll-mobile .collection-swatches__list::-webkit-scrollbar{display:none}.collection-swatches__item{flex:0 0 auto;width:calc(var(--swatch-size-mobile) + 1.5rem);scroll-snap-align:start;text-align:center;text-decoration:none;color:rgb(var(--color-foreground));font-size:var(--swatch-font-size);line-height:1.35}.collection-swatches__swatch{position:relative;display:block;width:var(--swatch-size-mobile);height:var(--swatch-size-mobile);margin:0 auto .75rem;border-radius:var(--swatch-radius);overflow:hidden;background:var(--swatch-color, var(--color-placeholder-bg, #f0f0f0));border:1px solid rgba(var(--color-foreground),.08);transition:transform .35s ease}.collection-swatches__swatch .responsive-image,.collection-swatches__swatch .placeholder-image{position:absolute;top:0;right:0;bottom:0;left:0;padding-top:0;height:100%;border-radius:0}.collection-swatches__swatch .responsive-image img,.collection-swatches__swatch .placeholder-image .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0}.collection-swatches__swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.collection-swatches--sheen .collection-swatches__swatch:after{box-shadow:inset -6px -8px 14px #2d2a262e,inset 5px 6px 10px #ffffff59}.collection-swatches__item:hover .collection-swatches__swatch,.collection-swatches__item:focus-visible .collection-swatches__swatch{transform:scale(1.06)}.collection-swatches__label{display:block}@media screen and (min-width:768px){.collection-swatches--scroll-mobile .collection-swatches__list{flex-wrap:wrap;justify-content:center;overflow:visible;padding-bottom:0}.collection-swatches__item{width:calc(var(--swatch-size) + 1.5rem)}.collection-swatches__swatch{width:var(--swatch-size);height:var(--swatch-size)}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-collection-swatches.css.map */