.aura-select {
  border: var(--aura-border-type-none);
  background: var(--aura-white);
  width: var(--aura-width-100-percent);
}

.dropdown-panel-class {
  box-shadow: var(--aura-dropdown-box-shadow);
}

.aura-select--container {
  list-style: var(--aura-none);
  position: var(--aura-position-relative);
  height: var(--aura-unit-40-px);
  line-height: var(--aura-unit-25-px);
  cursor: var(--aura-cursor-pointer);
  display: var(--aura-display-flex);
  align-items: var(--aura-align-items-center);
  border-bottom: var(--aura-unit-1-px) var(--aura-border-type-solid)
    var(--aura-gray-600);
}

.aura-select--container--active {
  border-bottom: var(--aura-unit-1-px) var(--aura-border-type-solid)
    var(--aura-gray-950);
}

.aura-select--container--error {
  border-bottom: var(--aura-unit-2-px) var(--aura-border-type-solid)
    var(--aura-warn);
}

.aura-select--placeholder {
  font-family: var(--aura-font-family-book);
  font-size: var(--aura-font-size-18px);
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-325);
  line-height: var(--aura-line-height-24);
  color: var(--aura-body-text);
  padding-right: var(--aura-unit-25-px);
  white-space: var(--aura-white-space-nowrap);
  overflow: var(--aura-overflow-hidden);
  text-overflow: var(--aura-text-overflow-ellipsis);
  text-transform: var(--aura-text-capitalize);
}

.aura-select--arrow {
  position: var(--aura-position-absolute);
  right: var(--aura-unit-5-px);
  content: var(--aura-caret);
  width: var(--aura-unit-1-em);
  height: var(--aura-unit-1-em);
  transition: var(--aura-transition-all) var(--aura-transition-time-point-five)
    var(--aura-transition-ease-in-out);
}

.error-message-icon {
  width: var(--aura-width-15);
  height: var(--aura-height-15);
  content: var(--aura-alert-img);
}

.select-panel {
  box-shadow: var(--aura-dropdown-box-shadow);
  background: var(--aura-white);
}