.card-swatches{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;list-style:none;padding:0;margin:0 0 1rem}.card--horizontal .card-swatches,.complementary-products .card-swatches{display:none}.card-swatch-item{display:flex;margin:0;padding:0}.card-swatch{position:relative;display:block;width:12px;height:12px;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 1px rgba(var(--color-foreground),.2);cursor:pointer;transition:box-shadow .15s ease}.card-swatch:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.card-swatch:hover,.card-swatch.is-selected{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgba(var(--color-foreground),.75)}.card-swatch:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.card-swatch-more{font-size:1.1rem;line-height:12px;letter-spacing:.04rem;color:rgba(var(--color-foreground),.7)}.card-wrapper.card-swatch-preview .media.media--hover-effect>img:first-child:not(:only-child){opacity:1!important}.card-wrapper.card-swatch-preview .media.media--hover-effect>img+img{opacity:0!important}.card-set-badge{position:absolute;top:10px;left:10px;z-index:2;padding:5px 9px 4px;background:#ffffffeb;color:#1a1a1a;font-size:1rem;line-height:1;font-weight:500;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}@media screen and (min-width:750px){.card-set-badge{top:12px;left:12px;font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-card-swatches.css.map */