:root{--successNotifColor: #ffffff;--successNotifBg: #358c24;--errorNotifColor: #ffffff;--errorNotifBg: #dc5145;--warningNotifColor: #ffffff;--warningNotifBg: #ffa500;--infoNotifColor: #ffffff;--infoNotifBg: #40bfdc;--linkNotifColor: #009efb}.notifications-list{position:fixed;z-index:200;right:0;bottom:0;display:flex;overflow:auto;align-items:flex-end;flex-direction:column;justify-content:flex-end;box-sizing:content-box;max-width:450px;max-height:50%;padding:10px}.notifications-list .notification{display:flex;align-items:center;flex-direction:row;justify-content:flex-start;width:fit-content;margin:10px 0 0;padding:10px;border-radius:5px}.notifications-list .notification.success{color:var(--successNotifColor);background-color:var(--successNotifBg)}.notifications-list .notification.error{color:var(--errorNotifColor);background-color:var(--errorNotifBg)}.notifications-list .notification.warning{color:var(--warningNotifColor);background-color:var(--warningNotifBg)}.notifications-list .notification.info{color:var(--infoNotifColor);background-color:var(--infoNotifBg)}.notifications-list .notification .n-icon{width:32px;height:32px;margin:0 15px 0 10px}.notifications-list .notification .n-title>*{margin:0 0 .2em}.notifications-list .notification .n-definition>*{margin:0}.notifications-list .notification .n-definition>* a{color:var(--infoNotifColor);position:relative}