.ds-chips{flex-wrap:wrap;gap:.35rem;display:flex}.ds-chip{height:1.6rem;color:var(--body);white-space:nowrap;text-box:trim-both cap alphabetic;background:#f3f1f8;border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:0 .65rem;font-size:.74rem;font-style:normal;font-weight:700;display:inline-flex}.ds-chip.is-sm{height:1.4rem;padding:0 .55rem;font-size:.68rem}.ds-chip.is-quiet{color:var(--faint);background:#ffffffb3}.ds-chip.is-lav{color:var(--indigo-deep);background:var(--lav)}.ds-chip.is-ok{color:var(--ok-ink);background:var(--ok-tint)}.ds-chip.is-ember{color:var(--ember-tint-ink);background:var(--ember-tint)}.ds-chip[class*=dot-]:before{content:"";background:currentColor;border-radius:50%;flex:none;width:.5rem;height:.5rem}.ds-chip.dot-ok:before{background:var(--ok)}.ds-chip.dot-warn:before{background:var(--warn)}.ds-chip.dot-off:before{background:0 0;box-shadow:inset 0 0 0 1.5px #17142b59}.ds-dark .ds-chip.is-neutral{color:var(--on-dark-strong);background:#ffffff14}.ds-dark .ds-chip.dot-off:before{box-shadow:inset 0 0 0 1.5px #edeaff99}.ds-dark .ds-chip.is-ok{color:#d6f7e7;background:#65dfa824}