.NotificationsPage-module__3WxVVq__container{max-width:80%;margin:2rem auto;padding:0 1rem;font-family:sans-serif}.NotificationsPage-module__3WxVVq__title{text-align:center;background:linear-gradient(270deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;background-size:600% 600%;-webkit-background-clip:text;font-size:2.5rem;font-weight:700;animation:5s infinite NotificationsPage-module__3WxVVq__gradientMove}@keyframes NotificationsPage-module__3WxVVq__gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.NotificationsPage-module__3WxVVq__list{margin:0;padding:0;list-style:none}.NotificationsPage-module__3WxVVq__notification{cursor:pointer;border-bottom:1px solid #ddd;border-radius:8px;outline:none;flex-direction:column;margin-top:1rem;padding:1rem 1rem .75rem;transition:background-color .25s;display:flex;box-shadow:0 8px 16px #00000014}.NotificationsPage-module__3WxVVq__notification:hover,.NotificationsPage-module__3WxVVq__notification:focus{background-color:#e8e0f0}.NotificationsPage-module__3WxVVq__unread{border-left:4px solid var(--secondary);background-color:#e6f0ff;font-weight:600}.NotificationsPage-module__3WxVVq__read{color:#666;font-weight:400}.NotificationsPage-module__3WxVVq__header{justify-content:space-between;align-items:center;display:flex}.NotificationsPage-module__3WxVVq__titleText{white-space:nowrap;text-overflow:ellipsis;max-width:75%;margin:0;font-size:1.15rem;overflow:hidden}.NotificationsPage-module__3WxVVq__date{color:#999;flex-shrink:0;font-size:.85rem}.NotificationsPage-module__3WxVVq__message{color:inherit;overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;margin:.25rem 0 0;font-size:.95rem;line-height:1.4em;transition:all .3s;display:-webkit-box;overflow:hidden}.NotificationsPage-module__3WxVVq__message.NotificationsPage-module__3WxVVq__expanded{-webkit-line-clamp:unset;max-height:1000px;display:block}.NotificationsPage-module__3WxVVq__empty{text-align:center;color:#777;margin-top:5rem}.NotificationsPage-module__3WxVVq__empty h2{margin-bottom:.5rem;font-size:1.8rem}@media (max-width:600px){.NotificationsPage-module__3WxVVq__container{margin:1rem;padding:0 .5rem}.NotificationsPage-module__3WxVVq__title{font-size:1.6rem}.NotificationsPage-module__3WxVVq__titleText{font-size:1rem}.NotificationsPage-module__3WxVVq__message{font-size:.9rem}}