{{#each dice as |die|}}
<a class="die" data-action="roll-die" data-face="{{die.face}}" data-tooltip="{{die.label}}">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
        <g transform="translate(0,0)">
            <path d="{{die.path}}" fill-opacity="1"></path>
        </g>
    </svg>
</a>
{{/each}}
<a class="die" data-action="roll-die" data-face="100" data-tooltip="d100">
    {{#times 2}}
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
        <g transform="translate(0,0)">
            <path d="{{@root.dten}}" fill-opacity="1"></path>
        </g>
    </svg>
    {{/times}}
</a>
<div class="spacer">
    <div class="separator"></div>
</div>
{{#each flats as |flat|}}
<a class="flat" data-action="roll-flat" data-dc="{{flat.dc}}" data-tooltip="{{flat.label}}">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 320">
        <g transform="translate(-246.69456,-375.66745)">
            <path
                d="M379.93,375.668c-0.57,0.019-1.226,0.228-1.585,0.731l-80.673,96.527   c-1.342,1.681-1.433,2.056,0.366,2.073l161.59-0.427c2.221-0.182,2.23-0.07,0.792-1.951l-79.27-96.527   C380.986,375.84,380.501,375.654,379.93,375.668L379.93,375.668z M395.419,384.266l72.746,88.478   c0.974,1.182,1.212,1.249,2.927,0.427l38.354-17.562c2.513-1.134,2.165-1.366,0.487-2.5L395.419,384.266z M361.454,387.498   c-0.034-0.072-0.625,0.37-1.952,1.281L253.89,458.292l33.05,15.001c1.724,0.568,2.239,0.599,3.354-0.793l69.698-83.234   C360.973,388.129,361.487,387.57,361.454,387.498L361.454,387.498z M515.056,459.756c-0.328,0.023-0.846,0.212-1.646,0.548   l-39.392,17.989c-1.398,0.635-1.311,1.49-0.792,2.561l45.793,116.162l-3.292-135.309   C515.626,460.228,515.604,459.717,515.056,459.756L515.056,459.756z M250.902,463.354l-4.208,131.651l38.782-113.907   c0.573-1.682,0.559-1.767-0.61-2.317L250.902,463.354L250.902,463.354z M461.761,480.427l-165.249,0.427   c-2.361-0.035-2.264-0.033-1.098,1.89l83.905,141.529c1.417,2.159,1.265,2.092,2.744-0.121l80.612-141.772   C463.383,481.253,463.887,480.466,461.761,480.427L461.761,480.427z M468.347,484.147c-0.152,0.064-0.318,0.639-0.793,1.524   l-81.16,142.809c-0.887,1.508-1.097,2.048,1.036,1.708l128.845-17.744c2.044-0.467,1.982-1.197,1.281-3.232l-48.6-123.479   C468.635,484.55,468.5,484.083,468.347,484.147L468.347,484.147z M290.171,485.489c-0.158,0.113-0.3,0.715-0.609,1.585   l-41.16,121.162c-0.701,2.573-0.78,3.541,1.829,4.024l123.113,17.805c2.328,0.351,2.03-0.822,1.463-1.951l-83.783-141.345   C290.498,485.702,290.329,485.375,290.171,485.489L290.171,485.489z M258.158,619.334l120.796,68.538   c1.564,0.949,1.929,0.604,1.707-1.036l-2.561-48.05c-0.07-1.551-0.28-2.183-1.89-2.439L258.158,619.334L258.158,619.334z    M507.922,619.455l-122.625,16.952c-1.618,0.238-1.326,1.032-1.342,2.195l2.622,48.903c0.135,1.483,0.091,2.017,1.89,1.098   L507.922,619.455z" />
        </g>
    </svg>
    <span>{{flat.dc}}</span>
</a>
{{/each}}