@use './mixins' as mix;

.mat-mdc-snack-bar-container {
  --mat-mdc-snack-bar-button-color: white;
}

.snackbar-error,
.snackbar-success,
.snackbar-warning {
	color: white !important;
	transform: translateY(-60px) !important;

	@include mix.tablet-low {
		transform: translateY(0) !important;
	}

	.mat-button-wrapper {
		color: white !important;
	}
}
.snackbar-success {
  --mat-snack-bar-container-color: #63BE54;
}

.snackbar-error {
  --mat-snack-bar-container-color: #EB5151;
}

.snackbar-warning {
  --mat-snack-bar-container-color: #7a74ff;
}