.card-swatches{display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden;gap:.5rem;padding:.4rem;margin:.2rem 0 0 -.4rem;position:relative;z-index:2}.card-swatches__swatch{display:inline-block;width:1.5rem;height:1.5rem;border-radius:50%;border:.1rem solid rgba(0,0,0,.2);background-size:cover;background-position:center;background-repeat:no-repeat;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card-swatches__swatch--selected{border-color:rgba(var(--color-foreground),.9);box-shadow:0 0 0 .15rem rgb(var(--color-background)),0 0 0 .3rem rgba(var(--color-foreground),.55)}a.card-swatches__swatch:hover,a.card-swatches__swatch:focus-visible{border-color:rgba(var(--color-foreground),.9);transform:scale(1.25);box-shadow:0 0 0 .15rem rgb(var(--color-background)),0 0 0 .3rem rgba(var(--color-foreground),.9)}.card-swatches__more{font-size:1.1rem;letter-spacing:0;white-space:nowrap;flex-shrink:0;margin-left:.2rem;color:rgba(var(--color-foreground),.65);text-decoration:none}.card-swatches__more:hover{text-decoration:underline}@media screen and (max-width:749px){.card-swatches__swatch--desktop-only,.card-swatches__more--desktop{display:none}}@media screen and (min-width:750px){.card-swatches__more--mobile{display:none}}.card-wrapper:has(.card-swatches:hover) .media.media--hover-effect>img:first-child{opacity:1!important;transform:none!important}.card-wrapper:has(.card-swatches:hover) .media.media--hover-effect>img+img{opacity:0!important}.card-wrapper:hover .media.media--hover-effect.swatch-hovering>img:first-child{opacity:1!important;transform:none!important}.card-wrapper:hover .media.media--hover-effect.swatch-hovering>img+img{opacity:0!important}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-card-swatches.css.map */