.wnx-card-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0 .1rem;position:relative;z-index:2}.wnx-card-swatches--center{justify-content:center}.wnx-card-swatches--right{justify-content:flex-end}.wnx-swatch{--wnx-swatch-color: #cccccc;width:1.8rem;height:1.8rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.6);border-radius:50%;cursor:pointer;background:var(--wnx-swatch-color);background-origin:border-box;box-shadow:inset 0 .1rem .15rem #ffffff73,0 .1rem .3rem #00000073;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.wnx-swatch:hover{transform:scale(1.12);border-color:rgba(var(--color-foreground),.95)}.wnx-swatch.is-active{transform:none;border-color:rgba(var(--color-foreground),.95);box-shadow:inset 0 .1rem .15rem #ffffff73,0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgba(var(--color-foreground),.9)}.wnx-swatch:focus-visible{outline:.1rem solid rgba(var(--color-foreground),.9);outline-offset:.3rem}.card .price--on-sale .price-item--regular .wnx-price-code{display:none}.card .price--on-sale .price__sale{display:flex;flex-wrap:nowrap;align-items:baseline;gap:.6rem;white-space:nowrap}.card .price .price-item{margin:0}@media screen and (max-width:749px){.card .wnx-price-code{font-size:.72em;letter-spacing:0}.card .price{font-size:clamp(1.2rem,3.6vw,1.4rem);letter-spacing:.02rem}.card .price--on-sale .price-item--regular{font-size:clamp(.9rem,2.6vw,1.05rem)}.card .price--on-sale .price__sale{gap:.4rem}.wnx-card-swatches{gap:.7rem;margin-top:.8rem}.wnx-swatch{width:1.6rem;height:1.6rem}}@media screen and (max-width:349px){.wnx-card-swatches{gap:.5rem}.wnx-swatch{width:1.4rem;height:1.4rem}}.card .w9x-star-rating{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;white-space:nowrap;min-width:0}.card .w9x-star-rating>*{flex:0 0 auto;white-space:nowrap}.card .w9x-star-rating .w9x-review-count{color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.card .w9x-stars{font-size:clamp(1rem,3vw,1.4rem);letter-spacing:.03em}.card .w9x-star-rating .w9x-review-count{font-size:clamp(.9rem,2.7vw,1.2rem)}.card .w9x-star-rating{gap:.4rem}}@media screen and (max-width:399px){.card .w9x-review-count__label{display:none}.card .w9x-review-count__num:before{content:"("}.card .w9x-review-count__num:after{content:")"}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card-swatches.css.map */