{% load allauth %}
<details class="border border-slate-200 rounded-lg mb-4 open:shadow-sm">
  <summary class="px-4 py-3 text-sm font-medium text-slate-700 cursor-pointer hover:bg-slate-50 rounded-lg select-none">
    {% slot summary %}{% endslot %}
  </summary>
  <div class="px-4 pb-4 pt-2 text-sm text-slate-600 border-t border-slate-100">
    {% slot %}{% endslot %}
  </div>
</details>