.card-swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.8rem}.card-swatches__item{position:relative;width:2.2rem;height:2.2rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--swatch-input--border-radius, .2rem);background:var(--card-swatch, rgba(var(--color-foreground), .08));background-size:cover;background-position:center;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease}.card-swatches__item:hover{border-color:rgba(var(--color-foreground),.55)}.card-swatches__item.is-selected{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground))}.card-swatches__item:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.card-swatches__item.is-unavailable:after{content:"";position:absolute;top:50%;left:-.2rem;right:-.2rem;height:.1rem;background:rgba(var(--color-foreground),.75);transform:rotate(-45deg)}.card-swatches__item--text{width:auto;height:auto;padding:.25rem .7rem;border-radius:var(--swatch-input--border-radius, .2rem);background:transparent;font-family:inherit;font-size:1.1rem;line-height:1.3;text-transform:capitalize;color:rgb(var(--color-foreground))}.card-swatches__more{font-size:1.1rem;line-height:1.3;text-decoration:none;color:rgba(var(--color-foreground),.7)}.card-swatches__more:hover{text-decoration:underline}.card-wrapper.card--swatch-picked .media.media--hover-effect>img:first-child,.card-wrapper.card--swatch-picked:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:1}.card-wrapper.card--swatch-picked .media.media--hover-effect>img+img,.card-wrapper.card--swatch-picked:hover .media.media--hover-effect>img+img{opacity:0}.card-wrapper.card--swatch-picked:hover .media.media--hover-effect>img:first-child{transform:scale(1.03);transition:transform var(--duration-long, .5s) ease}@media(prefers-reduced-motion:reduce){.card-swatches__item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-card-swatches.css.map */