<details class="py-2 px-2 mt-2 flex flex-col space-y-4 max-w-full text-holy-cross text-base [text-shadow:_1px_1px_4px_rgb(0_0_0_/_100%)] rounded-xl bg-gradient-to-br from-[#ffe28558] to-[#ffffff58] shadow-sm shadow-[#242424] justify-start">
    {% comment %} drop-shadow-[0px_0px_4px_rgba(255,255,255,1)]"> {% endcomment %}
    <summary>Holy Cross Codes</summary>
    <hr class="border-2 border-holy-cross opacity-30 rounded-xl" />
    <div class="flex flex-col space-y-2 overflow-y-scroll rounded-md max-h-96 bg-gradient-to-br from-charcoal-translucent to-charcoal-translucent-light scrollbar-none">
        <div class="flex flex-row flex-wrap rounded-xl {% comment %} class="grid grid-flow-row grid-cols-1 gap-2 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7" {% endcomment %}"
             id="codes-list">
            {% include "tracker/codes/block.html" with is_entered=False name="it is a mystery" current_scene="mystery" code="" extra_classes="order-last hidden" %}
            {% for name, code in default_codes.items %}
                {% include "tracker/codes/block.html" with is_entered=False current_scene="Default" extra_classes="order-last" %}
            {% endfor %}
            {% for name, values in codes.items %}
                {% include "tracker/codes/block.html" with code=values.code is_entered=False is_global=values.global extra_classes="" %}
            {% endfor %}
        </div>
    </div>
</details>
