.notification-center{position:relative}.notification-center>button{cursor:pointer;background:#fff;border:1px solid #dbe6e1;border-radius:50%;width:38px;height:38px;position:relative}.notification-center>button>b{color:#fff;background:#d94f45;border-radius:12px;min-width:19px;padding:3px;font-size:9px;position:absolute;top:-7px;right:-7px}.notification-center-panel{z-index:100;color:#17352d;background:#fff;border:1px solid #dbe6e1;border-radius:15px;width:min(430px,92vw);max-height:620px;position:absolute;top:48px;right:0;overflow:auto;box-shadow:0 20px 55px #17352d30}.notification-center-panel>header{border-bottom:1px solid #e5ece8;justify-content:space-between;padding:16px;display:flex}.notification-center-panel header div{gap:3px;display:grid}.notification-center-panel header small{color:#72857d;font-size:11px}.notification-center-panel header button{background:0 0;border:0;font-size:20px}.notification-summary{background:#f4f8f6;grid-template-columns:1fr 1fr;gap:7px;padding:12px;display:grid}.notification-summary a{color:inherit;background:#fff;border-radius:10px;grid-template-columns:35px 1fr;align-items:center;gap:7px;padding:10px;text-decoration:none;display:grid}.notification-summary a b{color:#0f766e;font-size:20px}.notification-summary a span{font-size:11px}.notification-feed{display:grid}.notification-feed>a{color:inherit;border-top:1px solid #edf2ef;grid-template-columns:30px 1fr auto;gap:9px;padding:13px 15px;text-decoration:none;display:grid}.notification-feed>a.read{opacity:.55}.notification-feed i{font-size:18px;font-style:normal}.notification-feed span{gap:4px;display:grid}.notification-feed span b{font-size:12px}.notification-feed small{color:#6b7e76;font-size:10px;line-height:1.45}.notification-feed em{color:#d94f45;font-size:9px;font-style:normal}.notification-feed p{text-align:center;color:#71847d;padding:20px}
@media (max-width:700px){.notification-center-panel{overscroll-behavior:contain;border-radius:18px;width:auto;max-width:none;max-height:80dvh;position:fixed;inset:auto 12px 12px}.notification-center-panel:before{content:"";z-index:-1;background:#102f2738;position:fixed;inset:0}.notification-summary{grid-template-columns:1fr 1fr}.notification-feed>a{grid-template-columns:28px minmax(0,1fr) auto}.notification-feed span,.notification-feed small{overflow-wrap:anywhere;min-width:0}.notification-center-panel>header{z-index:2;background:#fff;border-radius:18px 18px 0 0;position:sticky;top:0}}