.card-color-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.9rem 0 .2rem;padding:0;position:relative;z-index:2;list-style:none}.card-color-swatches__button{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:.18rem;margin:0;border:.15rem solid transparent;border-radius:50%;background:transparent;cursor:pointer;line-height:0}.card-color-swatches__button.is-selected{border-color:#111}.card-color-swatches__swatch{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch-bg, #d9d4cc);background-size:cover;background-position:center;border:.1rem solid rgba(17,17,17,.18);box-sizing:border-box}.card-color-swatches__button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}@media screen and (max-width:749px){.card-color-swatches{gap:.45rem;margin-top:.7rem}.card-color-swatches__button{width:2.2rem;height:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-card-color-swatches.css.map */