.notification-trigger{border:0;background:none;cursor:pointer;padding:0;display:flex!important;flex-shrink:0}
.notification-trigger[hidden]{display:none!important}
html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#c5c9d0 transparent}
.notification-popup-open{overflow:hidden}
.notification-popup{scrollbar-width:thin;scrollbar-color:#c5c9d0 transparent}
html::-webkit-scrollbar,.notification-popup::-webkit-scrollbar{width:6px;height:6px}
html::-webkit-scrollbar-thumb,.notification-popup::-webkit-scrollbar-thumb{background:#c5c9d0;border-radius:8px}
.notification-popup{position:fixed;inset:auto;margin:0;padding:0;width:min(480px,calc(100vw - 24px));max-width:none;border:1px solid #e5e8ee;border-radius:16px;background:white;color:#27303b;box-shadow:0 18px 60px #18233430;overflow:auto;overscroll-behavior:contain}
.notification-popup::backdrop{background:transparent}
.notification-popup-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px 18px}
.notification-popup-head h2{margin:0 0 5px;font-size:23px;letter-spacing:-.6px}
.notification-popup-head p{margin:0;font-size:13px;color:#89919e}
.notification-popup-head button{border:0;border-radius:50%;background:#f3f5f7;color:#66707f;font-size:25px;line-height:1;width:34px;height:34px;cursor:pointer}
.notification-popup-body{padding:0 24px 18px;min-width:0}
.notification-popup .activity-toolbar{display:block;border:0}
.notification-popup .activity-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#f2f4f7;border-radius:10px;overflow:visible}
.notification-popup .activity-tabs button{justify-content:center;border:0;border-radius:7px;padding:12px 5px;font-size:14px}
.notification-popup .activity-tabs button.active{background:#fff;box-shadow:0 2px 7px #2633480b}
.notification-popup .activity-read-all{display:block;margin:12px 0 0 auto;padding:0}
.notification-popup .notification-section-heading{margin:16px 0 12px;display:block}
.notification-popup .notification-section-heading h2{display:none}
.notification-popup .update-section{border:0;margin:0;padding:0}
.notification-popup .update-cover-rail{gap:16px}
.notification-popup .notification-update{flex-basis:136px}
.notification-popup .notification-row{padding:18px 10px;gap:10px}
.notification-popup .notification-row h2{font-size:14px}
.notification-popup .notification-row p{font-size:13px}
.notification-popup .notification-icon{width:32px;height:32px;border-radius:9px}
.notification-popup .notification-list{margin-top:14px}
.notification-popup .feature-empty{text-align:center;padding:30px 12px;color:#89919e}
.notification-popup .feature-empty>span{display:block;margin-bottom:14px}
.notification-popup .feature-empty h2{font-size:16px;color:#485260}
.notification-popup .feature-empty p{font-size:13px;line-height:1.7}
.notification-popup .feature-feedback{font-size:13px;line-height:1.6;color:#7c8593}
.notification-popup .feature-feedback:empty{display:none}
.notification-popup .feature-more{text-align:center}
.notification-popup [hidden]{display:none!important}
.notification-popup :focus-visible{outline:2px solid #ec4363;outline-offset:3px}
.member-identity>a[aria-current="page"]{color:#df2345;background:#fff0f3;border-radius:7px;padding-inline:10px}
.member-notifications{min-width:0}
.member-notifications .member-heading h2{font-size:25px;margin:8px 0}
@media(max-width:720px){.notification-trigger small{display:none}.notification-trigger .utility-icon svg{width:22px;height:22px}.notification-popup-head{padding:18px}.notification-popup-body{padding:0 18px 16px}.notification-popup .notification-row header{gap:6px}.notification-popup .notification-update{flex-basis:124px}}
@media(max-width:720px){.header-main .header-actions,.header-main .guest-actions{gap:6px}.header-main .menu{width:32px;min-width:32px;padding:5px}.header-main .guest-actions a{padding-inline:8px}}
@media(max-width:360px){.header-main .guest-actions a{padding-inline:6px}.header-main .header-actions{gap:4px}}