* {
  box-sizing: var(--air-box-sizing, border-box);
}

:host {
  display: var(--air-dropdown-base-host-display, block);
}

.content {
  position: fixed;
  width: var(--air-dropdown-base-width, auto);
  min-width: var(--air-dropdown-base-min-width, auto);
  max-width: var(--air-dropdown-base-max-width, auto);
  height: var(--air-dropdown-base-height, auto);
  min-height: var(--air-dropdown-base-min-height, auto);
  max-height: var(--air-dropdown-base-max-height, auto);
  margin-top: var(--air-dropdown-base-margin-top, 0);
  margin-right: var(--air-dropdown-base-margin-right, 0);
  margin-bottom: var(--air-dropdown-base-margin-bottom, 0);
  margin-left: var(--air-dropdown-base-margin-left, 0);
  padding-top: var(--air-dropdown-base-padding-top, 0);
  padding-right: var(--air-dropdown-base-padding-right, 0);
  padding-bottom: var(--air-dropdown-base-padding-bottom, 0);
  padding-left: var(--air-dropdown-base-padding-left, 0);
  background: var(--air-dropdown-base-background, #fff);
  box-shadow: var(--air-dropdown-base-box-shadow, none);
  border: var(--air-dropdown-base-border, none);
  border-radius: var(--air-dropdown-base-border-radius, none);
  overflow: var(--air-dropdown-base-overflow, auto);
  z-index: var(--air-dropdown-base-z-index, 1);
  box-sizing: var(--air-dropdown-base-box-sizing, var(--air-box-sizing, border-box));
}
.content.top {
  margin-top: var(--air-dropdown-content-position-top-margin-top, calc(-1 * var(--air-spacing-01, 0.25rem)));
}
.content.bottom {
  margin-top: var(--air-dropdown-content-position-bottom-margin-top, var(--air-spacing-01, 0.25rem));
}