.card-variant-swatches{display:block;margin-top:.8rem}.card-variant-swatches__list{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.card-variant-swatches__button{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:.2rem;margin:0;border-radius:50%;cursor:pointer;line-height:0;position:relative;z-index:3}.card-variant-swatches__button .swatch{--swatch--size: 1.8rem;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.18);transition:box-shadow var(--duration-short) ease,transform var(--duration-short) ease}.card-variant-swatches__button:hover .swatch,.card-variant-swatches__button:focus-visible .swatch{transform:scale(1.08);box-shadow:0 0 0 .15rem rgba(var(--color-foreground),.55)}.card-variant-swatches__button.is-active .swatch{box-shadow:0 0 0 .15rem rgb(var(--color-background)),0 0 0 .3rem rgba(var(--color-foreground),.75)}@media screen and (max-width:749px){.card-variant-swatches__button .swatch{--swatch--size: 1.7rem}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-card-swatches.css.map */