.c-icon{flex-shrink:0;align-self:center;width:24px;height:24px;font-style:normal;display:inline-flex}.c-icon--compact{width:16px;height:16px}.c-icon--with-status{position:relative}.c-icon svg,.c-icon img{fill:currentColor;width:100%;height:100%}.c-icon__status{background-color:var(--background-primary);border-radius:50%;align-items:center;width:60%;height:60%;display:flex;position:absolute;bottom:-10%;right:-10%}.c-icon__status .c-icon{width:100%;height:100%}.c-icon__status--success{color:var(--surface-success-strong)}.c-icon__status--error{color:var(--surface-critical-strong)}.c-icon__status--info{color:var(--interactive-primary)}.c-icon__status--warning{color:var(--surface-gyg)}