.notification-menu-container{width:max(300px,30vw)}.notification-menu-container>div{display:flex;flex-direction:column;max-height:80vh;overflow-y:auto}.notification-item-container{display:flex;gap:1rem;border-bottom:1px solid #eaeaff;padding:.3rem 1rem .25rem;cursor:pointer}.notification-item-container>div{width:100%}.notification-item-container:hover{background-color:var(--clr-primary-light)}.notification-item-container.unread .title{color:var(--clr-primary)}.notification-item-container.unread{background-color:var(--primary_bg)}.notification-item-container .title{color:#0b1c3f;font-size:14px;letter-spacing:.1px;font-weight:500;margin-bottom:.25rem;white-space:pre;line-height:24px}.notification-item-container .time-lapsed{color:#626a9f;font-size:.9rem;font-weight:500;text-align:end}.notification-item-container:last-child{border-bottom:none}.notification-menu-container .notification-heading-container{position:relative;display:flex;gap:1rem;flex-direction:row;align-items:baseline;padding:1rem 1rem .5rem;background-color:var(--primary_color);align-items:center}.notification-menu-container .notification-heading-container>p{margin-left:auto;font-size:medium;color:#fff;letter-spacing:.5px;cursor:pointer}.notification-menu-container .notification-heading-container>h2{color:#fff;letter-spacing:.5px;font-size:large}.notification-item-container .title .remaining-lines{display:block;margin-top:4px}.notification-item-container .title .first-line-container{display:flex;align-items:center}.notification-item-container .title .first-line{font-weight:700;margin-right:8px}body{margin:0;font-family:gilroy,Segoe UI,Roboto,"sans-serif"}body *{box-sizing:border-box}@font-face{font-family:gilroy;src:url(/assets/gilroy-regular-Dv8FMlXy.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gilroy;src:url(/assets/gilroy-medium-Dix9DXFT.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:gilroy;src:url(/assets/gilroy-semibold-CTGhdHrF.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:gilroy;src:url(/assets/gilroy-bold-2_CitiBg.woff) format("woff");font-weight:700;font-style:normal}:root{--primary_color: #1f36c7;--white_color: #ffffff;--black_text: #0b1c3f;--secondary_bg: #f9f9ff;--primary_bg: #f1f2fd;--theme_color_1: #fca6da;--theme_color_2: #01d7c5;--theme_color_3: #ce99d8;--theme_color_4: #46c8fe;--theme_color_5: #ff9997;--theme_color_6: #ffd75d}