/* Keep the dialog frame and heading still; scroll inside the content inset. */
dialog.ps-dialog[open] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

dialog.ps-dialog > .ps-dialog-head,
dialog.ps-dialog > .ps-error {
  flex: 0 0 auto;
}

dialog.ps-dialog > .ps-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 4px 7px 6px 0;
  padding-right: 17px;
  scroll-padding-block: 12px 88px;
  scrollbar-width: thin;
  scrollbar-color: #e0e4e9 transparent;
}

dialog.ps-dialog > .ps-content:hover {
  scrollbar-color: #c9cfd7 transparent;
}

@supports selector(::-webkit-scrollbar) {
  dialog.ps-dialog > .ps-content,
  dialog.ps-dialog > .ps-content:hover {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }

  dialog.ps-dialog > .ps-content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  dialog.ps-dialog > .ps-content::-webkit-scrollbar-track,
  dialog.ps-dialog > .ps-content::-webkit-scrollbar-corner {
    background: transparent;
  }

  dialog.ps-dialog > .ps-content::-webkit-scrollbar-thumb {
    background: #e0e4e9;
    border-radius: 999px;
    min-height: 40px;
  }

  dialog.ps-dialog > .ps-content:hover::-webkit-scrollbar-thumb {
    background: #c9cfd7;
  }

  dialog.ps-dialog > .ps-content::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
  }
}

@media (max-width: 600px) {
  dialog.ps-dialog > .ps-content {
    margin-right: 5px;
    padding-right: 13px;
  }
}