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

.sidebar-item-index .van-sidebar-item {
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    border-left: 3px solid transparent;
    -webkit-user-select: none;
    user-select: none;
    padding: 20px 12px 20px 8px;
    padding: var(--sidebar-padding, 20px 12px 20px 8px);
    font-size: 14px;
    font-size: var(--sidebar-font-size, 14px);
    line-height: 20px;
    line-height: var(--sidebar-line-height, 20px);
    color: #323233;
    color: var(--sidebar-text-color, #323233);
    background-color: #f7f8fa;
    background-color: var(--sidebar-background-color, #f7f8fa);
}

.sidebar-item-index .van-sidebar-item__text {
    position: relative;
    display: inline-block;
    word-break: break-all;
}

.sidebar-item-index .van-sidebar-item--hover:not(.van-sidebar-item--disabled) {
    background-color: #f2f3f5;
    background-color: var(--sidebar-active-color, #f2f3f5);
}

.sidebar-item-index .van-sidebar-item:after {
    border-bottom-width: 1px;
}

.sidebar-item-index .van-sidebar-item--selected {
    color: #323233;
    color: var(--sidebar-selected-text-color, #323233);
    font-weight: 500;
    font-weight: var(--sidebar-selected-font-weight, 500);
    border-color: #ee0a24;
    border-color: var(--sidebar-selected-border-color, #ee0a24);
}

.sidebar-item-index .van-sidebar-item--selected:after {
    border-right-width: 1px;
}

.sidebar-item-index .van-sidebar-item--selected,
.sidebar-item-index .van-sidebar-item--selected.van-sidebar-item--hover {
    background-color: #fff;
    background-color: var(--sidebar-selected-background-color, #fff);
}

.sidebar-item-index .van-sidebar-item--disabled {
    color: #c8c9cc;
    color: var(--sidebar-disabled-text-color, #c8c9cc);
}
