.notification-menu{position:relative;align-self:center;margin-inline:10px}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:8px;background:transparent;color:white;cursor:pointer}.notification-bell:hover,.notification-bell:focus-visible{background:#ffffff25}.notification-count{position:absolute;top:0;inset-inline-end:0;min-width:19px;padding:2px 4px;border-radius:20px;background:#ef4764;color:white;font-size:11px;line-height:15px}.notification-count[hidden],.notification-popup[hidden]{display:none}.notification-popup{position:absolute;inset-inline-end:0;top:50px;width:390px;max-width:calc(100vw - 24px);max-height:70vh;overflow:auto;background:white;color:#213b51;border:1px solid #dce6ef;border-radius:12px;box-shadow:0 14px 40px #16395433;z-index:1100}.notification-popup header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #e6edf3}.notification-item{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #e6edf3}.notification-item.is-unread{background:#edf5fc;border-inline-start:3px solid #185780}.notification-item>a{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;color:#213b51}.notification-item span{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item time{font-size:11px;color:#61788c}.notification-item>button{flex-shrink:0}.notification-all{display:block;text-align:center;padding:15px;font-weight:600}.notification-empty{padding:20px;margin:0}.notification-page{padding-block:24px}.notification-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-block:20px}.notification-page>[data-notification-list]{background:white;border:1px solid #dce6ef;border-radius:12px;overflow:hidden}@media(max-width:575px){.notification-popup{position:fixed;top:70px;inset-inline:12px;width:auto}.notification-item{flex-wrap:wrap}}