@import "../../../assets/sass/config";
@import "../../../assets/sass/box";

.scorll-bar-container{
  width: 240px;
  position: fixed;
  top: 0;
  bottom: 0;
  margin-top: 80px;
  padding-top: 50px;
  transition: padding-top .3s;
  box-sizing: border-box;
  overflow-y: scroll;
  background: white;


  .scorll-bar-title{
    color: $color-text-primary;
    font-weight: bold;
  }


  .scorll-bar-group{
    font-size: $font-small;
    color: $color-text-secondary;
    line-height: 26px;
    margin-top: $space-small;

    .scorll-bar-item{
      display: block;
      height: 40px;

      line-height: 40px;
      font-size: $font-default;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-weight: 400;
      cursor: pointer;

      a{
        color: $color-text-regular;
        text-decoration: none;
        &:hover,&.hover,&:active,&.active{
          color: $color-primary;
        }
      }


    }
  }
}