.notification{z-index:1000;background:#fff;border-radius:8px;align-items:center;width:320px;padding:8px 16px;animation:.3s slideIn;display:flex;position:fixed;top:20px;right:10px;box-shadow:0 4px 12px #00000026}@media screen and (min-width:768px){.notification{width:fit-content;max-width:500px;top:20px;left:auto;right:10px;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-icon{margin-right:12px;font-size:20px}.notification-content{flex:1}.notification-message{margin-bottom:4px;font-size:16px;font-weight:500}.notification-description{color:#000000a6;font-size:14px;font-weight:400}.notification-close{cursor:pointer;color:#00000073;background:0 0;border:none;margin-left:12px;padding:0;font-size:16px}.notification-success{background-color:#f0fdf4;border:1px solid #16a34a}.notification-success .notification-icon{color:#22c55e}.notification-success .notification-message{color:#15803d;font-weight:600}.notification-success .notification-description{color:#166534}.notification-error{background-color:#fef2f2;border:1px solid #dc2626}.notification-error .notification-icon{color:#ff4d4f}.notification-error .notification-message{color:#dc2626;font-weight:600}.notification-error .notification-description{color:#991b1b}.notification-warning{background-color:#fff7ed;border:1px solid #ea580c}.notification-warning .notification-icon{color:#f97316}.notification-warning .notification-message{color:#ea580c;font-weight:600}.notification-warning .notification-description{color:#c2410c}.notification-info{background-color:#eff6ff;border:1px solid #2563eb}.notification-info .notification-icon{color:#3b82f6}.notification-info .notification-message{color:#2563eb;font-weight:600}.notification-info .notification-description{color:#1d4ed8}