.card-color-swatches{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.8rem}.card-color-swatches--left{justify-content:flex-start}.card-color-swatches--center{justify-content:center}.card-color-swatches--right{justify-content:flex-end}.card-color-swatch{position:relative;z-index:3;display:inline-flex;width:2.4rem;height:2.4rem;padding:.2rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:50%;background-color:rgb(var(--color-background));text-decoration:none;transition:transform .15s ease,border-color .15s ease}.card-color-swatch__color{display:block;width:100%;height:100%;border-radius:50%;background:#d9d9d9;background:var(--card-color-swatch-background, #d9d9d9);background-position:var(--card-color-swatch-position, center);background-repeat:no-repeat;background-size:cover}.card-color-swatch:hover{z-index:4;border-color:rgba(var(--color-foreground),.8);transform:scale(1.1)}.card-color-swatch:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card-color-swatches__more{position:relative;z-index:3;display:inline-flex;align-items:center;min-height:2.4rem;color:rgba(var(--color-foreground),.75);font-size:1.2rem;line-height:1;text-decoration:none}.card-color-swatches__more:hover{color:rgb(var(--color-foreground));text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-card-color-swatches.css.map */