@include c(sidebar) {
  @include position--absolute(0, null, 0, 0);

  padding-top: px2rpx(10px);
  width: px2rpx(160px);
  box-sizing: border-box;

  @include e(item) {
    @include text--middle(px2rpx(80px));
    @include block--center;

    position: relative;
    color: map-get($colors, c10);
    text-align: center;
    width: px2rpx(130px);

    p {
      @include position--absolute(50%, null, null, 50%);
      @include text--overflow;

      width: px2rpx(140px);
      transform: translate(-50%, -50%);
      line-height: 100%;
      z-index: 1;
    }

    @include s(is-active) {
      color: map-get($colors, white);

      &::after {
        @include position--absolute(50%, null, null, 0);
        @include size(100%, px2rpx(54px));

        transform: translateY(-50%);
        background-color: map-get($colors, primary);
        display: block;
        content: "";
        z-index: 0;
        border-radius: px2rpx(54px);
      }
    }
  }
}