@import '../common/index.wxss';

.van-sidebar-item {
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  border-left: 6rpx solid transparent;
  -webkit-user-select: none;
  user-select: none;
  padding: 40rpx 24rpx 40rpx 16rpx;
  padding: var(--sidebar-padding,40rpx 24rpx 40rpx 16rpx);
  font-size: 28rpx;
  font-size: var(--sidebar-font-size,28rpx);
  line-height: 40rpx;
  line-height: var(--sidebar-line-height,40rpx);
  color: #323233;
  color: var(--sidebar-text-color,#323233);
  background-color: #f7f8fa;
  background-color: var(--sidebar-background-color,#f7f8fa);
}

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

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

.van-sidebar-item:after {
  border-bottom-width: 2rpx;
}

.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);
}

.van-sidebar-item--selected:after {
  border-right-width: 2rpx;
}

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

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