.dialog-success { border-top: 4px solid #4caf50; }
.dialog-info    { border-top: 4px solid #2196f3; }
.dialog-error   { border-top: 4px solid #f44336; }
.dialog-warning { border-top: 4px solid #ef6c00; }
.dialog-alert   { border-top: 4px solid #ef6c00; }

.alert-success { background-color: #e6f7e9; color: #2e7d32; }
.alert-error   { background-color: #fdecea; color: #c62828; }
.alert-info    { background-color: #e8f4fd; color: #1565c0; }
.alert-warning { background-color: #fff8e1; color: #ef6c00; }

/* Fade Out */
@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.closing-animation {
  animation: fadeOut 0.4s ease forwards;
}

/* Fade In */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.opening-animation {
  animation: fadeIn 0.4s ease forwards;
}

.logo-svg {
  margin-top: 5px;
  width: 120px;
  height: 120px;
  z-index: 1000;
}