.chip{display:inline-flex;align-items:center;gap:4px;height:32px;min-width:40px;padding:4px 12px;border-radius:calc(var(--components-chip-corner-radius, 8) * 1px);border:calc(var(--primitives-stroke-thickness-1, 1) * 1px) solid transparent;cursor:pointer;min-inline-size:fit-content;white-space:nowrap;transition:color .15s,background-color .15s,border-color .15s}.chip:disabled{cursor:not-allowed}.chip--primary{background-color:var(--components-chip-primary-background-default);border-color:var(--components-chip-primary-border-default);color:var(--components-chip-primary-text-default)}.chip--primary:hover:not(:disabled){background-color:var(--components-chip-primary-background-hover);border-color:var(--components-chip-primary-border-hover);color:var(--components-chip-primary-text-hover)}.chip--primary:active:not(:disabled){background-color:var(--components-chip-primary-background-pressed);border-color:var(--components-chip-primary-border-pressed);color:var(--components-chip-primary-text-pressed)}.chip--primary.chip--selected,.chip--primary.chip--selected:hover:not(:disabled){background-color:var(--components-chip-primary-background-selected);border-color:var(--components-chip-primary-border-selected);color:var(--components-chip-primary-text-selected)}.chip--primary:disabled{background-color:var(--components-chip-primary-background-disabled);border-color:var(--components-chip-primary-border-disabled);color:var(--components-chip-primary-text-disabled)}.chip--primary-inverse{background-color:var(--components-chip-primary-inverse-background-default);border-color:var(--components-chip-primary-inverse-border-default);color:var(--components-chip-primary-inverse-text-default)}.chip--primary-inverse:hover:not(:disabled){background-color:var(--components-chip-primary-inverse-background-hover);border-color:var(--components-chip-primary-inverse-border-hover);color:var(--components-chip-primary-inverse-text-hover)}.chip--primary-inverse:active:not(:disabled){background-color:var( --components-chip-primary-inverse-background-pressed );border-color:var(--components-chip-primary-inverse-border-pressed);color:var(--components-chip-primary-inverse-text-pressed)}.chip--primary-inverse.chip--selected,.chip--primary-inverse.chip--selected:hover:not(:disabled){background-color:var( --components-chip-primary-inverse-background-selected );border-color:var(--components-chip-primary-inverse-border-selected);color:var(--components-chip-primary-inverse-text-selected)}.chip--primary-inverse:disabled{background-color:var( --components-chip-primary-inverse-background-disabled );border-color:var(--components-chip-primary-inverse-border-disabled);color:var(--components-chip-primary-inverse-text-disabled)}.chip--ghost{background-color:var(--components-chip-ghost-background-default);border-color:var(--components-chip-ghost-border-default);color:var(--components-chip-ghost-text-default)}.chip--ghost:hover:not(:disabled){background-color:var(--components-chip-ghost-background-hover);border-color:var(--components-chip-ghost-border-hover);color:var(--components-chip-ghost-text-hover)}.chip--ghost:active:not(:disabled){background-color:var(--components-chip-ghost-background-pressed);border-color:var(--components-chip-ghost-border-pressed);color:var(--components-chip-ghost-text-pressed)}.chip--ghost.chip--selected,.chip--ghost.chip--selected:hover:not(:disabled){background-color:var(--components-chip-ghost-background-selected);border-color:var(--components-chip-ghost-border-selected);color:var(--components-chip-ghost-text-selected)}.chip--ghost:disabled{background-color:var(--components-chip-ghost-background-disabled);border-color:var(--components-chip-ghost-border-disabled);color:var(--components-chip-ghost-text-disabled)}.chip--ghost-inverse{background-color:var(--components-chip-ghost-inverse-background-default);border-color:var(--components-chip-ghost-inverse-border-default);color:var(--components-chip-ghost-inverse-text-default)}.chip--ghost-inverse:hover:not(:disabled){background-color:var(--components-chip-ghost-inverse-background-hover);border-color:var(--components-chip-ghost-inverse-border-hover);color:var(--components-chip-ghost-inverse-text-hover)}.chip--ghost-inverse:active:not(:disabled){background-color:var(--components-chip-ghost-inverse-background-pressed);border-color:var(--components-chip-ghost-inverse-border-pressed);color:var(--components-chip-ghost-inverse-text-pressed)}.chip--ghost-inverse.chip--selected,.chip--ghost-inverse.chip--selected:hover:not(:disabled){background-color:var( --components-chip-ghost-inverse-background-selected );border-color:var(--components-chip-ghost-inverse-border-selected);color:var(--components-chip-ghost-inverse-text-selected)}.chip--ghost-inverse:disabled{background-color:var( --components-chip-ghost-inverse-background-disabled );border-color:var(--components-chip-ghost-inverse-border-disabled);color:var(--components-chip-ghost-inverse-text-disabled)}.chip__leading-icon{display:inline-flex;align-items:center;height:16px;width:20px;flex-shrink:0;color:inherit}.chip__label{color:inherit;font-family:var(--label-medium-font-family),var(--font-family-default);font-weight:var(--label-medium-font-weight);font-size:var(--label-medium-font-size);line-height:var(--label-medium-line-height);letter-spacing:var(--label-medium-letter-spacing)}.chip__trailing-icon{display:inline-flex;align-items:center;height:24px;width:24px;flex-shrink:0;color:inherit}.tag{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;padding:2px 4px;font-weight:600;min-height:20px;border-radius:4px;border:1px solid var(--border-primary);transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:var(--background-primary);border-color:var(--border-primary);color:var(--text-primary);font-family:var(--label-medium-font-family),var(--font-family-default);font-weight:var(--label-medium-font-weight);font-size:var(--label-medium-font-size);line-height:var(--label-medium-line-height);letter-spacing:var(--label-medium-letter-spacing)}.tag__leading-content{display:inline-flex;align-items:center;height:16px}.tag--secondary{background-color:var(--background-secondary);border-color:var(--border-primary);color:var(--text-primary)}.tag--tertiary{background-color:var(--background-tertiary);border-color:var(--border-tertiary);color:var(--text-tertiary)}.tag--info-mid-emphasize{background-color:var(--background-state-info-mid-emphasize);border-color:var(--border-state-info-mid-emphasize);color:var(--text-state-info)}.tag--success-mid-emphasize{background-color:var(--background-state-success-mid-emphasize);border-color:var(--border-state-success-high-emphasize);color:var(--text-state-info)}.tag--warning-mid-emphasize{background-color:var(--background-state-warning-mid-emphasize);border-color:var(--border-state-warning-high-emphasize);color:var(--text-state-info)}.tag--danger-mid-emphasize{background-color:var(--background-state-danger-mid-emphasize);border-color:var(--border-state-danger-high-emphasize);color:var(--text-state-info)}.tag--info-high-emphasize{background-color:var(--background-state-info-high-emphasize);border-color:var(--border-state-info-high-emphasize);color:var(--text-primary-inverse)}.tag--success-high-emphasize{background-color:var(--background-state-success-high-emphasize);border-color:var(--border-state-success-high-emphasize);color:var(--text-primary-inverse)}.tag--warning-high-emphasize{background-color:var(--background-state-warning-high-emphasize);border-color:var(--border-state-warning-high-emphasize);color:var(--text-primary-inverse)}.tag--danger-high-emphasize{background-color:var(--background-state-danger-high-emphasize);border-color:var(--border-state-danger-high-emphasize);color:var(--text-primary-inverse)}.tag--careem{background-color:var(--background-brand-careem);border-color:var(--border-brand-careem);color:var(--text-primary)}.tag--c-plus{background-color:var(--background-brand-c-plus);border-color:var(--border-brand-c-plus);color:var(--text-brand-careem)}.tag--promotion{background-color:var(--background-brand-promotion);border-color:var(--border-brand-promotion);color:var(--text-brand-promotion)}.tag--careem-pay{background-color:var(--background-brand-careem-pay);border-color:var(--border-brand-careem-pay);color:var(--text-primary-inverse)}.tag--careem-eat{background-color:var(--background-brand-careem-eat);border-color:var(--border-brand-careem-eat);color:var(--text-brand-careem-eat)}.tag--careem-get{background-color:var(--background-brand-careem-get);border-color:var(--border-brand-careem-get);color:var(--text-primary-inverse)}.tag--careem-go{background-color:var(--background-brand-careem-go);border-color:var(--border-brand-careem-go);color:var(--text-primary-inverse)}
