.notification-bell{position:relative}.notification-bell-button{position:relative;display:grid;width:42px;height:42px;padding:0;place-items:center;border:0;border-radius:12px;background:transparent;color:#26324a;font-size:17px;cursor:pointer}.notification-bell-button b{position:absolute;top:1px;right:0;display:grid;min-width:18px;height:18px;padding:0 4px;place-items:center;border:2px solid #fff;border-radius:20px;background:#e5483e;color:#fff;font-size:8px}.notification-popover{position:absolute;z-index:1200;top:calc(100% + 10px);right:0;display:none;width:min(360px,calc(100vw - 24px));overflow:hidden;border:1px solid #dde4ef;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(20,38,78,.2)}.notification-bell.open .notification-popover{display:block}.notification-popover-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #edf0f5}.notification-popover-head strong{color:#17275a;font-size:15px}.notification-popover-head a,.notification-view-all{color:#2d4da3;font-size:11px;font-weight:800;text-decoration:none}.notification-mini{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 15px;border-bottom:1px solid #edf0f5;color:#26324a;text-decoration:none}.notification-mini>i{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#eef3ff;color:#2d4da3}.notification-mini span,.notification-mini strong,.notification-mini small,.notification-mini em{display:block}.notification-mini strong{font-size:11px}.notification-mini small{display:-webkit-box;overflow:hidden;margin-top:3px;color:#69758a;font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-mini em{margin-top:4px;color:#929bae;font-size:8px;font-style:normal}.notification-mini.unread{background:#f3f6ff}.notification-mini.unread strong:after{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:#2d4da3;content:""}.notification-view-all{display:block;padding:12px;text-align:center}.notification-empty,.notification-login-prompt{padding:25px 16px;color:#748097;font-size:11px;text-align:center}.notification-login-prompt a{display:inline-block;margin-top:8px;color:#2d4da3;font-weight:800}.mobile-header .notification-popover{position:fixed;top:78px;right:12px}.desktop-notification-bell{align-self:center}@media(min-width:769px){.mobile-header>.notification-bell{display:none}}@media(max-width:768px){.desktop-notification-bell{display:none}.mobile-header .notification-bell{display:block}.notification-bell-button{width:38px;height:38px}}
.notifications-page{max-width:880px!important;padding:30px 16px 100px!important}.notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.notifications-heading h1{margin:0;color:#17275a;font-size:27px}.notifications-heading p{margin:5px 0 0;color:#748097;font-size:12px}.notifications-heading button{border:0}.notification-tabs{display:flex;gap:8px;margin-bottom:14px}.notification-tabs a{padding:8px 13px;border:1px solid #dce3ef;border-radius:99px;background:#fff;color:#56627a;font-size:11px;font-weight:800;text-decoration:none}.notification-tabs a.active{border-color:#2d4da3;background:#2d4da3;color:#fff}.notification-list{overflow:hidden;border:1px solid #e0e6f0;border-radius:17px;background:#fff}.notification-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:start;padding:17px;border-bottom:1px solid #edf0f5;color:#26324a;text-decoration:none}.notification-row:last-child{border-bottom:0}.notification-row>i{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#edf3ff;color:#2d4da3}.notification-row h2{margin:0;font-size:14px}.notification-row p{margin:5px 0;color:#68758a;font-size:11px;line-height:1.5}.notification-row time{color:#929bae;font-size:9px}.notification-row.unread{background:#f5f7ff}.notification-row.unread h2:after{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:#2d4da3;content:""}.notification-row .fa-chevron-right{width:auto;height:auto;margin-top:13px;background:none}.notification-list-empty{padding:50px 20px;text-align:center;color:#748097}.notification-pagination{display:flex;justify-content:center;gap:8px;margin-top:15px}.notification-pagination a{padding:8px 12px;border:1px solid #dce3ef;border-radius:8px;color:#2d4da3;text-decoration:none}@media(max-width:600px){.notifications-heading{align-items:flex-start}.notifications-heading h1{font-size:23px}.notifications-heading button{font-size:10px}.notification-row{grid-template-columns:38px 1fr auto;padding:14px 12px}.notification-row>i{width:36px;height:36px}}
@media(max-width:768px){.mobile-header>.notification-bell{margin-left:auto}}