@layer hue-component{.base-876d0d82{--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-876d0d82[data-variant=danger]{color:var(--red)}.base-876d0d82[data-variant=success]{color:var(--green4)}.base-876d0d82[data-variant=warning]{color:var(--orange)}.base-876d0d82[data-variant=info]{color:var(--blue6)}.base-876d0d82 svg{font-size:1em;height:var(--icon-size, var(--def-icon-size));width:var(--icon-size, var(--def-icon-size))}.base-876d0d82>i{display:flex}.base-876d0d82>span{line-height:1}.base-876d0d82>i+span{font-style:normal;margin-left:4px}.base-876d0d82>span+i{margin-left:4px}._orange-876d0d82{color:var(--orange)}._nomargin-876d0d82{margin:0}}
/*# sourceMappingURL=component.module.css.map */