.tm-chip{border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tm-chip--onLight{background:var(--tm-surface-1);color:var(--tm-ink-2);border:1px solid var(--tm-border-1)}.tm-chip--onLight:hover{border-color:var(--tm-ink-4);color:var(--tm-ink-1)}.tm-chip--onLight.tm-chip--active{background:var(--tm-brand-primary-soft);border-color:var(--tm-brand-primary);color:var(--tm-brand-primary-dark);font-weight:600}.tm-chip--onDark{color:var(--tm-common-white);background:#ffffff21;border:1px solid #ffffff3d}.tm-chip--onDark:hover{background:#ffffff38}.tm-chip--onDark.tm-chip--active{background:var(--tm-common-white);color:var(--tm-brand-secondary-dark);border-color:var(--tm-common-white);font-weight:600}