:global {
  @opt-scrollbar-prefix: opt-scrollbar;

  .@{opt-scrollbar-prefix} {
    width   : 100%;
    height  : 100%;
    position: relative;

    &__prev,
    &__next {
      width           : 30px;
      height          : 100%;
      text-align      : center;
      background-color: #bae7ff;
      position        : absolute;
      top             : 0;
      cursor          : pointer;
      opacity         : 0;
      transition      : opacity .2s ease-in-out;
      z-index         : -1;

      &.visible {
        z-index: 1;
        opacity: 0.6;
      }

      .anticon {
        font-size: 20px;
        color    : #0050b3;
        position : relative;
        top      : 50%;
        transform: translateY(-50%);
      }
    }

    &__prev {
      left: 0;
    }

    &__next {
      right: 0;
    }
  }
}