.notification{display:flex;flex-direction:column;isolation:isolate;position:relative;background:#29292c;border-radius:1rem;overflow:hidden;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;--gradient:linear-gradient(180deg,#bd3951,#c51b3a,#86031b);--color:#c51b3a;padding:10px 0}.notification:before{position:absolute;content:"";inset:.0625rem;border-radius:.9375rem;background:#18181b;z-index:2}.notification:after{position:absolute;content:"";width:.25rem;inset:.65rem auto .65rem .5rem;border-radius:.125rem;background:var(--gradient);transition:transform .3s ease;z-index:4}.notification:hover:after{transform:translateX(.15rem)}.notititle{color:var(--color);padding:0 .25rem .4rem 30px;font-weight:500;font-size:1.1rem;transition:transform .3s ease;z-index:5}.notification:hover .notititle{transform:translateX(.15rem)}.notibody{color:#99999d;padding:0 30px;transition:transform .3s ease;z-index:5}.notification:hover .notibody{transform:translateX(.25rem)}.notiborderglow,.notiglow{position:absolute;width:70rem;height:40rem;transform:translateY(-52%);background:radial-gradient(circle closest-side at center,#fff,transparent);opacity:0;transition:opacity .3s ease}.notiglow{z-index:3}.notiborderglow{z-index:1}.notification:hover .notiborderglow,.notification:hover .notiglow{opacity:.1}.icon-class{transition:transform .3s}.icon-class.icon-unfold{transform:rotate(90deg)}