.notification{display:flex;flex-direction:column;position:relative;border-radius:.5rem;padding:.8rem;max-width:24rem;width:auto;color:#fff;overflow:hidden;transition:transform .3s ease , opacity .3s ease , height .3s ease , margin .3s ease , padding .3s ease}.notification.show{opacity:1;transform:translateX(0) translateY(0)}.notification.hide{opacity:0;transform:translateX(100%) translateY(-10px);height:0;margin:0;padding:0}.notification .header-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:.15rem}.notification .header{font-weight:bold;font-size:.9rem;margin:0;max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.67)}.notification .close{border-radius:50%;font-weight:bold;line-height:1;padding:0 .4rem;cursor:pointer;flex-shrink:0;margin-left:.5rem;transition:background .2s ease}.notification .close:hover{background:rgba(0,0,0,.85)}.notification .message{width:100%;padding:.3rem;line-height:1.2;font-size:1rem;font-weight:bold;min-height:4rem;color:#fff}.jGrowl{position:fixed;z-index:9999;top: calc(1rem + 5rem + 1.5rem);right:0;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:.25rem;max-width:24rem}.jGrowl-notification{background:#333}.jGrowl-notification .header{color:rgba(69,179,196,.67)}.jGrowl-notification .close{background:rgba(0,0,0,.6);color:#fff;font-size:1rem;line-height:1.4rem}.DLEPush{position:fixed;z-index:9999;top:2rem;right:0;padding:1rem;background:transparent;width:auto;max-width:24rem;display:flex;flex-direction:column;gap:.25rem}.DLEPush-notification{background:#45b3c4;border-radius:1rem;padding:.5rem .8rem}.DLEPush-notification .header{color:rgba(69,179,196,.67)}.DLEPush-notification .message{color:#026388}.DLEPush-notification .close{background:#fff;font-weight:bolder;font-size:1.4rem}