.resizable-container {
  display: flex;
  width: 100%;
  margin-top: 10px;
  overflow: hidden;
}

.left-pane {
  min-width: 345px;
}

.right-pane {
  min-width: 260px;
  flex-grow: 1;
}

.resizer {
  width: 2px;
  background-color: var(--bg-color);
  cursor: ew-resize;
  position: relative;
  margin: 10px;
  transition: width 0.3s ease;
  pointer-events: auto;
}

.resizer:hover {
  width: 3px;
  border: 2px solid var(--border-0-color);
  background-color: var(--border-0-color);
}