.icon{color:var(--icon-color-default);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon svg{width:1em;height:1em}.icon--xsmall{font-size:var(--icon-xsmall-regular-font-size);line-height:var(--icon-xsmall-regular-line-height)}.icon--small{font-size:var(--icon-small-regular-font-size);line-height:var(--icon-small-regular-line-height)}.icon--medium{font-size:var(--icon-medium-regular-font-size);line-height:var(--icon-medium-regular-line-height)}.icon--large{font-size:var(--icon-large-regular-font-size);line-height:var(--icon-large-regular-line-height)}.icon--color-primary{color:var(--icon-color-primary)}.icon--color-success{color:var(--icon-color-success)}.icon--color-warning{color:var(--icon-color-warning)}.icon--color-error{color:var(--icon-color-error)}.icon--color-inherit{color:inherit}.icon[role=img]{outline-offset:2px}