<hbox use-toggle="true">
    <style>
        @boldButton span {
            font-weight: bold;
        }
        @italicButton span {
            font-style: italic;
        }
        @underlineButton span {
            text-decoration: underline;
        }
        @pixelFontSize {
            width: 4em;
        }

        .widget_ComboManager @buttonDisplay {
            display: inline-block;
        }
        @fontContainer @button {
            width: 10em;
        }
        @weightCombo {
            width: 4.7em !important;
        }
        body .widget_SharedFontEditor[use-toggle="false"] @boldButton,
        body .widget_SharedFontEditor[use-toggle="true"] @weightCombo {
            display: none;
        }
    </style>
    <vbox>
        <hbox anon-id="fontContainer">
            <hbox class="ButtonGroup">
                <button anon-id="formatPainterButton" mode="icon" class="AdoptedOrphan" title="Copy shape format"><i>format_paint</i></button>
                <ui:ComboManager anon-id="fontCombo" title="Text font" />
                <input anon-id="pixelFontSize" type="number" min="5" max="300" title="Text size" />
                <button anon-id="boldButton" mode="icon" title="Bold"><i>format_bold</i></button>
                <ui:ComboManager anon-id="weightCombo" title="Font Weight"></ui:ComboManager>
                <button anon-id="italicButton" mode="icon" title="Italic"><i>format_italic</i></button>
            </hbox>
        </hbox>
    </vbox>
</hbox>
