:root {
  --rv-cascader-header-height: 96px;
  --rv-cascader-header-padding: 0 var(--rv-padding-md);
  --rv-cascader-title-font-size: var(--rv-font-size-lg);
  --rv-cascader-title-line-height: 40px;
  --rv-cascader-close-icon-size: 44px;
  --rv-cascader-close-icon-color: var(--rv-gray-5);
  --rv-cascader-close-icon-active-color: var(--rv-gray-6);
  --rv-cascader-selected-icon-size: 36px;
  --rv-cascader-tabs-height: 96px;
  --rv-cascader-active-color: var(--rv-primary-color);
  --rv-cascader-options-height: 768px;
  --rv-cascader-option-disabled-color: var(--rv-gray-5);
  --rv-cascader-tab-color: var(--rv-text-color);
  --rv-cascader-unselected-tab-color: var(--rv-gray-6);
}

.rv-cascader__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: var(--rv-cascader-header-height);
  padding: var(--rv-cascader-header-padding);
}

.rv-cascader__title {
  font-weight: var(--rv-font-weight-bold);
  font-size: var(--rv-cascader-title-font-size);
  line-height: var(--rv-cascader-title-line-height);
}

.rv-cascader__close-icon {
  color: var(--rv-cascader-close-icon-color);
  font-size: var(--rv-cascader-close-icon-size);
}

.rv-cascader__close-icon:active {
  color: var(--rv-cascader-close-icon-active-color);
}

.rv-cascader__close-icon .rv-icon {
  display: block;
}

.rv-cascader__tabs .rv-tab {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  padding: 0 20px;
}

.rv-cascader__tabs.rv-tabs--line .rv-tabs__wrap {
  height: var(--rv-cascader-tabs-height);
}

.rv-cascader__tabs .rv-tabs__nav--complete {
  padding-right: 12px;
  padding-left: 12px;
}

.rv-cascader__tab {
  color: var(--rv-cascader-tab-color);
  font-weight: var(--rv-font-weight-bold);
}

.rv-cascader__tab--unselected {
  color: var(--rv-cascader-unselected-tab-color);
  font-weight: 400;
}

.rv-cascader__option {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 20px var(--rv-padding-md);
  font-size: var(--rv-font-size-md);
  line-height: var(--rv-line-height-md);
  cursor: pointer;
}

.rv-cascader__option:active {
  background-color: var(--rv-active-color);
}

.rv-cascader__option--selected {
  color: var(--rv-cascader-active-color);
  font-weight: var(--rv-font-weight-bold);
}

.rv-cascader__option--disabled {
  color: var(--rv-cascader-option-disabled-color);
  cursor: not-allowed;
}

.rv-cascader__option--disabled:active {
  background-color: transparent;
}

.rv-cascader__selected-icon {
  font-size: var(--rv-cascader-selected-icon-size);
}

.rv-cascader__options {
  box-sizing: border-box;
  height: var(--rv-cascader-options-height);
  padding-top: 12px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}