.notification-C{color:#000;position:absolute;z-index:1000;top:55px;right:20px;border-radius:12px;background:#fff;box-shadow:0 0 24.8px 0 rgba(0,0,0,.25);display:flex;width:400px;padding:6px 12px 12px;flex-direction:column;align-items:flex-start;gap:12px}.notification-C .notification-heading{width:100%;padding:10px;border-bottom:1px solid var(--Backgrounds-Secondary,#f2f2f7);display:flex;justify-content:space-between}.notification-C .notification-heading>b{display:flex;width:100%;max-width:381px;align-items:center;gap:10px}.notification-C .notification-heading>img{cursor:pointer}.notification-C .no-notification{width:100%;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.notification-C .mark-all-read{text-align:right;padding:12px;font-size:14px;cursor:pointer;font-weight:500}.notification-C .mark-all-read .mark-all-read_button{display:flex;gap:5px;justify-content:center;align-items:center;padding:5px 10px;border-radius:20px;background-color:#f3eeee;transition:background-color .2s ease}.notification-C .mark-all-read .mark-all-read_button.market{color:#60a309}.notification-C .mark-all-read .mark-all-read_button.food{color:#f55e21}.notification-C .notification-tabs{display:flex;align-items:flex-start;align-self:stretch;border-bottom:1.5px solid var(--Color-Orange,#f55e21)}.notification-C .notification-tabs .tab{border-left:1px solid var(--Backgrounds-Secondary,#f2f2f7);display:flex;padding:17px;justify-content:center;align-items:center;gap:16px;flex:1 0 0}.notification-C .notification-tabs.market{color:#60a309;border-bottom:1.5px solid #60a309}.notification-C .notification-tabs.food{color:#f55e21;border-bottom:1.5px solid #f55e21}.notification-C .notification-lst{display:flex;flex-direction:column;align-items:flex-start;gap:6px;align-self:stretch;max-height:550px;overflow-y:auto;overflow-x:hidden;padding-right:10px}.notification-C .notification-lst::-webkit-scrollbar{width:4px}.notification-C .notification-lst::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.notification-C .notification-lst::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}.notification-C .notification-lst .notification-item{cursor:pointer;border-bottom:1px solid var(--Backgrounds-Secondary,#f2f2f7);display:flex;padding-bottom:12px;align-items:center;gap:12px;align-self:stretch}.notification-C .notification-lst .notification-item .img-noti{border-radius:6px;object-fit:cover}.notification-C .notification-lst .notification-item .notification-title{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1 0 0}.notification-C .notification-lst .notification-item .notification-title>b{color:#000;font-size:12px;font-style:normal;font-weight:500;line-height:20px}.notification-C .notification-lst .notification-item .notification-title>p{color:var(--currentColor,#868686);font-size:12px;font-style:normal;font-weight:500}@media(min-width:1440px){.notification-C{right:calc((100vw - 1440px)/2 + 20px)}}@media only screen and (max-width:550px){.notification-C{width:100%;height:calc(100vh - 64px);top:0;right:0;border-radius:0}.notification-C .notification-lst{max-height:unset}.notification-C .no-notification{height:100vh}}