:root{--swatch-size: 22px;--swatch-selected-offset: 3px;--swatch-ring-color: #050d37}.swatch{flex-shrink:0;box-sizing:border-box}.product-card__swatches{display:flex;align-items:center;gap:8px;--card-swatch-pad: calc(var(--swatch-selected-offset, 3px) + 2px);padding:var(--card-swatch-pad);margin-top:calc(var(--card-swatch-pad) * -1);margin-bottom:calc(var(--card-swatch-pad) * -1);margin-right:calc(var(--card-swatch-pad) * -1);margin-left:0;box-sizing:content-box;overflow:visible}@media screen and (max-width:770px){:root{--swatch-size: 18px;--swatch-selected-offset: 2px}.product-card__swatches{--swatch-size: 18px;--swatch-selected-offset: 2px;gap:8px}.product-card__swatch,.product-card__swatch-visual,.product-card__swatch-btn .swatch{width:var(--swatch-size);height:var(--swatch-size);min-width:var(--swatch-size);min-height:var(--swatch-size)}.product-card__info{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-top:16px!important}.product-card__meta{gap:8px!important}.product-card__title{font-size:22px!important;line-height:24px!important;min-height:24px;font-weight:400}.product-card__pricing{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;width:100%}.product-card__price{font-size:22px!important;font-weight:500;line-height:normal}.product-card__compare{font-size:20px!important;font-weight:500;line-height:normal}}.product-card__swatch,.product-card__swatch-visual,.quick-add-modal__swatch,.quick-add-modal__swatch-visual{width:var(--swatch-size);height:var(--swatch-size);min-width:var(--swatch-size);min-height:var(--swatch-size);border:none;border-radius:50%;padding:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;cursor:default;position:relative;overflow:hidden;outline:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.product-card__swatch-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;padding:var(--swatch-selected-offset);border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer;line-height:0;overflow:visible;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .15s ease}.product-card__swatch-btn .product-card__swatch,.product-card__swatch-btn .product-card__swatch-visual,.product-card__swatch-btn .swatch,.quick-add-modal__swatch-btn .swatch,.quick-add-modal__swatch-btn .product-card__swatch,.quick-add-modal__swatch-btn .quick-add-modal__swatch-visual{cursor:pointer}.product-card__swatch-btn .product-card__swatch,.product-card__swatch-btn .product-card__swatch-visual,.product-card__swatch-btn .product-card__swatch--active{padding:0;border:none;outline:none;box-shadow:none;overflow:hidden}@media(hover:hover)and (pointer:fine){.product-card__swatch-btn:hover{border-color:#c8c8c8}}.product-card__swatch-btn.is-active,.product-card__swatch-btn.is-active:hover{border-color:var(--swatch-ring-color)}.product-card__swatch-btn.is-active .product-card__swatch,.product-card__swatch-btn.is-active .product-card__swatch-visual{outline:none;border:none;padding:0}.quick-add-modal__swatch{cursor:pointer}.product-card__swatch--active{outline:none;box-sizing:content-box;padding:var(--swatch-selected-offset);border:1px solid var(--swatch-ring-color);overflow:visible}.product-card__swatch--active .swatch__fill{overflow:hidden;border-radius:50%}.swatch__fill{display:block;width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swatch__fill--light{box-sizing:border-box;box-shadow:inset 0 0 0 1px #050d371f}.product-pdp__swatch{cursor:pointer;border:1px solid transparent;border-radius:50%;padding:var(--swatch-selected-offset);box-sizing:border-box;outline:none}.product-pdp__swatch:hover,.product-pdp__swatch:has(:checked),.product-pdp__swatch.is-selected{outline:none;border-color:var(--swatch-ring-color)}
/*# sourceMappingURL=/cdn/shop/t/214/assets/ab-hp-swatch.css.map */