/* DADS-aligned select component for v0.3.1. See third_party NOTICE for source guidance. */
.dads-select { position: relative; display: inline-grid; max-width: 100%; }
.dads-select__select {
  appearance: none;
  min-height: 3rem;
  width: 100%;
  border: 1px solid var(--color-neutral-solid-gray-600);
  border-radius: 0.5rem;
  background: var(--color-neutral-white);
  color: var(--color-neutral-solid-gray-900);
  padding: 0.625rem 3rem 0.625rem 1rem;
  font: inherit;
  line-height: 1.5;
}
.dads-select::after {
  content: "";
  pointer-events: none;
  position: absolute;
  right: 1.125rem;
  top: 50%;
  width: 0.625rem;
  height: 0.625rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-65%) rotate(45deg);
}
.dads-select__select:hover { border-color: var(--color-neutral-solid-gray-900); }
.dads-select__select:focus-visible {
  outline: 4px solid var(--color-primitive-yellow-300);
  outline-offset: 2px;
  border-color: var(--color-neutral-black);
}
.dads-select__select[aria-invalid="true"] { border-width: 2px; border-color: var(--color-semantic-error-1); }
.dads-select[data-size="sm"] .dads-select__select { min-height: 2.5rem; }
.dads-select[data-size="lg"] .dads-select__select { min-height: 3.5rem; }