.tf-chip{display:inline-flex;align-items:center;gap:var(--tf-space-2);min-height:var(--tf-chip-height);padding:var(--tf-space-2) var(--tf-space-4);border:var(--tf-border-width) solid var(--tf-border);border-radius:var(--tf-radius-pill);background:var(--tf-surface);color:var(--tf-text);font-family:var(--tf-font-text);font-size:var(--tf-fs-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--tf-dur-fast) var(--tf-ease-out),border-color var(--tf-dur-fast) var(--tf-ease-out),color var(--tf-dur-fast) var(--tf-ease-out)}.tf-chip:hover{border-color:var(--tf-clay)}.tf-chip:active{transform:translateY(var(--tf-press-offset))}.tf-chip:focus-visible{outline:none;box-shadow:var(--tf-shadow-focus)}.tf-chip[aria-pressed="true"]{background:var(--tf-clay);border-color:var(--tf-clay);color:var(--tf-on-brand)}.tf-chip[disabled],.tf-chip[aria-disabled="true"]{opacity:.5;cursor:not-allowed}.tf-badge{display:inline-flex;align-items:center;gap:var(--tf-space-1);height:var(--tf-badge-height);padding:0 var(--tf-space-3);border-radius:var(--tf-radius-sm);font-family:var(--tf-font-text);font-size:var(--tf-fs-xs);font-weight:var(--tf-weight-semibold);white-space:nowrap}.tf-badge--olive{background:var(--tf-olive-soft);color:var(--tf-olive)}.tf-badge--honey{background:var(--tf-honey-soft);color:var(--tf-honey-text)}.tf-badge--clay{background:var(--tf-clay-soft);color:var(--tf-clay)}.tf-badge--chili{background:var(--tf-chili-soft);color:var(--tf-chili)}.tf-badge--invert{background:var(--tf-honey-wash);color:var(--tf-honey)}