:root{--swatch-size: 18px;--swatch-selected-offset: 3px;--swatch-ring-color: #050d37}@media screen and (max-width:768px){:root{--swatch-size: 9px;--swatch-selected-offset: 2px}}.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:768px){.product-card__swatches{gap:6px}}.product-card__swatch,.product-card__swatch-visual,.quick-add-modal__swatch,.quick-add-modal__swatch-visual{width:var(--swatch-size);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;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}.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.is-active{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}.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/222/assets/swatch.css.map */