Membership Gate Input Page Customization

<style>
  .super-membership-note {
    width: 0;
    min-width: 100%;
    margin: 14px 0 0;
    font-size: 0.8em;
    line-height: 1.5;
    opacity: 0.75;
    text-align: left;
  }
  .super-membership-note a {
    color: inherit;
    text-decoration: underline;
  }
</style>

<script>
  (function () {
    var HTML =
      "Super Memberships are currently in closed beta—you can apply to be a " +
      "beta tester <a href='https://super.so/membership-testing'>here</a>.";

    function addNote() {
      var input = document.querySelector(".super-password-protection__input");
      if (!input) return;

      var form = input.closest("form") || input.parentNode;
      if (form.querySelector(".super-membership-note")) return;

      var p = document.createElement("p");
      p.className = "super-membership-note";
      p.innerHTML = HTML;
      form.appendChild(p);
    }

    addNote();
    new MutationObserver(addNote).observe(document.body, {
      childList: true,
      subtree: true,
    });
  })();
</script>