@scope(icon-ui){:where(:scope){--icon-size: var(--a-icon-size, calc(1em + .125rem) );--icon-color: currentColor}:scope{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);color:var(--icon-color);flex-shrink:0;line-height:0}svg{width:100%;height:100%}:scope[tone=accent]{--icon-color: var(--a-primary-text)}:scope[tone=info]{--icon-color: var(--a-info-text)}:scope[tone=success]{--icon-color: var(--a-success-text)}:scope[tone=warning]{--icon-color: var(--a-warning-text)}:scope[tone=danger]{--icon-color: var(--a-danger-text)}:scope[tone=muted],:scope[tone=neutral]{--icon-color: var(--a-fg-muted)}}

/*# sourceMappingURL=icon.css.map */