<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 shape-corax thin-border-left {{#if (shifterHasForm actor 'homid')}}shape-selector-active{{/if}}" data-form="wod.shapes.homid">{{localize "wod.shapes.homid"}}</div>
            <div class="pullLeft shape-selector shape-corax thin-border-left {{#if (shifterHasForm actor 'crinos')}}shape-selector-active{{/if}}" data-form="wod.shapes.crinos">{{localize "wod.shapes.crinos"}}</div>
            <div class="pullLeft shape-selector shape-corax thin-border-left thin-border-right {{#if (shifterHasForm actor 'lupus')}}shape-selector-active{{/if}}" data-form="wod.shapes.lupus">{{localize "wod.shapes.corvid"}}</div>
        </div>

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