@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');:root{font-family:"Inter";font-size:16px;--gradient:linear-gradient(to bottom,#824258,#b96768,#755775);--color:#824258}.notifications{position:fixed;display:flex;justify-content:center;align-items:center;margin-top:80px;width:100%;z-index:100000;flex-direction:column}.noti{position:relative;margin-bottom:10px;height:0;transition:height 300ms ease;flex-shrink:0;opacity:1}.noti.out{animation:notiOut 500ms ease forwards}@keyframes notiOut{to{height:0}}.noticard{box-shadow:1px 2px 4px 1px rgba(130,66,88,.5);display:flex;flex-direction:column;isolation:inherit;width:18rem;d-height:8rem;border-radius:1rem;overflow:hidden;animation:notiCardIn 500ms ease}@keyframes notiCardIn{from{transform:translateX(50%);opacity:0}}.noti.out .noticard{animation:notiCardOut 500ms ease forwards}@keyframes notiCardOut{to{opacity:0;transform:scale(.5)}}.noticard:before{position:absolute;content:"";inset:.0625rem;border-radius:.9375rem;background:#fff;z-index:2}.noticard:after{position:absolute;content:"";width:.25rem;inset:.65rem auto .65rem .5rem;border-radius:.125rem;background:var(--gradient);transition:transform 300ms ease;z-index:4}.noticard:hover:after{transform:translateX(.15rem)}.notititle{color:var(--color);padding:.65rem .5rem .4rem 1.25rem;font-weight:500;font-size:1.1rem;transition:transform 300ms ease;z-index:5}.noti:hover .notititle{transform:translateX(.15rem)}.notidesc{color:#824258;padding:0 .5rem .85rem 1.25rem;transition:transform 300ms ease;z-index:5}.noti:hover .notidesc{transform:translateX(.25rem)}.notiglow,.notiborderglow{position:absolute;width:20rem;height:20rem;transform:translate(-50%,-50%);background:radial-gradient(circle closest-side at center,#fff,transparent);opacity:0;transition:opacity 300ms ease}.notiglow{z-index:3}.notiborderglow{z-index:1}.noti:hover .notiglow{opacity:.1}.noti:hover .notiborderglow{opacity:.1}