// 公用变量
@import './global.less';

// 选择框
// 上拉选择 - ✅
// 选择器 - ✅
.van-picker {
  --van-picker-toolbar-height: 44px !important;
  .van-picker__toolbar {
    position: relative;
    &::after {
      position: absolute;
      box-sizing: border-box;
      content: ' ';
      pointer-events: none;
      right: var(--van-padding-md);
      bottom: 0;
      left: var(--van-padding-md);
      border-bottom: 1px solid var(--van-cell-border-color);
      transform: scaleY(0.5);
    }
  }
  .van-picker__columns {
    padding: 0 24px;
  }
  .van-picker-column {
    position: relative;
    z-index: 1;
  }
  .van-picker__frame {
    z-index: 0;
    &::after {
      background: var(--k-bg-4);
      border-radius: 8px;
    }
  }
  .van-picker__cancel,
  .van-picker__confirm {
    font-size: 15px;
  }
  .van-picker__cancel {
    color: var(--k-gray-3);
  }
  .van-picker__confirm {
    color: var(--k-font-primary);
  }
  .van-picker-column__item {
    color: var(--k-gray-1);
    font-size: 16px;
  }
  .van-picker-column__item--selected {
    font-weight: 600;
  }
}