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

.van-tree-select {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-user-select: none;
  user-select: none;
  font-size: 28rpx;
  font-size: var(--tree-select-font-size,28rpx);
}

.van-tree-select__nav {
  -webkit-flex: 1;
  flex: 1;
  background-color: #f7f8fa;
  background-color: var(--tree-select-nav-background-color,#f7f8fa);
  --sidebar-padding: 24rpx 16rpx 24rpx 24rpx;
}

.van-tree-select__nav__inner {
  width: 100%!important;
  height: 100%;
}

.van-tree-select__content {
  -webkit-flex: 2;
  flex: 2;
  background-color: #fff;
  background-color: var(--tree-select-content-background-color,#fff);
}

.van-tree-select__item {
  position: relative;
  font-weight: 700;
  padding: 0 64rpx 0 32rpx;
  padding: 0 64rpx 0 var(--padding-md,32rpx);
  line-height: 88rpx;
  line-height: var(--tree-select-item-height,88rpx);
}

.van-tree-select__item--active {
  color: #ee0a24;
  color: var(--tree-select-item-active-color,#ee0a24);
}

.van-tree-select__item--disabled {
  color: #c8c9cc;
  color: var(--tree-select-item-disabled-color,#c8c9cc);
}

.van-tree-select__selected {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 32rpx;
  right: var(--padding-md,32rpx);
}