/* Variant pickers for other products (variants.js): the kit's size chips, sized for six numbers or for words. */
.ig .vr-chips { display: flex; gap: 8px; }
.ig .vr-chips > span { flex: 1 1 0; min-width: 0; height: 38px; border-radius: 10px; border: 1px solid var(--ig-line); display: grid; place-items: center;
  font: 600 14px/17px var(--ig-text); white-space: nowrap; }
.ig .vr-chips.fit > span { flex: 0 0 auto; padding: 0 16px; }
.ig .vr-chips > .on { background: #fff; color: #0B0B0B; border-color: #fff; }
/* sold out: still readable, struck through, with a dashed edge so it doesn't read as disabled styling alone */
.ig .vr-chips > .out { color: var(--ig-muted); border-style: dashed; text-decoration: line-through; }
/* taps: a chip dims while pressed, as the kit's size chips do */
.device .scr:not(.out) .ig .vr-chips > span { transition: opacity .12s; }
.device .scr:not(.out) .ig .vr-chips > span:active { opacity: .6; transition: none; }