<div class="modal active bookmark-details">
  <div class="modal-overlay" aria-label="Close"></div>
  <div class="modal-container">
    <div class="modal-header">
      {% include 'bookmarks/details/title.html' %}
      <button class="close">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
             stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
          <path d="M18 6l-12 12"></path>
          <path d="M6 6l12 12"></path>
        </svg>
      </button>
    </div>
    <div class="modal-body">
      <div class="content">
        {% include 'bookmarks/details/form.html' %}
      </div>
    </div>

    {% if details.is_editable %}
      <div class="modal-footer">
        {% include 'bookmarks/details/actions.html' %}
      </div>
    {% endif %}
  </div>
</div>
