.card-swatches{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:10px 0 0;position:relative;z-index:2}.card-swatches li{line-height:0}.card-swatch{display:block;border-radius:50%;outline:1.5px solid transparent;outline-offset:2.5px;transition:outline-color .2s ease;-webkit-tap-highlight-color:transparent}.card-swatch__dot{display:block;width:2rem;height:2rem;border-radius:50%;border:1px solid rgba(0,0,0,.12);transition:transform .2s ease,box-shadow .2s ease}.card-swatch.is-active{outline-color:#1c1c1c}.card-swatch:hover:not(.is-active){outline-color:#0000004d}.card-swatch:hover .card-swatch__dot{transform:scale(1.1);box-shadow:0 1px 4px #00000026}img.card-swatch-fade,img[data-original-src]{transition:opacity .3s ease}.card-swatch-fade{opacity:0!important}.card--swatch-active .media--hover-effect>img+img{opacity:0!important}.card-swatch.is-sold-out{opacity:.6}.card-swatch.is-sold-out .card-swatch__dot{position:relative;overflow:hidden}.card-swatch.is-sold-out .card-swatch__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent calc(50% - .75px),rgba(120,120,120,.8) calc(50% - .75px),rgba(120,120,120,.8) calc(50% + .75px),transparent calc(50% + .75px))}@media(max-width:749px){.card-swatches{gap:10px;margin-top:8px}.card-swatch__dot{width:2.2rem;height:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/card-color-swatches.css.map */