.jmdt-panel-split {
  --split-first: 60fr;
  --split-second: 40fr;
  --split-handle-width: 14px;
  display: grid;
  grid-template-columns: minmax(0, var(--split-first)) var(--split-handle-width) minmax(0, var(--split-second));
  align-items: stretch;
}

.jmdt-panel-split>* {
  min-width: 0;
}

.jmdt-panel-split__handle {
  position: relative;
  cursor: col-resize;
  touch-action: none;
  user-select: none;
  outline: none;
}

.jmdt-panel-split__handle::before {
  content: "";
  position: absolute;
  inset: 0 4px;
  border-radius: 5px;
  background: var(--split-color, #c0c5cc);
}

.jmdt-panel-split__handle:hover::before,
.jmdt-panel-split__handle:focus-visible::before,
.jmdt-panel-split[data-dragging]>.jmdt-panel-split__handle::before {
  background: var(--split-active-color, #1769aa);
}

.jmdt-panel-split__handle:focus-visible {
  outline: 2px solid var(--split-active-color, #1769aa);
  outline-offset: 2px;
}

.jmdt-panel-split[data-dragging] {
  user-select: none;
}

.jmdt-panel-split[data-stacked] {
  display: block;
}

.jmdt-panel-split[data-stacked]>.jmdt-panel-split__handle {
  display: none;
}