.edge-tool-dialog {
  position: fixed !important;
  margin: 0 !important;
  width: min(360px, calc(100vw - 16px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 100px) !important;
  overflow: auto !important;
  z-index: 150;
  box-shadow: 0 14px 44px #162c3433;
}

.edge-tool-dialog > .dialog-heading {
  position: sticky;
  top: -29px;
  z-index: 8;
  cursor: grab;
  touch-action: none;
  user-select: none;
  background: var(--white);
  border-bottom: 1px solid var(--line);
}

.edge-tool-dialog > .dialog-heading:active,
.edge-tool-dialog > .dialog-heading.is-dragging {
  cursor: grabbing;
  background: var(--sage);
}

@media (max-width: 760px) {
  .edge-tool-dialog {
    max-height: calc(100dvh - 16px) !important;
    padding: 16px !important;
  }

  .edge-tool-dialog > .dialog-heading {
    top: -16px;
    margin: -16px -16px 12px;
    padding: 12px 16px;
  }
}