color-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:6px}color-swatches:empty{display:none}color-swatches[data-show-name]{align-items:flex-start}.card-color-swatch-link{display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit;text-decoration:none}.card-color-swatch,.card-color-swatch-more{display:block;box-sizing:border-box;flex-shrink:0;width:36px;height:36px;padding:0;overflow:hidden;border:2px solid #d9d9d9;border-radius:0;background:#fff;font-size:12px;line-height:1;cursor:pointer}.card-color-swatch-more{display:inline-flex;align-items:center;justify-content:center;color:#000;font-size:13px;font-weight:600;text-indent:0}.card-color-swatch-link:hover .card-color-swatch,.card-color-swatch-more:hover{border-color:#888}.card-color-swatch-link.is-active .card-color-swatch,.card-color-swatch-link.is-active:hover .card-color-swatch{border-color:#000}.card-color-swatch img{display:block;width:100%;height:100%;object-fit:cover}.card-color-swatch-name{max-width:56px;font-size:11px;line-height:1.2;text-align:center;overflow-wrap:anywhere;text-transform:capitalize}.card-color-swatch-link.is-active .card-color-swatch-name{font-weight:600}color-swatches[data-mode=pdp]{gap:8px;margin-bottom:1rem}color-swatches[data-mode=pdp] .card-color-swatch{width:56px;height:56px}color-swatches[data-mode=pdp] .card-color-swatch-name{max-width:72px;font-size:12px}color-swatches[data-mode=pdp]:not(:empty)~.x-variant-picker [data-option-name=colour],color-swatches[data-mode=pdp]:not(:empty)~.x-variant-picker [data-option-name=color]{display:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/color-swatches.css.map */