#message-container{--ch1:#05478a;--ch2:#0070e0;--cs1:#005e38;--cs2:#03a65a;--cw1:#c24914;--cw2:#fc8621;--ce1:#851d41;--ce2:#db3056;--cp1:#9eb0ba;--cp2:#c3d1d9;position:fixed;z-index:999999999}#message-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#message-container.topRight{top:0;right:12px}#message-container.topCenter{top:0;right:calc(50% - 10rem)}#message-container.topLeft{top:0;left:12px}#message-container.middleRight{top:calc(50% - 4rem);right:12px}#message-container.middleCenter{top:calc(50% - 4rem);right:calc(50% - 10rem)}#message-container.middleLeft{top:calc(50% - 4rem);left:12px}#message-container.bottomRight{bottom:12px;right:12px}#message-container.bottomCenter{bottom:12px;right:calc(50% - 10rem)}#message-container.bottomLeft{bottom:12px;left:12px}#message-container.topRight .message-item,#message-container.topCenter .message-item,#message-container.middleRight .message-item,#message-container.middleCenter .message-item,#message-container.bottomRight .message-item,#message-container.bottomCenter .message-item{animation:slideInRight 0.3s ease}#message-container.topLeft .message-item,#message-container.middleLeft .message-item,#message-container.bottomLeft .message-item{animation:slideInLeft 0.3s ease}#message-container .message-item{-ms-word-wrap:break-word;word-wrap:break-word}#message-container .message{display:flex;background:var(--notification-background);padding:1rem 3rem 1rem 2rem;border-radius:.5rem;position:relative;margin:1rem 0;width:20rem;min-height:7rem;opacity:1;border:.15rem solid var(--border-primary);box-shadow:0 0 1.5rem 0 #1a1f4360;flex-direction:column;justify-content:center}#message-container .message-item.ltr .message{padding:1rem 2rem 1rem 3rem;text-align:left}#message-container .message:before{content:"";position:absolute;width:.5rem;height:calc(100% - 1.5rem);top:.75rem;right:.5rem;left:unset;z-index:0;border-radius:1rem;background:var(--clr)}#message-container .message-item.ltr .message:before{left:.5rem;right:unset}#message-container .message.info{--bg:var(--ch1);--clr:var(--ch2);--brd:var(--ch3)}#message-container .message.success{--bg:var(--cs1);--clr:var(--cs2);--brd:var(--cs3)}#message-container .message.warning{--bg:var(--cw1);--clr:var(--cw2);--brd:var(--cw3)}#message-container .message.pending{--bg:var(--cp1);--clr:var(--cp2);--brd:var(--cp3)}#message-container .message.error{--bg:var(--ce1);--clr:var(--ce2);--brd:var(--ce3)}#message-container .message p{position:relative;font-size:.95rem;z-index:1;margin:.25rem 0 0;color:var(--text-color);line-height:1.3rem}#message-container .message h3{font-size:1.2rem;line-height:2em;font-weight:600;position:relative;color:var(--clr);margin:0}#message-container .message a:hover{color:var(--bg)}#message-container .message a{color:var(--clr)}#message-container .messageClose{position:absolute;width:1.35rem;height:1.35rem;text-align:center;top:1rem;right:unset;left:1rem;cursor:pointer;border-radius:100%}#message-container .message-item.ltr .messageClose{right:1rem;left:unset}#message-container .messageClose:after{position:absolute;width:100%;height:100%;left:0;font-size:1.8rem;content:"+";transform:rotate(-45deg);border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--text-color);text-indent:1px}#message-container .messageClose:hover:after{background:var(--clr);color:#fff}#message-container .message-item .message .message-progress{position:absolute;max-width:calc(100% - 30px);left:10px;right:unset;bottom:6px;height:4px;border-radius:1rem;background-color:var(--clr);opacity:.4}#message-container .message-item.ltr .message .message-progress{left:unset;right:10px}@keyframes slideInRight{0%{transform:translateX(100%)}40%{transform:translateX(-5%)}80%{transform:translateX(0%)}100%{transform:translateX(-10px)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}40%{transform:translateX(5%)}80%{transform:translateX(0%)}100%{transform:translateX(10px)}}