// adduse
.dx-splitter {
  display: flex;
  height: 100%;
  width: 100%;

  .dx-splitter-item {
    display: flex;
    overflow: hidden;
    flex: 1 1 auto;
  }

  .dx-splitter-item-hidden-content {
    visibility: hidden;
  }

  .dx-splitter-item-content {
    position: relative;
    flex: 1 1 auto;
    overflow: auto;
  }

  &.dx-splitter-vertical {
    flex-direction: column;
  }
}

.dx-resize-handle {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  user-select: none;

  .dx-resize-handle-collapse-prev-pane,
  .dx-resize-handle-collapse-next-pane {
    cursor: pointer;
  }

  &.dx-resize-handle-horizontal {
    flex-direction: column;

    &.dx-resize-handle-resizable {
      cursor: col-resize;
    }
  }

  &.dx-resize-handle-vertical {
    flex-direction: row;

    &.dx-resize-handle-resizable {
      cursor: row-resize;
    }
  }

  &.dx-state-disabled {
    opacity: 1;
  }
}