.notification-container{z-index:1070;flex-direction:column;gap:1rem;width:calc(100% - 3rem);max-width:400px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}@media (min-width:1024px){.notification-container{max-width:450px}}@media (max-width:479px){.notification-container{width:auto;max-width:none;top:1rem;left:1rem;right:1rem}}.notification{background:#fff;border:1px solid #e5e5e5;border-radius:8px;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;animation:.3s ease-out slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.notification--success{border-left-color:#22c55e}.notification--success .notification__icon{color:#22c55e}.notification--error{border-left-color:#ef4444}.notification--error .notification__icon{color:#ef4444}.notification--warning{border-left-color:#f59e0b}.notification--warning .notification__icon{color:#f59e0b}.notification--info{border-left-color:#3b82f6}.notification--info .notification__icon{color:#3b82f6}.notification__icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin:auto 0;display:flex}.notification__content{flex:1;min-width:0}.notification__message{color:#14264b;word-wrap:break-word;margin:0;font-family:Roboto,sans-serif;font-size:1rem;line-height:1.5}.notification__close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:.125rem;transition:all .25s;display:flex}.notification__close:hover{color:#14264b;background:#f5f5f5}.notification__close:focus{outline-offset:2px;outline:2px solid #14264b}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}