.icon{display:inline-block;vertical-align:middle;flex-shrink:0;transition:all var(--ds-motion-base, var(--duration-base)) var(--ds-ease, var(--ease-smooth))}.icon svg{display:block;transition:inherit}.icon-xs{width:var(--ds-icon-xs, 12px);height:var(--ds-icon-xs, 12px)}.icon-sm{width:var(--ds-icon-sm, 16px);height:var(--ds-icon-sm, 16px)}.icon-md{width:var(--ds-icon-md, 20px);height:var(--ds-icon-md, 20px)}.icon-lg{width:var(--ds-icon-lg, 24px);height:var(--ds-icon-lg, 24px)}.icon-xl{width:var(--ds-icon-xl, 34px);height:var(--ds-icon-xl, 34px)}.icon-default{color:var(--ds-ink, var(--foreground))}.icon-primary{color:var(--ds-action, var(--color-primary))}.icon-success{color:var(--ds-status-success-ink, var(--color-success))}.icon-warning{color:var(--ds-status-warning-ink, var(--color-warning))}.icon-error{color:var(--ds-status-error-ink, var(--color-error))}.icon-secondary{color:var(--ds-muted, var(--color-secondary, var(--muted-foreground)))}.icon-info{color:var(--ds-focus, var(--color-info))}a .icon,button .icon{transition:transform var(--ds-motion-fast, var(--duration-fast)) var(--ds-ease, var(--ease-spring))}a:hover .icon,button:hover:not(:disabled) .icon{transform:scale(1.1)}li .icon{margin-right:var(--ds-space-2, var(--space-2));color:var(--ds-action, var(--color-primary))}