:root,
:host {
  --va-dropdown-line-height: 1;
  --va-dropdown-content-wrapper-z-index: var(--va-z-index-teleport-overlay, 9);
  --va-dropdown-display: inline-flex;
}
.va-dropdown {
  /* Solved the alignment problem (if we try to align inline and block elements) */
  line-height: var(--va-dropdown-line-height);
  font-family: var(--va-font-family);
  display: var(--va-dropdown-display);
  position: relative;
  max-width: 100%;
  vertical-align: middle;
}
.va-dropdown--disabled {
  cursor: default;
  opacity: 0.4;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.va-dropdown__content-wrapper {
  z-index: var(--va-dropdown-content-wrapper-z-index);
  font-family: var(--va-font-family);
  top: 0;
  left: 0;
  position: absolute;
}