.line-clamp-2[data-v-8fa51c3e]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.desktop-notification-panel[data-v-8fa51c3e]{border:1px solid #e5e7eb;margin-top:.5rem;position:absolute;right:0;top:100%;width:20rem}.mobile-notification-panel[data-v-8fa51c3e]{animation:slideUp-8fa51c3e .3s ease-out;border:1px solid #e5e7eb;border-bottom:none;border-top-left-radius:1rem;border-top-right-radius:1rem;bottom:0;box-shadow:0 -4px 20px #00000026;left:0;max-height:85vh;position:fixed;right:0;width:100%;will-change:transform;z-index:50}@keyframes slideUp-8fa51c3e{0%{transform:translateY(100%)}to{transform:translateY(0)}}.notification-overlay[data-v-8fa51c3e]{animation:fadeIn-8fa51c3e .3s ease forwards;opacity:0}@keyframes fadeIn-8fa51c3e{0%{opacity:0}to{opacity:1}}@media (max-width:767px){.notification-list[data-v-8fa51c3e]{flex:1;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.notification-bell[data-v-8fa51c3e]{position:static;z-index:9999}.mobile-notification-panel[data-v-8fa51c3e]{display:block!important}}@media (max-height:700px){.mobile-notification-panel[data-v-8fa51c3e]{max-height:90vh}}@media (max-height:600px){.mobile-notification-panel[data-v-8fa51c3e]{max-height:95vh}}@media (min-width:768px){.notification-list[data-v-8fa51c3e]{max-height:24rem;overflow-y:auto}}.fade-enter-active[data-v-1a392eb3],.fade-leave-active[data-v-1a392eb3]{transition:opacity .3s ease}.fade-enter-from[data-v-1a392eb3],.fade-leave-to[data-v-1a392eb3]{opacity:0}