:root {
  --alert-width:           640px;
  --alert-min-height:      56px;
  --alert-margin-desktop:  32px;
  --alert-margin-mobile:   20px;
}

.mat-snack-bar-container.ui-alert {
  max-width: 100vw;
  min-width: 280px;
  min-height: var(--alert-min-height);
  width: var(--alert-width);
  padding: 0;
  margin: var(--alert-margin-desktop);
}