.divider-index {
    display: block;
    height: initial;
}
@import "../common/index.acss";

.divider-index .van-divider {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 16px 0;
    margin: var(--divider-margin, 16px 0);
    color: #969799;
    color: var(--divider-text-color, #969799);
    font-size: 14px;
    font-size: var(--divider-font-size, 14px);
    line-height: 24px;
    line-height: var(--divider-line-height, 24px);
    border: 0 solid #ebedf0;
    border-color: var(--divider-border-color, #ebedf0);
}

.divider-index .van-divider:after,
.divider-index .van-divider:before {
    display: block;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
    height: 1px;
    border-color: inherit;
    border-style: inherit;
    border-width: 1px 0 0;
}

.divider-index .van-divider:before {
    content: "";
}

.divider-index .van-divider--hairline:after,
.divider-index .van-divider--hairline:before {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.divider-index .van-divider--dashed {
    border-style: dashed;
}

.divider-index .van-divider--center:before,
.divider-index .van-divider--left:before,
.divider-index .van-divider--right:before {
    margin-right: 16px;
    margin-right: var(--divider-content-padding, 16px);
}

.divider-index .van-divider--center:after,
.divider-index .van-divider--left:after,
.divider-index .van-divider--right:after {
    content: "";
    margin-left: 16px;
    margin-left: var(--divider-content-padding, 16px);
}

.divider-index .van-divider--left:before {
    max-width: 10%;
    max-width: var(--divider-content-left-width, 10%);
}

.divider-index .van-divider--right:after {
    max-width: 10%;
    max-width: var(--divider-content-right-width, 10%);
}
