.card-color-swatches{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;align-items:center}.card-color-swatch{display:inline-flex;width:22px;height:22px;border-radius:50%;text-decoration:none;position:relative;flex-shrink:0}.card-color-swatch__circle{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--color-foreground),.25);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;box-sizing:border-box}.card-color-swatch:hover .card-color-swatch__circle{border-color:rgba(var(--color-foreground),.75);box-shadow:0 0 0 1px rgba(var(--color-foreground),.25)}.card-color-swatch.is-active .card-color-swatch__circle{border-color:rgba(var(--color-foreground),.95);box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgba(var(--color-foreground),.95)}.card-color-swatch.is-unavailable{opacity:.35}.card-color-swatch.is-unavailable:after{content:"";position:absolute;width:130%;height:1px;background:rgba(var(--color-foreground),.7);top:50%;left:-15%;transform:rotate(-35deg)}.card-color-swatch__fallback{font-size:10px;line-height:1;color:rgb(var(--color-foreground));text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/9/assets/card-color-swatches.css.map */