.dialog-background,
.dialog-background-error {
  background-color: var(--upf-color-surface);
  border-left-width: var(--upf-dialog-border-width);
  border-radius: var(--upf-radius-lg);
  box-shadow: var(--upf-shadow-md);
}

.dialog-background {
  border-color: var(--mud-palette-primary);
}

.dialog-background-error {
  border-color: var(--mud-palette-error);
}

.dialog-background-title,
.dialog-background-title-error,
.dialog-background-surface {
  background-color: var(--upf-color-surface);
}

.dialog-background-title {
  color: var(--mud-palette-primary);
}

.dialog-background-title-error {
  color: var(--mud-palette-error);
}

.dialog-background .dialog-customer {
  min-height: 800px;
}

.mud-dialog .mud-dialog-title {
  font-weight: 700;
  letter-spacing: .01em;
  padding-top: var(--upf-space-5);
  padding-bottom: var(--upf-space-3);
}

.mud-dialog .mud-dialog-content {
  padding-top: var(--upf-space-4);
  padding-bottom: var(--upf-space-5);
}

.mud-dialog .mud-dialog-actions {
  border-top: 1px solid var(--upf-color-border);
  padding-top: var(--upf-space-3);
  padding-bottom: var(--upf-space-4);
}

.mud-dialog .vstack > .bg-primary {
  opacity: .18;
}