/* START_SNIPPET:ml-jewelry-color (INDEX:93) */
.product--grid__swatches .color-swatch ul{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin:8px 0 0;padding:0;list-style:none}
.product--grid__swatches .color-swatch li.color{width:40px;height:40px;margin:0;display:block;border:0;background:none}
.product--grid__swatches .color-swatch li.color a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;padding:0;outline-offset:0}
.product--grid__swatches .color-swatch li.color a .ml-color-chip{display:block;width:25px;height:25px;min-width:25px;border:1px solid rgba(54,42,35,.18);border-radius:50%;box-shadow:inset 0 1px 2px #ffffff60,0 1px 2px #00000012;transition:box-shadow .2s,transform .2s}
.product--grid__swatches .color-swatch li.color a:hover .ml-color-chip,.product--grid__swatches .color-swatch li.color a:focus-visible .ml-color-chip{box-shadow:0 0 0 3px #fff,0 0 0 4px #765b50;transform:scale(1.03)}
.product--grid__swatches .color-swatch li.color a:focus-visible{outline:2px solid #765b50}
.swatches__swatch--color .swatches__form--label.ml-color-chip{border-radius:50%;width:30px;height:30px;min-width:30px;padding:0;border:1px solid rgba(54,42,35,.2);box-shadow:inset 0 1px 2px #ffffff60;cursor:pointer}
.swatches__swatch--color input:checked + .ml-color-chip{outline:1px solid #624b43;outline-offset:3px;box-shadow:inset 0 1px 2px #ffffff60}
.swatches__swatch--color .ml-color-chip:focus-visible{outline:2px solid #624b43;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.product--grid__swatches .ml-color-chip{transition:none!important}}
/* END_SNIPPET:ml-jewelry-color */
