@import '~choerodon-ui/lib/style/themes/default';

.c7ncd-draggers {
  &-gun {
    position: absolute;
    left: .08rem;
    width: .03rem;
    height: .32rem;
    line-height: .32rem;
    background: #fff;

    &::after {
      content: ' ';
      position: absolute;
      top: .1rem;
      right: 1px;
      height: .12rem;
      width: 0;
      color: #7a869a;
      border: 1px solid;
    }
  }

  &-blocker {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 15;
    height: 100vh;
    width: 100vw;
  }

  &-handle {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: color 0.2s linear, background-position 0.2s linear, background-size 0.2s linear, background 0.2s linear;
    cursor: col-resize;
    height: 100%;
    width: 10px;
    margin-left: 0;

    &:hover {
      border-right: 0.02rem solid @primary-color;
      opacity: .68;
    }
  }

  &-handle-dragged {
    border-right: 0.02rem solid @primary-color;
    opacity: .68;
  }
}