/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--form-select--background--empty: var(--digi--color--background--interactive--default--secondary);
  --digi--form-select--background--neutral: var(--digi--color--background--interactive--default--secondary);
  --digi--form-select--background--success: var(--digi--color--background--interactive--validation--success);
  --digi--form-select--background--warning: var(--digi--color--background--interactive--validation--warning);
  --digi--form-select--background--error: var(--digi--color--background--interactive--validation--error);
  --digi--form-select--border-color--neutral: var(--digi--color--border--interactive--default--on-input);
  --digi--form-select--border-color--success: var(--digi--color--border--interactive--validation--success);
  --digi--form-select--border-color--warning: var(--digi--color--border--interactive--validation--warning);
  --digi--form-select--border-color--error: var(--digi--color--border--interactive--validation--error);
  --digi--form-select--select-wrapper--position: relative;
  --digi--form-select--select--height--small: var(--digi--input-height--small);
  --digi--form-select--select--height--medium: var(--digi--input-height--medium);
  --digi--form-select--select--height--large: var(--digi--input-height--large);
  --digi--form-select--select--border-radius: var(--digi--border-radius--input);
  --digi--form-select--select--padding: 0 var(--digi--gutter--medium);
  --digi--form-select--select--padding--inline-end: var(--digi--padding--large);
  --digi--form-select--select--border-width--neutral: var(--digi--border-width--input-regular);
  --digi--form-select--select--border-width--success: var(--digi--border-width--input-validation);
  --digi--form-select--select--border-width--error: var(--digi--border-width--input-validation);
  --digi--form-select--select--border-width--warning: var(--digi--border-width--input-validation);
  --digi--form-select--select--width: 100%;
  --digi--form-select--select--font-size: var(--digi--typography--body--font-size--desktop);
  --digi--form-select--select-option--font-size: var(--digi--typography--body--font-size--desktop);
  --digi--form-select--label--margin-bottom: var(--digi--gutter--medium);
  --digi--form-select--icon--inline-end: 0.75rem;
  --digi--form-select--icon--top: 50%;
  --digi--form-select--icon--transform: translateY(-50%);
  --digi--form-select--icon--color: var(--digi--color--icon--primary);
  --digi--form-select--footer--margin-top: var(--digi--gutter--medium);
}
:host .digi-form-select {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}
:host .digi-form-select--neutral {
  --BORDER-WIDTH: var(--digi--form-select--select--border-width--neutral);
  --BORDER-COLOR: var(--digi--form-select--border-color--neutral);
  --BACKGROUND: var(--digi--form-select--background--neutral);
}
:host .digi-form-select--success {
  --BORDER-WIDTH: var(--digi--form-select--select--border-width--success);
  --BORDER-COLOR: var(--digi--form-select--border-color--success);
  --BACKGROUND: var(--digi--form-select--background--success);
}
:host .digi-form-select--warning {
  --BORDER-WIDTH: var(--digi--form-select--select--border-width--warning);
  --BORDER-COLOR: var(--digi--form-select--border-color--warning);
  --BACKGROUND: var(--digi--form-select--background--warning);
}
:host .digi-form-select--error {
  --BORDER-WIDTH: var(--digi--form-select--select--border-width--error);
  --BORDER-COLOR: var(--digi--form-select--border-color--error);
  --BACKGROUND: var(--digi--form-select--background--error);
}
:host .digi-form-select--small {
  --HEIGHT: var(--digi--form-select--select--height--small);
}
:host .digi-form-select--medium {
  --HEIGHT: var(--digi--form-select--select--height--medium);
}
:host .digi-form-select--large {
  --HEIGHT: var(--digi--form-select--select--height--large);
}
:host .digi-form-select--empty:not(:focus-within) {
  --BACKGROUND: var(--digi--form-select--background--empty);
}
:host .digi-form-select__select {
  appearance: none;
  width: var(--digi--form-select--select--width);
  padding: var(--digi--form-select--select--padding);
  padding-inline-end: var(--digi--form-select--select--padding--inline-end);
  height: var(--HEIGHT);
  border: var(--BORDER-WIDTH) solid;
  border-radius: var(--digi--form-select--select--border-radius);
  border-color: var(--BORDER-COLOR);
  cursor: pointer;
  font-size: var(--digi--form-select--select--font-size);
  color: var(--digi--color--text--primary);
  background: var(--BACKGROUND);
  font-family: var(--digi--global--typography--font-family--default);
}
:host .digi-form-select__select-wrapper {
  position: var(--digi--form-select--select-wrapper--position);
}
:host .digi-form-select__select-option {
  font-size: var(--digi--form-select--select-option--font-size);
}
@media (min-width: 48rem) {
  :host .digi-form-select__select-option {
    --digi--form-select--select-option--font-size: var(--digi--typography--font-size--l);
  }
}
:host .digi-form-select__select::-ms-expand {
  display: none;
}
:host .digi-form-select__select:focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
  box-shadow: 0px 0px 0px 5px white;
}
:host .digi-form-select__icon {
  position: absolute;
  inset-inline-end: var(--digi--form-select--icon--inline-end);
  inset-block-start: var(--digi--form-select--icon--top);
  transform: var(--digi--form-select--icon--transform);
  pointer-events: none;
  color: var(--digi--form-select--icon--color);
}

.digi-form-select--neutral .digi-form-select__footer {
  position: absolute;
}