@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/fonts/glyphicons-halflings-regular.ttf') format('truetype');
  font-weight: normal; font-style: normal;
}
.notification-item{display:block;padding:16px 24px;text-decoration:none!important;color:inherit;transition:background-color .3s;letter-spacing:.4px;position:relative}.notification-item:not(:first-of-type):before{content:"";display:block;position:absolute;top:0;left:24px;right:24px;height:1px;background-color:#f1f2ff}.notification-item:after{content:"";display:block;position:absolute;inset:0;background-color:#0000000d;opacity:0;transition:opacity .3s}@media(hover:hover){.notification-item:hover{color:inherit}.notification-item:hover:after{opacity:1}}.notification-item--unread{background-color:#e0e8f6}.notification-item--unread:not(:first-of-type):before{background-color:#7e868e;opacity:.3}.notification-item--unread .notification-item__text{font-weight:500}.notification-item__container{display:flex;align-items:center;gap:8px}.notification-item__icon{flex-shrink:0;width:40px;height:40px;border-radius:8px;overflow:hidden;background-color:#f5f8fd;display:flex;align-items:center;justify-content:center;margin-right:16px}.notification-item__icon img{width:24px;height:24px;-o-object-fit:cover;object-fit:cover}.notification-item__icon .avatar img{width:100%;height:100%}.notification-item__content{flex:1;min-width:0}.notification-item__text{font-size:14px;line-height:16px;margin-bottom:4px;min-height:24px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2}.notification-item__text strong{font-weight:600;color:#000}.notification-item__time{font-size:12px;line-height:16px;color:#7e868e}.notification-item__arrow{flex-shrink:0;display:flex}.notification-item__arrow img{width:24px}.notifications-list__group-header{margin:16px 0;font-size:14px;line-height:16px;color:#7e868e;letter-spacing:.4px;text-align:center}.notifications-btn{border-radius:21px;padding:7px;text-align:center;min-width:48px;font-size:15px;line-height:20px;background-color:#0000;transition:.3s;box-shadow:none!important;outline:none!important}@media(hover:hover){.notifications-btn:hover{background-color:#e6eef8;border-color:#e6eef8;color:#3b63a8}}.notifications-btn #unread-badge{background-color:red!important;position:absolute;top:0;right:0;border-radius:10px;border:0;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;text-align:center;color:#fff;z-index:1}.notifications-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1050;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.notifications-drawer-overlay.open{opacity:1;visibility:visible}.notifications-drawer{position:fixed;top:0;right:0;width:100%;height:100%;background:#fff;z-index:1060;box-shadow:0 4px 8px #00000026;transition:transform .3s ease-in-out;display:flex;flex-direction:column;transform:translate(100%)}.notifications-drawer.open{transform:translate(0)}@media(min-width:768px){.notifications-drawer{width:520px}}.notifications-drawer__header{padding:16px 24px;border-bottom:1px solid #e0e8f6;overflow:hidden}.notifications-drawer__title{display:flex;justify-content:space-between;align-items:center}.notifications-drawer__title h3{color:#000;margin:0;font-size:18px;line-height:35px}.notifications-drawer__close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#fff;font-size:40px;line-height:1;cursor:pointer;color:#7e868e;transition:.3s}@media(hover:hover){.notifications-drawer__close-btn:hover{color:#444;background-color:#e5e5e5}}.notifications-drawer__filter-list{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:0 24px;margin:16px -24px 0}.notifications-drawer__filter-item{padding:7px 16px;border:1px solid #3c64a8;border-radius:12px;font-size:14px;line-height:20px;letter-spacing:.4px;color:#3c64a8;background-color:#fff;transition:.3s}@media(hover:hover){.notifications-drawer__filter-item:hover{background-color:#e6eef8}}.notifications-drawer__filter-item.active{color:#fff;background-color:#3c64a8;border-color:#3c64a8}.notifications-drawer__main{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.notifications-drawer__content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0}.notifications-drawer__content .no-results{margin:40px 20px;color:#7e868e;text-align:center}.notifications-drawer__loader-overlay{position:absolute;inset:0;background-color:#ffffffa6;display:flex;align-items:center;justify-content:center;z-index:10}.notifications-drawer .load-more-trigger{height:20px;visibility:hidden}