html {
  scrollbar-gutter: stable;
}

html:has(#modal-dialog[open]) {
  overflow: hidden;
}

button {
  padding: 0.4rem 0.8rem;
}

#modal-dialog {
  margin: auto;
  padding: 2rem;
}

#modal-dialog::backdrop {
  background-color: #0007;
  backdrop-filter: blur(2px);
}

.modal-dialog-content > * + * {
  margin-block-start: 1em;
}

.modal-dialog {
  position: relative;
}

#modal-dialog-close-x {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.5rem;
}