.saas-chip{align-items:center;gap:var(--saas-space-xs);min-block-size:32px;max-inline-size:100%;padding-inline:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);color:var(--saas-text-primary);font-family:var(--saas-font-family);font-size:var(--saas-font-body-sm);box-sizing:border-box;display:inline-flex}.saas-chip[data-removable=true]{padding-inline-end:var(--saas-space-xs)}.saas-chip__label{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.saas-chip__detail{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);white-space:nowrap}.saas-chip__remove{border-radius:var(--saas-radius-full);block-size:24px;inline-size:24px;color:var(--saas-text-secondary);font:inherit;font-size:var(--saas-font-body);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), color var(--saas-motion-micro) var(--saas-ease-standard);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.saas-chip__remove:hover{background:var(--saas-status-danger-subtle);color:var(--saas-status-danger)}.saas-chip__remove:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}@media (width<=599px){.saas-chip{min-block-size:44px}.saas-chip__remove{block-size:36px;inline-size:36px}}