Stor8

<!--

Sky: Children of the Light candle UI: code by FlowerlyRat || Graphics by ThatGameCompany, recreated by FlowerlyRat

Creditnot required but appreciated!

Please do keep in mind that the graphics no longer align properly with the avataer if there are too many tags! And that if you manually move it on desktop, it will no longer look good on mobile devices

Code is compatible with the Sky: Children of the Light avatar frame

-->

<div class="card border-0 rounded-0 p-1 justify-content-end" style="position: absolute; top: 135px; height: 75px; width: 370px; z-index: 0">
    
    <!--///Normal candles///-->
    <div class="card border-0 rounded-0 bg-transparent" style="position: absolute; height: 60px; width: 65px; z-index: 5">
        <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/75494411_V96EeOZulDSU5u5.png" style="height: 45px; width: 35px">
        <p style="position: absolute; bottom: 4px; left: 30px">
          
          {{!Normal candle count!}}
        
        </p>
    </div>
    <!--///Normal candles end///-->
    
    <!--///Normal hearts///-->
    <div class="card border-0 rounded-0 bg-transparent" style="position: absolute; left: 55px; height: 60px; width: 65px; z-index: 5">
        <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/75494403_C3pGYROCXwXXIZa.png" style="height: 45px; width: 35px">
        <p style="position: absolute; bottom: 4px; left: 30px">
          
          {{!Normal heart count!}}
          
        </p>
    </div>
    <!--///Normal hearts end///-->
    
    <!--///Seasonal candles///-->
     <div class="card border-0 rounded-0 bg-transparent" style="position: absolute; left: 110px; height: 60px; width: 65px; z-index: 5">
        <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/75494394_vq7IhsL39lZ1ZeT.png" style="height: 45px; width: 35px">
        <p style="position: absolute; bottom: 4px; left: 30px">
          
          {{!Seasonal candle count!}}
          
        </p>
    </div>
    <!--///Seasonal candles end///-->
    
    <!--///Seasonal hearts///-->
    <div class="card border-0 rounded-0 bg-transparent" style="position: absolute; left: 165px; height: 60px; width: 65px; z-index: 5">
        <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/75494381_j2yEPrT8a3kb2Rp.png" style="height: 45px; width: 35px">
        <p style="position: absolute; bottom: 4px; left: 30px">
          
          {{!Seasonal hear count!}}
          
        </p>
    </div>
    <!--///Seasonal hearts end///-->
    
    
    <!--///Ascended candles///-->
    <div class="card border-0 rounded-0 bg-transparent" style="position: absolute; left: 220px; height: 60px; width: 65px; z-index: 5">
        <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/75494375_NQOL1hw2Z7bNzCE.png" style="height: 45px; width: 35px">
        <p style="position: absolute; bottom: 4px; left: 30px">
          
          {{!Ascended candle count!}}
          
        </p>
    </div>
    <!--///Ascended candles end///-->
    
    <!--///Event tickets///-->
    <div class="card border-0 rounded-0 bg-transparent" style="position: absolute; left: 275px; height: 60px; width: 65px; z-index: 5">
        <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/75494352_hF8BUmBTCIjWfsv.png" style="height: 45px; width: 35px">
        <p style="position: absolute; bottom: 4px; left: 30px">
          
          {{!Even ticket count!}}
          
        </p>
    </div>
     <!--///Event tickets///-->
    
</div>