.c-icon{display:inline-flex;align-self:center;font-style:normal;flex-shrink:0;height:24px;width:24px}.c-icon--compact{height:16px;width:16px}.c-icon--with-status{position:relative}.c-icon svg,.c-icon img{height:100%;width:100%;fill:currentColor}.c-icon__status{position:absolute;right:-10%;bottom:-10%;border-radius:50%;background-color:var(--background-primary);display:flex;align-items:center;width:60%;height:60%}.c-icon__status .c-icon{height:100%;width: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)}