data-grid {
  .dg-resizer {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px; // clickable zone
    z-index: 2;
    cursor: col-resize;
    user-select: none;

    &:before {
      content: "";
      display: block;
      position: absolute;
      top: var(--padding-y-header);
      height: 1.5rem;
      right: 0;
      width: 2px;
      background: var(--body-color);
      opacity: 0.2;
    }
    &:hover:before {
      opacity: 0.6;
    }
    &.dg-resizer-active {
      border-right: 1px dashed var(--color);

      &:before {
        opacity: 0.6;
      }
    }
  }
}