@layer theme,base;@layer components{.ui-avatar{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);font:500 var(--type-md) / 1 var(--font-title);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;display:grid}.ui-avatar[data-size=sm]{width:32px;height:32px;font-size:var(--type-xs)}.ui-avatar[data-tone=brand]{background:var(--brand);color:var(--text-on-brand)}}@layer utilities;