<div class="sheet-area flex-columns">  
    <div class="shape-area">
        <div class="sheet-headline sheet-banner splatFont"><span class="sheet-banner-text">{{localize "wod.tab.shapechange"}}</span></div>
        <div>
            <div class="pullLeft shape-selector thin-border-left {{#if (shifterHasForm actor 'homid')}}shape-selector-active{{/if}}" data-form="wod.shapes.homid">{{localize "wod.shapes.hitogata"}}</div>
            <div class="pullLeft shape-selector thin-border-left {{#if (shifterHasForm actor 'glabro')}}shape-selector-active{{/if}}" data-form="wod.shapes.glabro">{{localize "wod.shapes.sambuhenge"}}</div>
            <div class="pullLeft shape-selector thin-border-left {{#if (shifterHasForm actor 'crinos')}}shape-selector-active{{/if}}" data-form="wod.shapes.crinos">{{localize "wod.shapes.koto"}}</div>
            <div class="pullLeft shape-selector thin-border-left {{#if (shifterHasForm actor 'hispo')}}shape-selector-active{{/if}}" data-form="wod.shapes.hispo">{{localize "wod.shapes.juko"}}</div>
            <div class="pullLeft shape-selector thin-border-left thin-border-right {{#if (shifterHasForm actor 'lupus')}}shape-selector-active{{/if}}" data-form="wod.shapes.lupus">{{localize "wod.shapes.kyubi"}}</div>
        </div>

        <div>
            <div class="pullLeft shape-background shape-kitsune"></div>
            <div>
                <div class="pullLeft shape-selectortext {{#if (shifterHasForm actor 'homid')}}text-focus{{else}}text-unfocus{{/if}}">
                    {{localize "wod.labels.nochange"}}
                </div>
                <div class="pullLeft shape-selectortext {{#if (shifterHasForm actor 'glabro')}}text-focus{{else}}text-unfocus{{/if}}">
                    {{localize "wod.attributes.short.dex"}} (+1)<br />
                    {{localize "wod.attributes.short.sta"}} (+1)<br />
                    {{localize "wod.attributes.short.man"}} (-1)
                </div>
                <div class="pullLeft shape-selectortext {{#if (shifterHasForm actor 'crinos')}}text-focus{{else}}text-unfocus{{/if}}">
                    {{localize "wod.attributes.short.str"}} (+1)<br />
                    {{localize "wod.attributes.short.dex"}} (+2)<br />
                    {{localize "wod.attributes.short.sta"}} (+2)<br />
                    {{localize "wod.attributes.short.man"}} (-1)
                    {{#if (eq (checkSystemsetting "attributeSettings") "20th")}}<br />{{localize "wod.attributes.short.per"}} (+1){{/if}}
                </div>
                <div class="pullLeft shape-selectortext {{#if (shifterHasForm actor 'hispo')}}text-focus{{else}}text-unfocus{{/if}}">
                    {{localize "wod.attributes.short.dex"}} (+3)<br />
                    {{localize "wod.attributes.short.sta"}} (+3)<br />
                    {{localize "wod.attributes.short.man"}} (-2)
                    {{#if (eq (checkSystemsetting "attributeSettings") "20th")}}<br />{{localize "wod.attributes.short.per"}} (+1){{/if}}
                </div>
                <div class="pullLeft shape-selectortext {{#if (shifterHasForm actor 'lupus')}}text-focus{{else}}text-unfocus{{/if}}">
                    {{localize "wod.attributes.short.dex"}} (+4)<br />
                    {{localize "wod.attributes.short.sta"}} (+2)<br />
                    {{localize "wod.attributes.short.man"}} (-1)
                    {{#if (eq (checkSystemsetting "attributeSettings") "20th")}}<br />{{localize "wod.attributes.short.per"}} (+2){{/if}}
                </div>
            </div>
            <div class="clearareaBox">
                <div class="pullLeft shape-selectortext {{#if (shifterHasForm actor 'homid')}}text-focus{{else}}text-unfocus{{/if}}">{{localize "wod.power.diff"}}: 6</div>
                <div class="pullLeft shape-selectortext {{#if (shifterHasForm actor 'glabro')}}text-focus{{else}}text-unfocus{{/if}}">{{localize "wod.power.diff"}}: 7</div>
                <div class="pullLeft shape-selectortext {{#if (shifterHasForm actor 'crinos')}}text-focus{{else}}text-unfocus{{/if}}">{{localize "wod.power.diff"}}: 6</div>
                <div class="pullLeft shape-selectortext {{#if (shifterHasForm actor 'hispo')}}text-focus{{else}}text-unfocus{{/if}}">{{localize "wod.power.diff"}}: 7</div>
                <div class="pullLeft shape-selectortext {{#if (shifterHasForm actor 'lupus')}}text-focus{{else}}text-unfocus{{/if}}">{{localize "wod.power.diff"}}: 6</div>
            </div>
        </div>        
    </div>
</div>