/* [project]/webapp/src/styles/unified-toast.css [app-client] (css) */
.mat-unified-toast {
  position: relative;
  overflow: hidden;
}

.mat-unified-toast:before {
  content: "";
  border-radius: var(--ma-radius, 18px);
  pointer-events: none;
  background: linear-gradient(135deg, rgba(138, 92, 255, .06) 0%, rgba(76, 201, 240, .04) 30%, rgba(0, 245, 160, .03) 60%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mat-unified-toast[data-type="success"] {
  background: linear-gradient(135deg, rgba(34, 197, 94, .1), rgba(0, 245, 160, .08)) !important;
  border-color: rgba(34, 197, 94, .3) !important;
}

.mat-unified-toast[data-type="error"] {
  background: linear-gradient(135deg, rgba(239, 71, 111, .1), rgba(220, 38, 38, .08)) !important;
  border-color: rgba(239, 71, 111, .3) !important;
}

.mat-unified-toast[data-type="warning"] {
  background: linear-gradient(135deg, rgba(251, 191, 36, .1), rgba(245, 158, 11, .08)) !important;
  border-color: rgba(251, 191, 36, .3) !important;
}

.mat-unified-toast[data-type="info"] {
  background: linear-gradient(135deg, rgba(138, 92, 255, .1), rgba(76, 201, 240, .08)) !important;
  border-color: rgba(138, 92, 255, .3) !important;
}

.mat-unified-toast button[data-close-button] {
  color: var(--ma-muted, #a6b7d7) !important;
  background: rgba(138, 92, 255, .1) !important;
  border: 1px solid rgba(138, 92, 255, .2) !important;
  border-radius: 8px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 24px !important;
  height: 24px !important;
  transition: all .2s !important;
  display: flex !important;
}

.mat-unified-toast button[data-close-button]:hover {
  color: var(--ma-ink, #fff) !important;
  background: rgba(138, 92, 255, .2) !important;
  border-color: rgba(138, 92, 255, .4) !important;
}

.mat-unified-toast {
  animation: .3s ease-out mat-toast-enter;
}

@keyframes mat-toast-enter {
  from {
    opacity: 0;
    transform: translateY(10px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@media (max-width: 640px) {
  .mat-unified-toast {
    min-width: auto !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 16px !important;
  }
}

/*# sourceMappingURL=webapp_src_styles_unified-toast_5b061632.css.map*/