<div class="sheet-area flex-columns">
    
    {{> "systems/worldofdarkness/templates/actor/parts/mage/spheres.html"}}

</div>

<div class="sheet-area flex-columns">
    <div class="sheet-container" style="display: flex;">

        <!-- Rotes -->
        {{> "systems/worldofdarkness/templates/actor/parts/mage/rotes.html"}}
        
    </div>
</div>

<div class="sheet-area flex-columns">
    <div class="clearareaBox" style="display: flex;">

        <div class="sheet-boxcontainer">

            <div class="pullLeft" style="width: 30%; height: 273px; display: flex; flex-direction: column;">
                
                {{> "systems/worldofdarkness/templates/actor/parts/mage/stats_arete.html"}}

                <div style="margin-top: auto;">
                    {{{getGetStatArea actor actor.system.advantages.willpower "willpower" true true true}}}
                </div>
            </div>        

            <div class="pullLeft" style="width: 33%; height: 100%;">
                <div class="sheet-boxcontainer">
                    <div style="width: 225px; margin: 0 auto;">
                        
                        {{> "systems/worldofdarkness/templates/actor/parts/mage/stats_quintessence.html"}}																		
                
                    </div>
                </div>
            </div>

            <div class="pullLeft" style="width: 36%; height: 100%; display: flex; flex-direction: column;">
                {{> "systems/worldofdarkness/templates/actor/parts/mage/resonance.html"}}
            </div>

        </div>
    </div>
</div>