.card-swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:.6rem}.card-swatch{width:18px;height:18px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(var(--color-foreground),.25);padding:0;cursor:pointer;background-size:cover;background-position:center;transition:transform .12s ease,box-shadow .12s ease}.card-swatch:hover{transform:scale(1.1)}.card-swatch.is-active{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground))}.card-swatch.is-unavailable{opacity:.4}.card-swatch:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.card-swatches__more{font-size:1.2rem;line-height:1;opacity:.7}.card-wrapper.is-swatched .media.media--hover-effect>img+img{display:none}.card-wrapper.is-swatched .media.media--hover-effect>img:first-child{opacity:1!important}@media screen and (max-width:749px){.card-swatches{gap:8px}.card-swatch{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/card-color-swatches.css.map */