.card-wrapper .color-swatches{display:flex;gap:var(--swatch-spacing, .8rem);margin-top:.5rem;flex-wrap:wrap;position:relative;z-index:2;justify-content:center;width:100%;margin:0 auto}.card-wrapper .color-swatch-wrapper{position:relative}.card-wrapper .color-swatch{width:var(--swatch-size, 2rem);height:var(--swatch-size, 2rem);border-radius:50%;cursor:pointer;position:relative;overflow:hidden;border:1px solid rgb(104,104,104)}.card-wrapper .color-swatch img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;display:block}.card-wrapper .color-swatches[data-swatch-shape=square] .color-swatch,.card-wrapper .color-swatches[data-swatch-shape=square] .color-swatch img{border-radius:2px}.card-wrapper .color-swatch:hover{transform:scale(1.1)}.card-wrapper .color-swatch:focus{outline:none}.card-wrapper .color-swatch:not(:has(img)):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-swatch, transparent);border-radius:inherit}.card-wrapper .color-swatch.disabled{opacity:.5;cursor:not-allowed}.card-wrapper .color-swatch.disabled:hover{transform:none}.card-wrapper .card__content .full-unstyled-link{z-index:1}.card-wrapper .color-swatches{position:relative;z-index:2}.card-wrapper .color-swatches{justify-content:var(--text-alignment)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-color-swatches.css.map */