.autoScrollArea {
  position: absolute;
  z-index: 20;
  background-color: transparent; /* production */
  // background-color: #ff00001f; /* develop */

  &.left {
    width: 50px;
    height: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  &.right {
    width: 50px;
    height: 100%;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  &.top {
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
  }

  &.bottom {
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
  }
}
