<details class="flex flex-col max-w-full px-4 py-2 space-y-2 rounded-lg text-md bg-gradient-to-br shadow-sm shadow-[#242424] from-bluelight-background-translucent to-bluelight-background-translucent-light text-highlight-empty-text">
     <summary class="justify-start">Settings</summary>
     <hr class="justify-start w-full border-2 border-bluelight-translucent-dark rounded-xl" />
     <div class="p-2 rounded-md bg-gradient-to-br from-charcoal-translucent bg-charcoal-translucent-light">
          {% include "tracker/address/index.html" %}
          <div class="flex flex-row justify-center p-2 m-auto space-x-2 align-middle">
               <input onclick="hide_empty_summaries()"
                      type="checkbox"
                      id="hideDone"
                      class="p-2 my-auto rounded-md bg-gradient-to-br from-charcoal-translucent-dark to-charcoal-translucent shadow-sm shadow-[#242424]" />
               <label for="hideDone"
                      class="my-auto align-top justify-left min-w-fit text-md text-nowrap">Hide completed areas</label>
          </div>
          {% comment %} <div class="flex flex-row justify-center p-2 m-auto space-x-2 align-middle">
         <input onclick="notices_ur_debug()" class="p-2 my-auto rounded-md bg-white bg-opacity-10 shadow-sm shadow-[#242424]" type="checkbox" id="show-debug" />
         <label for="show-debug" class="my-auto align-top justify-left min-w-fit text-md text-nowrap">Sh-OwO Debug</label>
          </div> {% endcomment %}
     </div>
</details>
