.pushBell{color:#1d4d3b;background:#fff;border:1px solid #cbd2dc;border-radius:9px;place-items:center;width:42px;height:42px;text-decoration:none;display:grid;position:relative}.pushBell>span{background:currentColor;border-radius:50%;width:12px;height:12px;font-size:0}.pushBell>b{color:#fff;background:#b42318;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;display:grid;position:absolute;top:-6px;right:-6px}.pushSetup{justify-content:space-between;align-items:center;gap:20px;display:flex}.pushSetup h2,.pushSetup p{margin:0}.pushSetup p{color:#667085;margin-top:5px}.pushSetup button{width:auto}.notificationHeading{justify-content:space-between;align-items:center;margin:24px 0 10px;display:flex}.notificationHeading h2{margin:0}.notificationHeading button{color:#1d4d3b;cursor:pointer;background:0 0;border:0;font-weight:800}.notificationList{flex-direction:column;gap:8px;display:flex}.notificationItem{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe4ea;border-radius:10px;grid-template-columns:8px 1fr auto;align-items:center;gap:14px;width:100%;padding:16px;display:grid}.notificationItem>span{background:0 0;border-radius:50%;width:8px;height:8px}.notificationItem.unread{background:#f4faf7;border-color:#a9c9bb}.notificationItem.unread>span{background:#1d5a46}.notificationItem div{flex-direction:column;gap:4px;display:flex}.notificationItem p{color:#4d596b;margin:0}.notificationItem small{color:#7a8698}.notificationItem>strong{color:#1d5a46;font-size:20px}.notificationEmpty{text-align:center;color:#667085}@media (max-width:650px){.pushSetup{flex-direction:column;align-items:stretch}.pushSetup button{width:100%}.notificationItem{grid-template-columns:8px 1fr}.notificationItem>strong{display:none}}