@use '@funidata/fudis-core' as core;

.fudis-select-dropdown {
  @include core.box-reset;
  @include core.bg-color('white');
  @include core.z-index('dropdown-menu');
  @include core.border('1px', 'solid', 'gray-dark');

  display: none;
  position: absolute;
  flex-direction: column;
  width: 100%;
  max-height: calc(core.$spacing-xxl * 4);
  overflow: auto;

  &:focus-visible {
    @include core.focus-generic;
  }

  &__right {
    left: 0;
  }

  &__left {
    right: 0;
  }

  &__center {
    right: initial;
    left: initial;
  }

  &--open {
    display: flex;
  }

  &--hidden {
    display: none;
  }
}