.card-color-swatches{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem;justify-content:center}.card-color-swatch{width:24px;height:24px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);background-color:var(--swatch-background, #e6e6e6);background-image:var(--swatch-image, none);background-size:cover;background-position:center;padding:0;margin:0;cursor:pointer;position:relative;flex-shrink:0;transition:box-shadow .15s ease}.card-color-swatch.is-active,.card-color-swatch:hover{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgba(var(--color-foreground),.75)}.card-color-swatch:focus-visible{outline:2px solid rgba(var(--color-foreground),.75);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-card-color-swatches.css.map */