<details class="rounded-lg group bg-gradient-to-br from-bluelight-background-translucent to-bluelight-background-translucent-light shadow-sm shadow-[#242424]">
    <summary class="justify-start px-4 py-2">Hints</summary>
    <div class="px-2 rounded-xl">
        <hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
        <div class="flex-col py-2 space-y-1 *:text-wrap *:break-words"
             id="hints-list">
            {% include "tracker/hints/block.html" with value="" extra_classes="hidden" %}
            {% for name, value in hints.items %}
                {% include "tracker/hints/block.html" %}
            {% endfor %}
        </div>
    </div>
</details>
