.color-swatches{margin:16px 0}.color-swatches__list{display:flex;flex-wrap:nowrap;gap:12px;padding:4px 0;margin:0;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.color-swatches__item{flex:0 0 auto;scroll-snap-align:start}.color-swatches__chip{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px;min-height:72px;padding:6px 8px;border:2px solid transparent;border-radius:8px;text-decoration:none;color:inherit;background:transparent;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.color-swatches__link:hover{border-color:#00000026}.color-swatches__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.color-swatches__item.is-active .color-swatches__chip{border-color:currentColor;background:#0000000a}.color-swatches__image{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;background:#f3f4f6}.color-swatches__name{font-size:11px;line-height:1.2;text-align:center;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.color-swatches__list{flex-wrap:wrap;overflow-x:visible}.color-swatches__name{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/cross-color-selector.css.map */