.card__swatches{--swatch-input--size: 2rem;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem;position:relative;z-index:2}.card__swatches--center{justify-content:center}.card__swatches--right{justify-content:flex-end}.card__swatch-btn{display:block;padding:0;margin:0;border:0;background:none;line-height:0;border-radius:50%}.card__swatch-btn .swatch{border-width:.1rem;border-color:rgba(var(--color-foreground),.3)}.card__swatch-btn[data-media-srcset]{cursor:pointer}.card__swatch-btn .swatch{transition:outline-color var(--duration-short) ease}.card__swatch-btn:hover .swatch{outline:.1rem solid rgba(var(--color-foreground),.4);outline-offset:.2rem}.card__swatch-btn[aria-pressed=true] .swatch{outline:.1rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card__swatch-btn:focus-visible .swatch{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card__swatch-btn:focus:not(:focus-visible){outline:0}.card__swatch-btn--unavailable .swatch{position:relative;overflow:hidden}.card__swatch-btn--unavailable .swatch:after{--diagonal--size: calc(var(--swatch-input--size, 2rem) * 1.414);--crossed-line--size: .2rem;content:"";position:absolute;bottom:calc(var(--crossed-line--size) * -.5);left:0;width:var(--diagonal--size);height:var(--crossed-line--size);background-color:#dc2626;box-shadow:0 0 0 .03rem #fff;transform:rotate(-45deg);transform-origin:left}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-card-swatches.css.map */