:global {
  .resizable-horizontal {
    cursor: col-resize;
    z-index: 100;
    width: 2px;
    transition: background-color 0.3s ease-in-out;

    &:hover {
      background-color: var(--primary-color);
    }
  }

  .resizable-vertical {
    cursor: row-resize;
    z-index: 100;
    height: 2px;
    transition: background-color 0.3s ease-in-out;

    &:hover {
      background-color: var(--primary-color);
    }
  }
}
