.tag-badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-xl);font-weight:500;letter-spacing:.3px;border:2px solid transparent;white-space:nowrap;cursor:pointer;transition:all .1s ease}.tag-badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.tag-badge-primary:hover{border-color:var(--color-primary-500)}.tag-badge-ghost{background-color:white;border-color:white;color:var(--color-gray-600)}.tag-badge-ghost:hover{background-color:var(--color-gray-50);color:var(--color-gray-600);border-color:var(--color-gray-500)}.tag-badge-sm{padding:4px 8px;font-size:.6875rem;gap:4px}.tag-badge-md{padding:6px 12px;font-size:.75rem;gap:6px}.tag-badge-lg{padding:8px 16px;font-size:.875rem;gap:8px}.tag-badge-text{line-height:1}.tag-badge-action{display:flex;align-items:center;justify-content:center;padding:0 4px;background:none;border:none;color:inherit;cursor:pointer;transition:transform .2s ease;line-height:1}.tag-badge-sm .tag-badge-action{font-size:.6rem}.tag-badge-md .tag-badge-action{font-size:.7rem}.tag-badge-lg .tag-badge-action{font-size:.8rem}.tag-badge-action:hover{transform:scale(1.2)}.tag-badge-action:active{transform:scale(.95)}