.ab-why{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(.9rem,2vw,1.25rem);display:grid}.ab-why .tile{gap:.75rem}.ab-why .tile-p{color:var(--ink-muted)}.ab-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;inline-size:100%;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.ab-swatch{flex-direction:column;gap:.35rem;min-width:0;display:flex}.ab-chip{aspect-ratio:1;border-radius:10px;box-shadow:inset 0 0 0 1px #00000014}.ab-chip-code{color:var(--ink-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:.875rem}@media not (min-width:520px){.ab-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-chip{aspect-ratio:3/2}}.ab-why .tile-wide{grid-column:1/-1}.ab-chip-name{color:var(--ink);overflow-wrap:break-word;font-size:.9375rem}.ab-why .tile-wide .ab-swatches{max-inline-size:54rem}