.sbf-uiIcon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:14px;overflow:hidden}
.sbf-uiIcon img{display:block;width:24px;height:24px;object-fit:contain}
.sbf-uiIcon--sm{width:40px;height:40px;border-radius:12px}
.sbf-uiIcon--md{width:48px;height:48px;border-radius:12px}
.sbf-uiIcon--lg{width:52px;height:52px;border-radius:16px}
.sbf-uiIcon--slate{background:var(--sbf-neutral-icon-bg, #334155);border:1px solid var(--sbf-neutral-icon-border, #334155)}
.sbf-uiIcon--slate img{filter:var(--sbf-neutral-icon-filter, brightness(0) invert(1))}
.sbf-uiIcon--surface{background:var(--sbf-admin-soft-surface, #eef2f7);border:1px solid rgba(15,23,42,.08)}
.sbf-uiIcon--tile{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}
.sbf-uiIcon--tile img{filter:none}
.sbf-uiIcon--plain{background:transparent;border:none}