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