@import 'common/variable.scss';
@import 'common/mixins.scss';
.#{$--css-prefix}{
  &cascader{
    position:relative;
    @include var-height();
    @include disabled();
    &--inner{
      height:100%;
      @include flexbox('center');
      >div{
        @include flexbox-item;
      }
      .vx-arrow{
        margin-left:6px;
        margin-right:0.28rem;
        margin-top:-0.1rem;
        transition: transform 0.18s ease 0s;
      }
    }
    &.is-focus{
      .vx-arrow{
        transform:rotate(-135deg)!important;
        margin-top:0.1rem;
      }
    }
    button{
      border: 0;
      background-color: transparent;
      font-size: inherit;
      text-align: inherit;
      height: 100%;
      outline: none;
      box-sizing: border-box;
      width: 100%;
      padding:0 0 0 0.2rem;
      z-index:1;
      @include lineClamp;
      @include placeholder;
    }
  }
}