@import 'mixins/list';
@import 'variables/z-index';

.toast-list {
  position: fixed;
  pointer-events: none;
  z-index: $msfa__z-index-toast;
  margin: var(--digi--layout--gutter);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;

  &--top-right {
    justify-content: flex-end;
  }
  &--top-left {
    justify-content: flex-start;
  }
  &--top-center {
    justify-content: center;
  }
  &--center-right {
    justify-content: flex-end;
    align-items: center;
  }
  &--center-left {
    justify-content: flex-start;
    align-items: center;
  }
  &--center-center {
    justify-content: center;
    align-items: center;
  }
  &--bottom-right {
    justify-content: flex-end;
    align-items: flex-end;
  }
  &--bottom-left {
    justify-content: flex-start;
    align-items: flex-end;
  }
  &--bottom-center {
    justify-content: center;
    align-items: flex-end;
  }

  &__list {
    @include msfa__reset-list;
  }

  &__item:not(:first-child) {
    margin-top: var(--digi--layout--gutter);
  }
}
