.color-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.color-swatch{display:inline-block;padding:2px;border-radius:50%;border:1px solid transparent;line-height:0;transition:border-color .15s ease,transform .15s ease}.color-swatch__circle{display:block;width:20px;height:20px;border-radius:50%;background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.15)}.color-swatch:hover{transform:scale(1.08)}.color-swatch--active{border-color:rgb(var(--color-foreground))}.color-swatch--active .color-swatch__circle{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground))}.color-swatch--oos .color-swatch__circle{opacity:.35;position:relative}.color-swatch--oos .color-swatch__circle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent 47%,#999 48%,#999 52%,transparent 53%)}.card-wrapper .color-swatches .color-swatch__circle{width:16px;height:16px}.product .color-swatches{gap:12px}.product .color-swatches .color-swatch__circle{width:40px;height:40px}
/*# sourceMappingURL=/cdn/shop/t/72/assets/component-color-swatches.css.map */