@import 'common/variable.scss';
@import 'common/mixins.scss';
.#{$--css-prefix}{
  &index-list{
    position:relative;
    height:100%;
    overflow:hidden;
    &--each{
      position:absolute;
      height:100%;
      width:100%;
      @include scroller;
    }
    &--nav{
      position:absolute;
      right:0;
      top:50%;
      transform:translateY(-50%);
      width:0.5rem;
      text-align:center;
      line-height:0.38rem;
      z-index:10;
      div.is-active{
        @include var-color();
        font-weight:bold;
      }
    }
    &--item{
      background:#fff;
      padding:0.25rem;
      line-height:0.4rem;
      position:relative;
      @include active;
      @include divider;
      &:first-child{
        background-image:none;
      }
    }
    &--title,&--fixed{
      padding:0.3rem 0.2rem 0.2rem 0.2rem;
      @include var-background-color($--color-background);
      position:sticky;
      top:0;
      z-index:10;
      line-height:1;
    }
    &--title+&--item{
      background-image:none;
    }
    &--fixed{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      display:none;
    }
  }
}