<?xml-model href="../gui.xsd" type="application/xml" schematypens="http://www.w3.org/2001/XMLSchema"?>
<root>
    <grid x_dim="1" y_dim="10" padding="5" margin="5"
        background='{"background_color":"#945b09","border_color":"#543919","border_thickness":{"Pixel":2}}'
        button_normal='{"background_color":"#945b09","border_color":"#543919","border_thickness":{"Pixel":2}}'
        button_selected='{"background_color":"#945b09","border_color":"#543919","border_thickness":{"Pixel":2}}'>
        <grid x_slot="0" y_slot="0" x_dim="1" y_dim="9" y_size="9" padding="0" margin="0">
            <grid x_slot="0" y_slot="0" x_dim="4" y_dim="1" padding="0" margin="0">
                <button id="first_ability" x_slot="0" y_slot="0" fill_type="square" select_mode="none">0</button>
                <button id="second_ability" x_slot="1" y_slot="0" fill_type="square" select_mode="none">0</button>
                <button id="third_ability" x_slot="2" y_slot="0" fill_type="square" select_mode="none">0</button>
                <button id="fourth_ability" x_slot="3" y_slot="0" fill_type="square" select_mode="none">0</button>
            </grid>

            <grid id="ability_content" x_slot="0" y_slot="1" x_dim="1" y_dim="8" y_size="8"
                background='{"background_color":"#945b09","border_color":"#543919","border_thickness":{"Pixel":2}}'></grid>
        </grid>

        <grid x_slot="0" y_slot="9" x_dim="6" y_dim="1"
            background='{"background_color":"#945b09","border_color":"#543919","border_thickness":{"Pixel":2}}'>
            <icon id="common" x_slot="0" y_slot="0" fill_type="square"
                background='{"background_color":"white","border_color":"black","border_thickness":{"Pixel":2}}'>0</icon>
            <icon id="uncommon" x_slot="1" y_slot="0" fill_type="square"
                background='{"background_color":"white","border_color":"black","border_thickness":{"Pixel":2}}'>0</icon>
            <icon id="magical" x_slot="2" y_slot="0" fill_type="square"
                background='{"background_color":"white","border_color":"black","border_thickness":{"Pixel":2}}'>0</icon>
            <icon id="rare" x_slot="3" y_slot="0" fill_type="square"
                background='{"background_color":"white","border_color":"black","border_thickness":{"Pixel":2}}'>0</icon>
            <icon id="epic" x_slot="4" y_slot="0" fill_type="square"
                background='{"background_color":"white","border_color":"black","border_thickness":{"Pixel":2}}'>0</icon>
            <icon id="legendary" x_slot="5" y_slot="0" fill_type="square"
                background='{"background_color":"white","border_color":"black","border_thickness":{"Pixel":2}}'>0</icon>
        </grid>
    </grid>
</root>