card-swatches.cs{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;margin-top:1rem;position:relative;z-index:2}.cs--center{justify-content:center}.cs--right{justify-content:flex-end}.cs__list{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;margin:0;padding:0}.cs__list li{display:flex}.cs__swatch{position:relative;width:2rem;height:2rem;padding:0;margin:0;border:0;border-radius:50%;cursor:pointer;background-color:var(--cs-color, #d9d9d9);background-image:var(--cs-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #00000024;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.cs__swatch:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid transparent;transition:border-color .15s ease;pointer-events:none}@media(hover:hover){.cs__swatch:hover{transform:scale(1.12)}.cs__swatch:hover:after{border-color:rgba(var(--color-foreground),.35)}}.cs__swatch[aria-pressed=true]:after{border-color:rgb(var(--color-foreground))}.cs__swatch:focus{outline:none}.cs__swatch:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.cs__count{font-size:1.2rem;line-height:1;letter-spacing:.04rem;color:rgba(var(--color-foreground),.65)}.card-wrapper.cs-active .media.media--hover-effect>img:first-child:not(:only-child){opacity:1!important}.card-wrapper.cs-active .media.media--hover-effect>img+img{opacity:0!important}@media screen and (min-width:750px){.cs__swatch{width:2.2rem;height:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/card-swatches.css.map */