+#cancelButton {

+  color: var(--in-content-button-text-color);

+  border: 1px solid var(--in-content-button-border-color);

+  border-radius: 4px;

+  background-color: var(--in-content-button-background);

+}

+

+

+    // Delay the "Enter" activation of the given button from "keydown" to

+    // "keyup".

+    //

+    // Without this, holding down Enter will continue to trigger the button

+    // until the user stops holding. This means that a user can accidentally

+    // re-trigger a button several times. This is particularly bad when the

+    // focus gets moved to a new button, and the new button can get triggered

+    // immediately. E.g. when the "Connect" button is triggered it disappears

+    // and focus moves to the "Cancel" button.

+    for (const button of document.body.querySelectorAll("button")) {

+      button.addEventListener("keydown", event => {

+        if (event.key === "Enter") {

+          event.preventDefault();

+        }

+      });

+      button.addEventListener("keyup", event => {

+        if (event.key === "Enter") {

+          button.click();

+        }

+      });

+    }