@use '~@moda/om';

.SelectOptions {
  background-color: om.color('snow');
  border: 1px solid om.color(elephant);

  &:focus {
    outline: 0;
    border-color: om.color(cement);
  }

  &__search {
    margin: om.space(2);
  }

  &__none {
    padding: om.spacing(2, 3);
  }

  &__list {
    @include om.overflow-scroll();
    max-height: om.space(12);
  }

  &__extra-option {
    left: 50%;
    margin-bottom: om.space(1);
    margin-top: om.space(2);
    transform: translate(-50%);
  }
}