.mat-mdc-snack-bar-container{
  justify-content: end !important;
  margin: 12px;
  .mdc-snackbar__surface{
    border-radius: var(--border-radius-interface) !important;
    box-shadow: var(--elevation-medium) !important;
    width: 300px !important;
    max-width: 300px !important;
    min-width: 300px !important;
    padding: 0 !important;
  }
  .mdc-snackbar__label{
    padding: 0;
  }
  .snack-bar{
    padding: 12px;
    border-radius: var(--border-radius-interface) !important;
    .snackbar-header{
      display: flex;
      justify-content: space-between;
      .display-flex{
        gap: 4px;
      }
      i, .material-symbols-rounded{
        padding-top: 2px;
      }
    }
    .snackbar-action{
      margin-top: 12px;
    }
    &.success{
      background-color: var(--color-surface-success-idle);
      i, .font-size-medium, .material-symbols-rounded{
        color: var(--color-on-surface-alt-primary)
      }
    }
    &.info{
      background-color: var(--color-surface-info-idle);
      i, .font-size-medium, .material-symbols-rounded{
        color: var(--color-on-surface-alt-primary)
      }
    }
    &.warning{
      background-color: var(--color-surface-warning-idle);
      i, .font-size-medium, .material-symbols-rounded{
        color: var(--color-on-surface-alt-primary)
      }
    }
    &.danger{
      background-color: var(--color-surface-danger-idle);
      i, .font-size-medium, .material-symbols-rounded{
        color: var(--color-on-surface-alt-primary)
      }
    }
  }
}