@ngxpert/hot-toast/src/styles/themes/glassmorphism.css

Smoking hot Notifications for Angular. Lightweight, customizable and beautiful by default.

.hot-toast-theme-glassmorphism {
  --hot-toast-bg: rgba(255, 255, 255, 0.15);
  --hot-toast-color: #ffffff;
  --hot-toast-border-radius: 16px;
  --hot-toast-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  --hot-toast-padding: 10px 14px;
  --hot-toast-group-bg: rgba(255, 255, 255, 0.15);
}
.hot-toast-theme-glassmorphism .hot-toast-bar-base {
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.hot-toast-dark-theme .hot-toast-theme-glassmorphism {
  --hot-toast-bg: rgba(0, 0, 0, 0.3);
  --hot-toast-group-bg: rgba(0, 0, 0, 0.3);
}
.hot-toast-dark-theme .hot-toast-theme-glassmorphism .hot-toast-bar-base {
  border-color: rgba(255, 255, 255, 0.1);
}

/*# sourceMappingURL=glassmorphism.css.map */