.toast-wrapper{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: fixed;
  bottom: $size-small;
  right: 0;
  z-index: $zindex-fixed + 100;
  .toast{
    min-width: 250px;
    margin-right: $size-small;
    border-left: 12px solid $theme-color-2;
    flex-basis: 0;
    &.error{
      border-left-color: $error-color;
    }
    &.info{
        border-left-color: $info-color;
    }
  }
}