@import 'variables/gutters';

.organization-picker-form {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: $digi--layout--gutter;
  row-gap: $digi--layout--gutter--s;
  grid-template-areas:
    'select select'
    'error error'
    'submit .';

  &--compact {
    grid-template-areas:
      'select submit'
      'error error';

    .organization-picker-form__submit {
      margin-top: 0;
    }
  }

  &__select {
    grid-area: select;
  }

  &__submit {
    grid-area: submit;
    margin-top: $digi--layout--gutter--l;
    align-self: end;
  }

  &__error {
    grid-area: error;
  }

  ::ng-deep .digi-ng-form-select__footer {
    display: none !important;
  }
}
