.notification{position:fixed;top:20px;right:20px;padding:1rem;border-radius:4px;background:white;box-shadow:0 2px 8px #0000001a;max-width:300px;z-index:1000;opacity:1;transform:translateY(-10px);animation:notifEnter .35s cubic-bezier(.4,0,.2,1) forwards;transition:opacity .3s ease;color:#1f2a33}.notification strong{display:block;margin-bottom:.5rem}.notification.green{background-color:#e6fcf5;border-left:4px solid #12b886}.notification.blue{background-color:#e7f5ff;border-left:4px solid #1c7ed6}.notification.red{background-color:#fff5f5;border-left:4px solid #fa5252}.notification button.close-btn{position:absolute;top:4px;right:6px;background:transparent;border:none;color:inherit;font-size:14px;cursor:pointer;opacity:.6;transition:opacity .2s}.notification button.close-btn:hover{opacity:1}@keyframes notifEnter{to{opacity:1;transform:translateY(0)}}:root[data-theme=dark] .notification{background:linear-gradient(145deg,rgba(61,168,143,.28),rgba(45,147,123,.14));-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%);color:var(--color-text, #e6edf3);box-shadow:0 6px 18px -6px #000000a6,0 2px 6px #00000080;border:1px solid rgba(77,184,160,.25)}:root[data-theme=dark] .notification.green{background:linear-gradient(145deg,rgba(77,184,160,.35),rgba(61,168,143,.2))}:root[data-theme=dark] .notification.blue{background:linear-gradient(145deg,rgba(92,196,172,.35),rgba(61,168,143,.18))}:root[data-theme=dark] .notification.red{background:linear-gradient(145deg,rgba(232,117,82,.22),rgba(61,168,143,.12))}:root[data-theme=dark] .notification strong{color:#fff}