.color-swatches-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.color-swatches-grid .color-swatch-item,.color-swatches-grid .color-swatch-item a{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-decoration:none;color:inherit}.color-swatches-grid .color-swatch-item .color-swatch-visual{overflow:hidden;flex-shrink:0}.color-swatches-grid .color-swatch-item .color-swatch-visual img{width:100%;height:100%;display:block;object-fit:cover}.color-swatches-grid .color-swatch-item .color-swatch-label{display:block;text-align:center;font-size:1.3rem;line-height:1.4}.color-swatches-grid.color-swatches-grid--size-small .color-swatch-visual{width:6rem;height:6rem}.color-swatches-grid.color-swatches-grid--size-medium .color-swatch-visual{width:8rem;height:8rem}.color-swatches-grid.color-swatches-grid--size-large .color-swatch-visual{width:10rem;height:10rem}.color-swatches-grid.color-swatches-grid--shape-rectangle .color-swatch-visual{border-radius:0}.color-swatches-grid.color-swatches-grid--shape-rounded .color-swatch-visual{border-radius:var(--border-radius-base)}.color-swatches-grid.color-swatches-grid--shape-circle .color-swatch-visual{border-radius:50%}.color-swatches-grid.color-swatches-grid--columns{display:grid;grid-template-columns:repeat(var(--swatches-columns),1fr);justify-items:center}@media(max-width:1199px){.color-swatches-grid.color-swatches-grid--columns{grid-template-columns:repeat(min(var(--swatches-columns),10),1fr)}}@media(max-width:989px){.color-swatches-grid{gap:1.6rem}.color-swatches-grid .color-swatch-label{font-size:1.2rem}.color-swatches-grid.color-swatches-grid--columns{grid-template-columns:repeat(min(var(--swatches-columns),6),1fr)}}@media(max-width:749px){.color-swatches-grid{gap:1.2rem}.color-swatches-grid .color-swatch-item,.color-swatches-grid .color-swatch-item a{gap:.6rem}.color-swatches-grid .color-swatch-label{font-size:1.15rem}.color-swatches-grid.color-swatches-grid--size-small .color-swatch-visual{width:5rem;height:5rem}.color-swatches-grid.color-swatches-grid--size-medium .color-swatch-visual{width:6.5rem;height:6.5rem}.color-swatches-grid.color-swatches-grid--size-large .color-swatch-visual{width:8rem;height:8rem}.color-swatches-grid.color-swatches-grid--columns{grid-template-columns:repeat(min(var(--swatches-columns),3),1fr)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-color-swatches.css.map */