.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.icon,.icon-tone-default{color:inherit}.icon-tone-primary{color:var(--primary)}.icon-tone-secondary{color:var(--secondary)}.icon-tone-muted{color:var(--muted-foreground)}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-xl{width:var(--icon-xl);height:var(--icon-xl)}.icon>svg{width:100%;height:100%;display:block}