.card__color-swatches{display:flex!important;flex-wrap:wrap;gap:6px;margin-top:10px;margin-bottom:6px;align-items:center;justify-content:center;min-height:38px}.card-wrapper .card__color-swatch,a.card__color-swatch{display:inline-block!important;width:36px!important;height:36px!important;min-width:36px;min-height:36px;flex:0 0 36px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;transition:transform .12s ease,border-color .12s ease;text-decoration:none;box-sizing:border-box;padding:0;margin:0;font-size:0;line-height:0}.card-wrapper .card__color-swatch:hover,.card-wrapper .card__color-swatch:focus,a.card__color-swatch:hover,a.card__color-swatch:focus{transform:scale(1.12);border-color:#00000073;outline:none}.card-wrapper .card__media img.is-swatch-preview{opacity:.999}.product-form__input--swatch{--swatch-input--size: 7rem !important}.product-form__input--swatch .swatch-input__label{width:7rem!important;height:7rem!important;margin-right:.6rem;margin-bottom:.6rem}.product-form__input--swatch .swatch-input__label .swatch{--swatch--size: 7rem !important;width:7rem!important;height:7rem!important;max-width:100%}.quick-add-modal .product-form__input--swatch .swatch-input__label,.quick-add-modal .product-form__input--swatch .swatch-input__label .swatch{width:6rem!important;height:6rem!important;--swatch--size: 6rem !important}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-card-color-swatches.css.map */