@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. selectDirect) */

.column-resizer__8f12T {
  position: absolute;
  z-index: 1;
  top: 0;
  left: calc(100% - 4px);
  width: 4px;
  height: var(--column-resizer-height);
  overflow: auto;
  cursor: col-resize;
}

.column-resizer__8f12T:hover,
.column-resizer__8f12T:active {
  background: var(--click-grid-header-cell-color-stroke-selectDirect);
}

.column-resizer_pressed__JGAln {
  position: fixed;
  height: 100%;
}
}