.resizable-horizontal {
  display: flex;
  flex-direction: row;
}

.resizable-vertical {
  display: flex;
  flex-direction: column;
}

.gutter {
  background-color: var(--color-border);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;

  &.gutter-horizontal {
    background-image: url("/assets/grip-vertical-zink-500-a8f2305d.svg");
    cursor: col-resize;
  }

  &.gutter-vertical {
    background-image: url("/assets/grip-horizontal-zink-500-ae0ea56f.svg");
    cursor: row-resize;
  }
}