.card-color-swatches{margin-top:1rem;position:relative;z-index:2}.card-color-swatches__list{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:0;justify-content:var(--card-text-alignment, flex-start)}.card-color-swatches__item{display:inline-flex}.card-color-swatch{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:3px;border:1px solid rgba(var(--color-foreground),.15);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;background-color:transparent;position:relative;background-clip:content-box;box-sizing:border-box}.card-color-swatch--circle{border-radius:50%}.card-color-swatch--square{border-radius:3px}.card-color-swatch:hover{transform:scale(1.1);border-color:rgba(var(--color-foreground),.4)}.card-color-swatch--active{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground));padding:3px}.card-color-swatch--active:hover{transform:none}.card-color-swatch--more{background-color:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground));font-size:1rem;font-weight:500;text-decoration:none;border-color:rgba(var(--color-foreground),.2)}.card-color-swatch--more:hover{background-color:rgba(var(--color-foreground),.12)}.card-color-swatch[style*=white],.card-color-swatch[style*="#fff"],.card-color-swatch[style*=ivory],.card-color-swatch[style*=cream],.card-color-swatch[style*=beige],.card-color-swatch[style*="#fffff"]{border-color:rgba(var(--color-foreground),.25)}@media screen and (min-width:750px){.card-color-swatch{width:2.6rem;height:2.6rem;padding:3px}.card-color-swatches__list{gap:.8rem}}.card-color-swatch--unavailable{opacity:.4;cursor:not-allowed}.card-color-swatch--unavailable:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:rgba(var(--color-foreground),.5);transform:rotate(-45deg)}.card__media.card__media--color-transitioning .media>img:first-child{opacity:0}.card__media .media>img{transition:opacity .3s ease}
/*# sourceMappingURL=/cdn/shop/t/51/assets/component-card-color-swatches.css.map */