@import 'themes/default';
@import 'themes/bandit';

.Dropdown {
  position: relative;
}

.Dropdown__Content {
  --focus--offset: calc(-1 * var(--focus--width));

  background-color: var(--color--invert);
  border-radius: var(--radius--med);
  margin-top: var(--Dropdown____margin-top);
  margin-bottom: 0.5em;
  opacity: 0;
  overflow: auto;
  position: absolute;
  transition-duration: var(--timing--fade);
  transition-property: opacity, visibility;
  visibility: hidden;
  z-index: 2;

  &--open {
    opacity: 1;
    visibility: visible;
  }
}

.Dropdown__Toggle {
  cursor: default;
  margin-bottom: 0;
  position: relative;

  &--disabled {
    --Dropdown__Toggle__Icon____opacity: 0.3;
  }

  &--mini {
    --Dropdown__Toggle__Icon____right: 0.25em;

    .Input {
      padding-right: 1.25em;
    }
  }

  &--readonly {
    pointer-events: none;
  }

  .Input {
    padding-right: 2em;
  }
}

.Dropdown__Toggle__Icon {
  align-items: center;
  bottom: 0;
  display: flex;
  opacity: var(--Dropdown__Toggle__Icon____opacity, 1);
  pointer-events: none;
  position: absolute;
  right: var(--Dropdown__Toggle__Icon____right, 0.5em);
  top: 0;
}