@import 'variables/gutters';

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

  &__select {
    grid-area: select;
  }

  &__submit {
    grid-area: submit;
    align-self: end;
  }

  &__validation-wrapper {
    grid-area: validation;
  }

  &__validation-message {
    display: block;
    margin-bottom: $digi--layout--gutter--s;
  }

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