.mcs-wrapper.mcs-inline{ display:inline-flex; margin-left:8px; padding:0; border:0; background:transparent; vertical-align:middle; }
.mcs-swatches{ display:inline-flex; gap:6px; align-items:center; }
.mcs-swatch{ display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center; }
.mcs-chip{ width:28px; height:28px; border-radius:6px; border:2px solid rgba(0,0,0,.12); background: var(--mcs, linear-gradient(45deg,#ddd,#bbb)); display:block; box-shadow:0 1px 4px rgba(0,0,0,.08); }
.mcs-chip--img{ background-image: var(--mcs-img); background-size: cover; background-position: center; }