.notif-text{font-family:var(--font-inter), system-ui, sans-serif}@supports (-webkit-text-stroke:1px black){.notif-outline{-webkit-text-stroke:1.5px #a1a1aa;color:#0000}.dark .notif-outline{-webkit-text-stroke-color:#52525b}}.notif-scroll{scrollbar-width:thin;scrollbar-color:#a1a1aa80 transparent;overscroll-behavior:contain}@media (prefers-reduced-motion:no-preference){@keyframes notifPanel{0%{opacity:0;clip-path:inset(-5rem -5rem 100%);transform:translateY(-10px)}to{opacity:1;clip-path:inset(-5rem);transform:translateY(0)}}.notif-panel{animation:.55s cubic-bezier(.22,1,.36,1) both notifPanel}@keyframes notifRule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.notif-rule{transform-origin:0;animation:.9s cubic-bezier(.22,1,.36,1) .2s both notifRule}@keyframes notifRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.notif-rise{animation:.6s cubic-bezier(.22,1,.36,1) both notifRise;animation-delay:calc(var(--i,0) * 45ms + 80ms)}@keyframes notifRing{0%{transform:rotate(0)}18%{transform:rotate(16deg)}38%{transform:rotate(-13deg)}58%{transform:rotate(8deg)}78%{transform:rotate(-4deg)}to{transform:rotate(0)}}.notif-ring{transform-origin:50% 12%;animation:.9s cubic-bezier(.22,1,.36,1) notifRing}@keyframes notifPop{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}.notif-pop{animation:.45s cubic-bezier(.22,1,.36,1) notifPop}}