.card-color-swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1rem;max-width:100%}.card-color-swatch{position:relative;flex:0 0 auto;width:1.8rem;height:1.8rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.28);border-radius:50%;background:var(--swatch-color, #ccc) center / cover no-repeat;cursor:pointer;appearance:none;-webkit-appearance:none;transition:outline-offset .15s ease,opacity .15s ease}.card-color-swatch.is-light{border-color:rgba(var(--color-foreground),.45)}.card-color-swatch:hover,.card-color-swatch:focus-visible,.card-color-swatch.is-active{outline:.2rem solid rgba(var(--color-foreground),.85);outline-offset:.2rem}.card-color-swatch:focus{outline:.2rem solid rgba(var(--color-foreground),.85);outline-offset:.2rem}.card-color-swatch:focus:not(:focus-visible){outline:none}.card-color-swatch.is-active:focus:not(:focus-visible){outline:.2rem solid rgba(var(--color-foreground),.85);outline-offset:.2rem}.card-color-swatch.is-sold-out{opacity:.45}.card-color-swatch.is-sold-out:after{content:"";position:absolute;top:50%;left:.1rem;right:.1rem;height:.1rem;background:rgba(var(--color-foreground),.85);transform:rotate(-45deg);pointer-events:none}.card-color-swatches__more{font-size:1.2rem;line-height:1;letter-spacing:.04rem;color:rgba(var(--color-foreground),.75);white-space:nowrap}@media screen and (max-width:749px){.card-color-swatch{width:2.2rem;height:2.2rem}}.card-information .card-color-swatches,.card__information .card-color-swatches{grid-column:1 / -1}.card-wrapper.is-color-swatch-preview .media.media--hover-effect>img[data-card-primary-image],.card-wrapper.is-color-swatch-preview .media.media--hover-effect>img:first-of-type{opacity:1!important;transform:none!important}.card-wrapper.is-color-swatch-preview .media.media--hover-effect>img:not([data-card-primary-image]){opacity:0!important;visibility:hidden;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/card-color-swatches.css.map */