<style>
      @media (min-width: 768px) { .js-mobile-sentinel { display:none !important; } }
    </style>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <style id="sx-css">{{ sx_css_all() }}</style>
    <script src="https://unpkg.com/prismjs/prism.js"></script>
    <script src="https://unpkg.com/prismjs/components/prism-javascript.min.js"></script>
    <script src="https://unpkg.com/prismjs/components/prism-python.min.js"></script>
    <script src="https://unpkg.com/prismjs/components/prism-bash.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>


<script>
      if (matchMedia('(hover: hover) and (pointer: fine)').matches) {
        document.documentElement.classList.add('hover-capable');
      }
    </script>
    <script>
      document.addEventListener('click', function (e) {
        const closeTarget = e.target.closest('[data-close-details]');
        if (!closeTarget) return;

        const details = closeTarget.closest('details');
        if (details) {
          details.removeAttribute('open');
        }
      });
    </script>
    <style>
      /* hide disclosure glyph */
      details[data-toggle-group="mobile-panels"] > summary {
        list-style: none;
      }
      details[data-toggle-group="mobile-panels"] > summary::-webkit-details-marker {
        display: none;
      }

      
      /* Desktop hover/focus dropdowns */
      @media (min-width: 768px) {
        .nav-group:focus-within .submenu,
        .nav-group:hover .submenu { display:block }
      }
      img { max-width: 100%; height: auto; }
      .clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
      .clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
      .no-scrollbar::-webkit-scrollbar { display: none; }
      .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
      details.group { overflow: hidden; }
      details.group > summary { list-style: none; }
      details.group > summary::-webkit-details-marker { display:none; }

      .sx-indicator { display: none; }
      .sx-request .sx-indicator { display: inline-flex; }
      .sx-error .sx-indicator { display: none; }
      .sx-loading .sx-indicator { display: inline-flex; }
    </style>
    <style>
      .js-wrap.open .js-pop { display:block; }
      .js-wrap.open .js-backdrop { display:block; }
    </style>