:root {
  --as-primary: #115e59;
  --as-primary-rgb: 17, 94, 89;
  --as-focus-ring: rgba(var(--as-primary-rgb), 0.24);
  --as-muted: #5f6b73;
}

.btn-primary {
  --bs-btn-bg: var(--as-primary);
  --bs-btn-border-color: var(--as-primary);
  --bs-btn-hover-bg: #0f4f4b;
  --bs-btn-hover-border-color: #0f4f4b;
  --bs-btn-active-bg: #0b3f3b;
  --bs-btn-active-border-color: #0b3f3b;
  --bs-btn-disabled-bg: var(--as-primary);
  --bs-btn-disabled-border-color: var(--as-primary);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--as-primary);
  box-shadow: 0 0 0 0.25rem var(--as-focus-ring);
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--as-primary);
  color: #ffffff;
}

.as-combobox {
  position: relative;
}

.as-combobox .dropdown-menu,
.as-react-combobox .dropdown-menu {
  max-height: 18rem;
  overflow-y: auto;
  width: 100%;
}

.as-combobox .dropdown-item,
.as-react-combobox .dropdown-item {
  white-space: normal;
}

.as-combobox-meta,
.as-react-combobox-meta {
  color: var(--as-muted);
  display: block;
  font-size: 0.8125rem;
  line-height: 1.25;
}