.app-icon{vertical-align:-.125em;flex:none;width:1em;height:1em;display:inline-block}.app-icon.size-xs{font-size:var(--component-icon-size-xs)}.app-icon.size-sm{font-size:var(--component-icon-size-sm)}.app-icon.size-md{font-size:var(--component-icon-size-md)}.app-icon.size-lg{font-size:var(--component-icon-size-lg)}.app-icon.size-xl{font-size:var(--component-icon-size-xl)}.app-icon.tone-current{color:currentColor}.app-icon.tone-muted{color:var(--component-icon-color-muted)}.app-icon.tone-brand{color:var(--component-icon-color-brand)}.app-icon.tone-success{color:var(--component-icon-color-success)}.app-icon.tone-warning{color:var(--component-icon-color-warning)}.app-icon.tone-danger{color:var(--component-icon-color-danger)}