.card-swatches{--card-swatch-size: 1.6rem;--card-swatch-text: 1.1rem;position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:.8rem}.card-swatches--small{--card-swatch-text: 1.1rem;--card-swatch-size: 1.4rem}.card-swatches--medium{--card-swatch-text: 1.3rem;--card-swatch-size: 1.8rem}.card-swatches--large{--card-swatch-text: 1.5rem;--card-swatch-size: 2.2rem}.card-swatches__list{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.card-swatch{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--card-swatch-size) + .6rem);height:calc(var(--card-swatch-size) + .6rem);padding:.2rem;border:.1rem solid transparent;border-radius:50%;text-decoration:none;transition:border-color .15s ease}.card-swatch:hover,.card-swatch:focus-visible{border-color:rgba(var(--color-foreground),.5)}.card-swatch.is-current{border-color:rgb(var(--color-foreground))}.card-swatch:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.1rem}.card-swatch--extra{display:none}.card-swatch__dot{display:block;width:100%;height:100%;border-radius:50%;background:var(--card-swatch-bg, transparent);background-size:cover;background-position:center;border:.1rem solid rgba(var(--color-foreground),.15);box-sizing:border-box}.card-swatch__dot--empty{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.card-swatches__more,.card-swatches__label{font-size:var(--card-swatch-text);line-height:1.2;letter-spacing:.04rem;color:rgba(var(--color-foreground),.75)}.card-swatches__label a{color:inherit}.card-wrapper.is-swatch-preview .media.media--hover-effect>img:first-child:not(:only-child){opacity:1}.card-wrapper.is-swatch-preview .media.media--hover-effect>img+img{opacity:0}.card-swatches--product{margin:1.6rem 0}.card-swatches--product .card-swatches__label{font-size:calc(var(--card-swatch-text) + .2rem)}.card-swatches--product{display:block;--card-swatch-size: 2.4rem;margin:0 0 2rem}.card-swatches--product .card-swatches__pdp-label{display:block;margin-bottom:.8rem;font-size:1.4rem;letter-spacing:.04rem;color:rgb(var(--color-foreground))}.card-swatches--product .card-swatches__pdp-label [data-card-swatch-name]{color:rgba(var(--color-foreground),.7)}
/*# sourceMappingURL=/cdn/shop/t/45/assets/component-card-swatches.css.map */