.notification-item{color:inherit;display:block;letter-spacing:.4px;padding:16px 24px;position:relative;text-decoration:none!important;transition:background-color .3s}.notification-item:not(:first-of-type):before{background-color:#f1f2ff;content:"";display:block;height:1px;left:24px;position:absolute;right:24px;top:0}.notification-item:after{background-color:rgba(0,0,0,.05);content:"";display:block;inset:0;opacity:0;position:absolute;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{align-items:center;display:flex;gap:8px}.notification-item__icon{align-items:center;background-color:#f5f8fd;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:16px;overflow:hidden;width:40px}.notification-item__icon img{height:24px;-o-object-fit:cover;object-fit:cover;width:24px}.notification-item__icon .avatar img{height:100%;width:100%}.notification-item__content{flex:1;min-width:0}.notification-item__text{color:#333;display:-webkit-box;font-size:14px;line-height:16px;margin-bottom:4px;min-height:24px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-clamp:2}.notification-item__text strong{color:#000;font-weight:600}.notification-item__time{color:#7e868e;font-size:12px;line-height:16px}.notification-item__arrow{display:flex;flex-shrink:0}.notification-item__arrow img{width:24px}.notifications-list__group-header{color:#7e868e;font-size:14px;letter-spacing:.4px;line-height:16px;margin:16px 0;text-align:center}.notifications-btn{background-color:transparent;border-radius:21px;box-shadow:none!important;font-size:15px;line-height:20px;min-width:48px;outline:none!important;padding:7px;text-align:center;transition:.3s}@media(hover:hover){.notifications-btn:hover{background-color:#e6eef8;border-color:#e6eef8;color:#3b63a8}}.notifications-btn #unread-dot{background-color:red!important;border:0;border-radius:50%;display:block;height:8px;position:absolute;right:7px;top:7px;width:8px}.notifications-drawer-overlay{background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:1050}.notifications-drawer-overlay.open{opacity:1;visibility:visible}.notifications-drawer{background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;height:100%;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:100%;z-index:1060}.notifications-drawer.open{transform:translateX(0)}@media(min-width:768px){.notifications-drawer{width:520px}}.notifications-drawer__header{border-bottom:1px solid #e0e8f6;overflow:hidden;padding:16px 24px}.notifications-drawer__title{align-items:center;display:flex;justify-content:space-between}.notifications-drawer__title h3{color:#000;font-size:18px;line-height:35px;margin:0}.notifications-drawer__close-btn{align-items:center;background-color:#fff;border-radius:50%;color:#7e868e;cursor:pointer;display:flex;font-size:40px;height:40px;justify-content:center;line-height:1;transition:.3s;width:40px}@media(hover:hover){.notifications-drawer__close-btn:hover{background-color:#e5e5e5;color:#444}}.notifications-drawer__filter-list{align-items:center;display:flex;gap:4px;margin:16px -24px 0;overflow-x:auto;padding:0 24px}.notifications-drawer__filter-item{background-color:#fff;border:1px solid #3c64a8;border-radius:12px;color:#3c64a8;font-size:14px;letter-spacing:.4px;line-height:20px;padding:7px 16px;transition:.3s}@media(hover:hover){.notifications-drawer__filter-item:hover{background-color:#e6eef8}}.notifications-drawer__filter-item.active{background-color:#3c64a8;border-color:#3c64a8;color:#fff}.notifications-drawer__main{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.notifications-drawer__content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0}.notifications-drawer__content .no-results{color:#7e868e;margin:40px 20px;text-align:center}.notifications-drawer__loader-overlay{align-items:center;background-color:hsla(0,0%,100%,.65);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.notifications-drawer .load-more-trigger{height:20px;visibility:hidden}