.card-swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.3rem}.card-swatches--center{justify-content:center}.card-swatches--right{justify-content:flex-end}.card-swatches__li{display:flex;line-height:1}.card-swatches__item{position:relative;display:block;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:50%;background:var(--swatch-background, transparent);box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.25);cursor:pointer;-webkit-appearance:none;appearance:none;transition:box-shadow var(--duration-short) ease}.card-swatches__item:after{content:"";position:absolute;top:-.3rem;right:-.3rem;bottom:-.3rem;left:-.3rem}.card-swatches__item:hover,.card-swatches__item--active{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground))}.card-swatches__item:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.card-swatches__item--unavailable{opacity:.45}.card-swatches__item--unavailable:before{content:"";position:absolute;top:-10%;left:50%;width:.1rem;height:120%;background:rgb(var(--color-foreground));transform:rotate(45deg)}.card-swatches__more{position:relative;font-size:1.2rem;line-height:1.6rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.75);text-decoration:none}.card-swatches__more:hover{text-decoration:underline}.card-wrapper--swatch-selected .media.media--hover-effect>img:first-child:not(:only-child){opacity:1!important}.card-wrapper--swatch-selected .media.media--hover-effect>img+img{opacity:0!important}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-card-swatches.css.map */