<?xml version="1.0" encoding="UTF-8"?>
<stkgui>
    <div x="1%" y="1%" width="98%" height="99%" layout="vertical-row" >

        <header width="80%"
               I18N="In the kart selection (player setup) screen"
               text="Choose a Kart"
               align="center" text_align="center" />

        <placeholder id="playerskarts" width="100%" align="center" proportion="4">
            <!-- Contents is added programatically -->
        </placeholder>

        <spacer height="15" width="25"/>

        <box proportion="2" width="100%" layout="vertical-row" padding="2">
            <ribbon_grid id="karts" proportion="1" square_items="true" width="100%" align="center"
                         child_width="90" child_height="90" max_rows="3"/>
        </box>

        <!-- Groups will be added dynamically at runtime -->
        <tabs width="98%" x="1%" height="25" id="kartgroups">
        </tabs>
        <spacer width="100%" height="2%"/>
    </div>

    <icon-button id="back" x="0" y="0" height="8%" icon="gui/back.png"/>
</stkgui>
