| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 | @import '../style/var';@import '../style/mixins/hairline';.van-collapse-item {  position: relative;  &--border {    &::after {      .hairline-top(@cell-border-color, @padding-md, @padding-md);    }  }  &__title {    .van-cell__right-icon::before {      // using translateZ to fix safari rendering issues      // see: https://github.com/vant-ui/vant/issues/8608      transform: rotate(90deg) translateZ(0);      transition: transform @collapse-item-transition-duration;    }    &::after {      right: @padding-md;      display: none;    }    &--expanded {      .van-cell__right-icon::before {        transform: rotate(-90deg);      }      &::after {        display: block;      }    }    &--borderless {      &::after {        display: none;      }    }    &--disabled {      cursor: not-allowed;      &,      & .van-cell__right-icon {        color: @collapse-item-title-disabled-color;      }      &:active {        background-color: @white;      }    }  }  &__wrapper {    overflow: hidden;    transition: height @collapse-item-transition-duration ease-in-out;    will-change: height;  }  &__content {    padding: @collapse-item-content-padding;    color: @collapse-item-content-text-color;    font-size: @collapse-item-content-font-size;    line-height: @collapse-item-content-line-height;    background-color: @collapse-item-content-background-color;  }}
 |