.notification-container .notification{width:350px;background:#282828!important;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:16px;transition:all .3s ease-in-out;border:.5px solid hsla(0,0%,100%,.08)}.notification-container .notification.error{background:#3b0b0b!important;border-color:#7f1d1d!important}.notification-container .notification.error .notification-content .notification-left .notification-icon svg{color:#fecaca!important}.notification-container .notification.error .notification-content .notification-left .notification-text .notification-description,.notification-container .notification.error .notification-content .notification-left .notification-text .notification-title{color:#ffe4e6!important}.notification-container .notification.error .notification-content .notification-left .notification-text .notification-description a{color:#fecaca!important;text-decoration:underline}.notification-container .notification.error .notification-content .notification-right .notification-close{color:#fecaca!important}.notification-container .notification .notification-content{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notification-container .notification .notification-content .notification-left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.notification-container .notification .notification-content .notification-left .notification-icon{flex-shrink:0;margin-top:2px}.notification-container .notification .notification-content .notification-left .notification-icon svg{width:20px;height:20px;color:#fff!important}.notification-container .notification .notification-content .notification-left .notification-text{flex:1;min-width:0}.notification-container .notification .notification-content .notification-left .notification-text .notification-title{font-size:14px;font-weight:500;color:#fff!important;margin-bottom:4px;line-height:1.4}.notification-container .notification .notification-content .notification-left .notification-text .notification-description{font-size:14px;color:hsla(0,0%,100%,.9)!important;line-height:1.5}.notification-container .notification .notification-content .notification-right{flex-shrink:0;margin-left:8px}.notification-container .notification .notification-content .notification-right .notification-close{width:16px;height:16px;cursor:pointer;color:hsla(0,0%,100%,.7)!important;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.notification-container .notification .notification-content .notification-right .notification-close:hover{opacity:.7}.notification-container .notification .notification-content .notification-right .notification-close svg{width:16px;height:16px}.notification-container .notification .notification-content .notification-right .notification-action{padding:8px 16px;font-size:14px;font-weight:500;color:#111827!important;background:#fff!important;border-radius:6px;transition:background-color .15s ease;white-space:nowrap}.notification-container .notification .notification-content .notification-right .notification-action:hover{background:#f9fafb!important}