/* Toast notifications — assets/css/toasts.css */ /* The .dwk-toast-root is injected into by toasts.js */ .dwk-toast-root { position: fixed; right: 16px; bottom: 16px; z-index: 999999; display: flex; flex-direction: column; gap: 8px; max-width: min(380px, calc(100vw - 32px)); pointer-events: none; } .dwk-toast { pointer-events: auto; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; background: #2b2140; color: #fff; font: 500 14px/1.45 'Montserrat', -apple-system, 'Segoe UI', sans-serif; box-shadow: 0 8px 24px rgba(43, 33, 64, 0.28); border-left: 4px solid #fc6cb6; opacity: 0; transform: translateY(10px); transition: opacity 0.25s ease, transform 0.25s ease; } .dwk-toast--in { opacity: 1; transform: translateY(0); } .dwk-toast--out { opacity: 0; transform: translateY(6px); } .dwk-toast--success { border-left-color: #37b26c; } .dwk-toast--error { border-left-color: #e5484d; } .dwk-toast--warn { border-left-color: #f5a524; } .dwk-toast--info { border-left-color: #fc6cb6; } .dwk-toast__text { flex: 1 1 auto; min-width: 0; } .dwk-toast__close { margin-left: auto; flex: 0 0 auto; border: 0; background: transparent; color: rgba(255, 255, 255, 0.72); font-size: 18px; line-height: 1; cursor: pointer; padding: 0 2px; border-radius: 6px; } .dwk-toast__close:hover { color: #fff; background: rgba(255, 255, 255, 0.12); } @media (prefers-reduced-motion: reduce) { .dwk-toast { transition: none; } }