:root {
  --rv-dropdown-menu-height: 48px;
  --rv-dropdown-menu-background-color: var(--rv-white);
  --rv-dropdown-menu-box-shadow: 0 2px 12px rgba(100, 101, 102, 0.12);
  --rv-dropdown-menu-title-font-size: 15px;
  --rv-dropdown-menu-title-text-color: var(--rv-text-color);
  --rv-dropdown-menu-title-active-text-color: var(--rv-danger-color);
  --rv-dropdown-menu-title-disabled-text-color: var(--rv-gray-6);
  --rv-dropdown-menu-title-padding: 0 var(--rv-padding-xs);
  --rv-dropdown-menu-title-line-height: var(--rv-line-height-lg);
  --rv-dropdown-menu-option-active-color: var(--rv-danger-color);
  --rv-dropdown-menu-content-max-height: 80%;
  --rv-dropdown-item-z-index: 10;
}
.rv-dropdown-menu {
  user-select: none;
}
.rv-dropdown-menu__bar {
  position: relative;
  display: flex;
  height: var(--rv-dropdown-menu-height);
  background-color: var(--rv-dropdown-menu-background-color);
  box-shadow: var(--rv-dropdown-menu-box-shadow);
}
.rv-dropdown-menu__bar--opened {
  z-index: calc(var(--rv-dropdown-item-z-index) + 1);
}
.rv-dropdown-menu__item {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-width: 0;
  cursor: pointer;
}
.rv-dropdown-menu__item:active {
  opacity: var(--rv-active-opacity);
}
.rv-dropdown-menu__item--disabled:active {
  opacity: 1;
}
.rv-dropdown-menu__item--disabled .rv-dropdown-menu__title {
  color: var(--rv-dropdown-menu-title-disabled-text-color);
}
.rv-dropdown-menu__title {
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  padding: var(--rv-dropdown-menu-title-padding);
  color: var(--rv-dropdown-menu-title-text-color);
  font-size: var(--rv-dropdown-menu-title-font-size);
  line-height: var(--rv-dropdown-menu-title-line-height);
}
.rv-dropdown-menu__title::after {
  position: absolute;
  top: 50%;
  right: -4px;
  margin-top: -5px;
  border: 3px solid;
  border-color: transparent transparent var(--rv-gray-4) var(--rv-gray-4);
  transform: rotate(-45deg);
  opacity: 0.8;
  content: '';
}
.rv-dropdown-menu__title--active {
  color: var(--rv-dropdown-menu-title-active-text-color);
}
.rv-dropdown-menu__title--active::after {
  border-color: transparent transparent currentColor currentColor;
}
.rv-dropdown-menu__title--down::after {
  margin-top: -1px;
  transform: rotate(135deg);
}
.rv-dropdown-item {
  position: fixed;
  right: 0;
  left: 0;
  z-index: var(--rv-dropdown-item-z-index);
  overflow: hidden;
}
.rv-dropdown-item__icon {
  line-height: inherit;
  vertical-align: middle;
}
.rv-dropdown-item__option {
  text-align: left;
}
.rv-dropdown-item__option--active {
  color: var(--rv-dropdown-menu-option-active-color);
}
.rv-dropdown-item__option--active .rv-dropdown-item__icon {
  color: var(--rv-dropdown-menu-option-active-color);
}
.rv-dropdown-item--up {
  top: 0;
}
.rv-dropdown-item--down {
  bottom: 0;
}
.rv-dropdown-item__content {
  position: absolute;
  max-height: var(--rv-dropdown-menu-content-max-height);
}
