.notification-container{z-index:9999;flex-direction:column-reverse;align-items:flex-end;display:flex;position:fixed;bottom:20px;right:20px}.notification{background-color:var(--bg-White);color:var(--color-textGray);box-shadow:var(--shelf-shadow-md);opacity:1;border:solid 2px var(--shelf-color-brand);opacity:.5;border-radius:8px;flex-direction:column;align-items:flex-start;max-width:300px;margin-bottom:10px;padding:15px 25px;font-family:Arial,sans-serif;transition:opacity .5s,transform .5s;display:flex;position:relative}.notification.hide{opacity:0;transform:translateY(20px)}.notification-title{font-size:var(--shelf-fs-md);color:var(--color-textGray);margin-bottom:5px;font-weight:700}.notification-message{font-size:var(--shelf-fs-base);color:var(--color-textGray)}.notification-close{color:var(--color-textGray);font-size:var(--shelf-fs-md);cursor:pointer;background-color:#0000;border:none;font-weight:700;line-height:1;transition:color .3s;position:absolute;top:10px;right:10px}.notification-close:hover{color:var(--shelf-color-danger)}.notification:hover{box-shadow:var(--shelf-shadow-md);opacity:1;transform:translateY(-2px)}