@layer hue-component{.base_222c03a5{--def-icon-size: 1em;--def-icon-margin: 0;margin:var(--icon-margin, var(--def-icon-margin));display:inline-flex;vertical-align:text-top;text-align:center;font-style:inherit}.base_222c03a5[data-variant=danger]{color:var(--red)}.base_222c03a5[data-variant=success]{color:var(--green4)}.base_222c03a5[data-variant=warning]{color:var(--orange)}.base_222c03a5[data-variant=info]{color:var(--blue6)}.base_222c03a5 svg{font-size:1em;height:var(--icon-size, var(--def-icon-size));width:var(--icon-size, var(--def-icon-size))}.base_222c03a5>i{display:flex}.base_222c03a5>span{line-height:1}.base_222c03a5>i+span{font-style:normal;margin-left:4px}.base_222c03a5>span+i{margin-left:4px}._orange_222c03a5{color:var(--orange)}._nomargin_222c03a5{margin:0}}
/*# sourceMappingURL=component.module-$YFTLFXP5$.css.map */