.root{border-radius:999px;flex-shrink:0;place-items:center;display:grid}.root :is(svg){width:var(--brand-icon-glyph-size);height:var(--brand-icon-glyph-size)}.xs{--brand-icon-glyph-size:.75rem;width:1.5rem;height:1.5rem}.sm{--brand-icon-glyph-size:1rem;width:2rem;height:2rem}.md{--brand-icon-glyph-size:1.15rem;width:2.65rem;height:2.65rem}.lg{--brand-icon-glyph-size:1.25rem;width:3rem;height:3rem}.xl{--brand-icon-glyph-size:1.5rem;width:3.5rem;height:3.5rem}.light{border:1px solid color-mix(in srgb, var(--brand-primary) 30%, transparent);color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 10%, white)}.dark{color:#fff;background:#00000040;border:1px solid #ffffff38}