// class name 'modal' is already taken by 'custom-alert' and 'custom-confirm'.
.modal-component {
  visibility: visible;
  position: fixed;
  top: 3em;
  &.in {
    padding: 1.2rem;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-bottom: 0.5em;
  }
}

/* prevent arrow on selected admin menu item appearing above modal */
body.modal-open #admin-menu li.selected a::after {
  z-index: 0;
}