.card__color-swatches{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:1rem 1.3rem 0;width:100%;position:relative;z-index:2}.card--card .card__color-swatches,.card--standard .card__color-swatches{padding-top:1rem}.card__color-swatch{display:inline-block;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--swatch-color, #cccccc);border:1px solid rgba(0,0,0,.15);box-shadow:0 0 0 1px #fff9 inset;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0;cursor:pointer}.card__color-swatch:hover,.card__color-swatch:focus-visible{transform:scale(1.15)}.card__color-swatch.is-active{box-shadow:0 0 0 2px rgb(var(--color-foreground)),0 0 0 1px #00000026}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card-color-swatches.css.map */