.notifications-page{width:min(100%,1200px);margin:0 auto;overflow-x:hidden}.notifications-actions{justify-content:flex-end;margin-bottom:10px;display:flex}.notification-table{border-collapse:separate;border-spacing:0;text-wrap:pretty;background:#fff;border:1px solid #dee5ed;border-radius:8px;width:100%;margin-top:0;font-size:.9375rem;overflow:hidden;box-shadow:0 18px 46px #1222340f}.notification-table tbody tr{transition:background-color .3s ease-in-out}.notification-table th,.notification-table td{text-align:left;border-bottom:1px solid #edf1f5;padding:.7rem 1.25rem}.notification-table td>a{color:inherit;text-decoration:none;display:block}.notification-table tr:last-child td{border-bottom:0}.notification-row{transition:background-color .3s,opacity .2s}.notification-row.read{opacity:.86;background-color:#fff;font-weight:400}.notification-row.unread{background-color:#f6fbfd;font-weight:600}.notification-row:hover{cursor:pointer;background-color:#f6f9fc}.notification-table button{cursor:pointer;padding:6px 10px}.notification-container{cursor:pointer;display:inline-block;position:relative}.notification-dropdown{background-color:var(--white-color);box-sizing:border-box;z-index:500;border:1px solid #0000001f;border-radius:10px;width:min(440px,92vw);max-height:600px;margin-top:5px;padding:8px;position:absolute;top:40px;right:0;overflow:hidden auto;box-shadow:0 18px 44px #0000002e}.notification-dropdown--portal{right:12px;top:var(--header-height);width:min(440px,92vw);max-height:calc(100dvh -250px);z-index:10000;box-sizing:border-box;margin:0;animation:.2s ease-out dropdownFade;position:fixed}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown::-webkit-scrollbar{width:8px}.notification-dropdown--portal::-webkit-scrollbar{width:8px}.notification-dropdown::-webkit-scrollbar-track{background:0 0;border-radius:8px}.notification-dropdown--portal::-webkit-scrollbar-track{background:0 0;border-radius:8px}.notification-dropdown::-webkit-scrollbar-thumb{background-color:#0003;background-clip:padding-box;border:2px solid #0000;border-radius:8px}.notification-dropdown--portal::-webkit-scrollbar-thumb{background-color:#0003;background-clip:padding-box;border:2px solid #0000;border-radius:8px}.notification-loading-state,.notification-loading-more{text-align:center;color:#888;padding:28px 16px;font-size:1rem}.notification-dropdown-header{text-align:center;color:#000;background:var(--white-color);border-radius:10px 10px 0 0;justify-content:space-between;margin:0;padding:10px;font-weight:600;display:flex}.ellipsis-menu{display:inline-block;position:relative}.notification-mini-menu{z-index:10;text-align:left;background-color:#fdfdfd;border-radius:8px;width:180px;padding:5px 0;position:absolute;top:25px;right:0;box-shadow:0 4px 8px #0003}.notification-mini-menu-item{cursor:pointer;color:#000;padding:10px 15px;font-size:.875rem}.notification-mini-menu-item svg{margin-right:8px}.notification-mini-menu-item:hover{background-color:#f6f9fc}.notification-list{margin:0;padding:0;list-style:none}.notification-list li,.notification-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;padding:10px;transition:background-color .3s;display:flex}.notification-item:last-child{border-bottom:none}.notification-list li:hover,.notification-item:hover,.notification-item:focus{background-color:#f6f9fc;outline:none}.notification-list li.unread,.notification-item.unread{background-color:var(--grey-color2);border-radius:8px;font-weight:600}.notification-list li.read,.notification-item.read{opacity:.75;font-weight:400}.notification-content{text-align:left;align-items:center;gap:12px;display:flex}.notification-icon{background-color:var(--teal-color1);color:#000;border-radius:50%;justify-content:center;align-items:center;padding:6px;font-size:1.375rem;display:flex}.notification-title{color:var(--black-color);margin-bottom:0;font-size:.9375rem}.notification-message,.notification-body{color:var(--black-color);margin-top:0;font-size:.875rem;line-height:1.2rem}.notification-timestamp{color:var(--grey-color4);margin-top:4px;font-size:.75rem}.view-all-link{text-align:right;background-color:var(--white-color);padding:0 10px 4px;font-size:.9rem;font-weight:400;transition:background-color .3s;display:block}.view-all-link a{color:#007bff;background-color:var(--white-color);text-decoration:none}.view-all-link a:hover{color:#0063ce}.end-message{text-align:center;color:#999;margin:15px 0;font-size:.875rem}@media (max-width:600px){.notification-dropdown{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));top:var(--header-height);z-index:9999;border-radius:10px;width:auto;max-height:calc(100dvh - 250px);margin:0;padding:0;position:fixed;overflow:hidden auto;box-shadow:0 4px 12px #00000040}.notification-dropdown--portal{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));top:var(--header-height);border-radius:10px;width:auto;max-height:calc(100dvh - 250px)}.notification-dropdown-header{z-index:1;border-bottom:1px solid #0000001a;position:sticky;top:0}.notification-list li,.notification-item{padding:4px}.view-all-link{padding-top:6px;position:sticky}#notificationScroll{min-height:200px}.notification-icon{padding:4px;font-size:1.1rem}}