.card-variant-swatches{width:100%;margin-top:.8rem}.card-information .card-variant-swatches{margin-top:1rem}.card-variant-swatches__list{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.card-variant-swatches__btn{--swatch-size: 2.2rem;position:relative;width:var(--swatch-size);height:var(--swatch-size);padding:0;border:1px solid rgba(46,42,57,.18);border-radius:50%;background:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;flex:0 0 auto}.card-variant-swatches__btn.is-extra[hidden]{display:none!important}.card-variant-swatches__face{display:block;width:100%;height:100%;border-radius:50%;background-color:var(--swatch-bg, #ddd);background-image:var(--swatch-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.card-variant-swatches__btn.is-active,.card-variant-swatches__btn:focus-visible{border-color:#2e2a39;box-shadow:0 0 0 1px #2e2a39;outline:none}.card-variant-swatches__btn:hover{border-color:#2e2a39}.card-variant-swatches__more{min-width:2.2rem;height:2.2rem;padding:0 .45rem;border:1px solid rgba(46,42,57,.18);border-radius:999px;background:#f7f5f1;color:#2e2a39;font-size:1.1rem;line-height:1;cursor:pointer;appearance:none;-webkit-appearance:none}.card-variant-swatches__more:hover,.card-variant-swatches__more[aria-expanded=true]{border-color:#2e2a39}.card-wrapper .card__media-image.is-swatch-active+img{opacity:0}.irus-sq-swatch.card-variant-swatches{display:block;width:100%;margin:.6rem 0 .4rem;padding:0 .2rem;min-height:2.4rem}.irus-sq-swatch .card-variant-swatches__list{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.irus-sq-swatch .card-variant-swatches__btn{--swatch-size: 2.8rem}.irus-sq-swatch .card-variant-swatches__face{background-color:#fff}.sparq-card .sq-sy-swatch,.sparq-bottom .sq-sy-swatch,.sparq-thumbnail-wrap+.sq-sy-swatch,.irus-sq-swatch .sq-palette{margin-top:.6rem;padding:0}.irus-sq-swatch .sq-palette{justify-content:flex-start;gap:6px}.irus-sq-swatch .sq-pallete-item{width:28px;height:28px}.irus-sq-swatch .sq-pallete-image{width:26px;height:26px;object-fit:cover;border-radius:50%;border:1px solid rgba(46,42,57,.18);cursor:pointer}.irus-sq-swatch img.sq-pallete-image.sq-active{border-color:#2e2a39;box-shadow:0 0 0 1px #2e2a39}
/*# sourceMappingURL=/cdn/shop/t/25/assets/card-variant-swatches.css.map */