.a_dropdown {
  display: inline-block;
  position: relative;
}
.a_dropdown__caret {
  margin-left: .5rem;
}

.a_dropdown__menu {
  --a_dropdown_min_width: 10rem;
  --a_dropdown_max_height: 500px;
  --a_dropdown_padding_x: 0;
  --a_dropdown_padding_y: 0.5rem;
  --a_dropdown_spacer: 0.125rem;
  --a_dropdown_font_size: 1rem;
  --a_dropdown_color: var(--a_color_text);
  --a_dropdown_bg: #fff;
  --a_dropdown_border_color: var(--a_border_color);
  --a_dropdown_border_radius: var(--a_border_radius);
  --a_dropdown_border_width: var(--a_border_width);
  --a_dropdown_divider_color: var(--a_color_gray_500);
  --a_dropdown_divider_margin_y: 0.5rem;
  --a_dropdown_link_color: var(--a_color_text);
  --a_dropdown_link_hover_color: #1e2125;
  --a_dropdown_link_hover_bg: var(--a_color_gray_200);
  --a_dropdown_link_active_color: #fff;
  --a_dropdown_link_active_bg: var(--a_color_primary);
  --a_dropdown_link_disabled_color: #adb5bd;
  --a_dropdown_item_padding_x: 1rem;
  --a_dropdown_item_padding_y: 0.25rem;
  --a_dropdown_header_color: #6c757d;
  --a_dropdown_header_padding_x: 1rem;
  --a_dropdown_header_padding_y: 0.5rem;
  --a_select_menu_link_focus_color: var(--a_color_focus);

  z-index: var(--a_z_index_dropdown);
  min-width: var(--a_dropdown_min_width);
  max-height: var(--a_dropdown_max_height);
  padding: var(--a_dropdown_padding_y) var(--a_dropdown_padding_x);
  margin: 0;
  font-size: var(--a_dropdown_font_size);
  color: var(--a_dropdown_color);
  text-align: left;
  list-style: none;
  background-color: var(--a_dropdown_bg);
  background-clip: padding-box;
  border: var(--a_dropdown_border_width) solid var(--a_dropdown_border_color);
  border-radius: var(--a_dropdown_border_radius);
  overflow-x: auto;
  overflow-y: auto;
  display: none;
}
.a_dropdown__menu_show {
  display: block;
}
.a_dropdown__item {
  display: block;
  width: 100%;
  padding: var(--a_dropdown_item_padding_y) var(--a_dropdown_item_padding_x);
  clear: both;
  font-weight: 400;
  color: var(--a_dropdown_link_color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-size: inherit;
  &:hover {
    color: var(--a_dropdown_link_hover_color);
    background-color: var(--a_dropdown_link_hover_bg);
    text-decoration: none;
  }
  &:focus {
    box-shadow: inset 0 0 1px 4px var(--a_select_menu_link_focus_color);
    outline: none;
    text-decoration: none;
  }
  &.active,
  &:active {
    color: var(--a_dropdown_link_active_color);
    text-decoration: none;
    background-color: var(--a_dropdown_link_active_bg);
  }
  &.disabled,
  &:disabled {
    color: var(--a_dropdown_link_disabled_color);
    background-color: transparent;
  }
  &:disabled {
    pointer-events: none;
  }
}
.a_dropdown__item_text {
  padding: var(--a_dropdown_item_padding_y) var(--a_dropdown_item_padding_x);
  color: var(--a_dropdown_link_color);
}
.a_dropdown__divider {
  height: 0;
  margin: var(--a_dropdown_divider_margin_y) 0;
  overflow: hidden;
  border-top: 1px solid var(--a_dropdown_divider_color);
  opacity: 1;
}
.a_dropdown__item_header {
  display: block;
  padding: var(--a_dropdown_header_padding_y) var(--a_dropdown_header_padding_x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--a_dropdown_header_color);
  white-space: nowrap;
}