.notifications-app{min-height:100vh;color:var(--ink);background:#f6f3ee}.notifications-topbar{background:#fff;border-bottom:1px solid #e4e2dd;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 32px;display:grid}.notifications-topbar nav{gap:30px;height:100%;display:flex}.notifications-topbar nav a{color:#747b8b;align-items:center;font-size:14px;font-weight:700;display:flex}.notifications-topbar>div{justify-self:end;align-items:center;gap:10px;display:flex}.notifications-shell{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:18px;width:min(1050px,100% - 32px);margin:40px auto 80px;display:grid}.notification-main>header{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.notification-main>header small,.notification-settings header small{color:var(--blue);letter-spacing:.16em;font-size:14px;font-weight:800}.notification-main h1{color:var(--navy);margin:8px 0 4px;font:400 38px Georgia,serif}.notification-main>header p{color:#7c8594;margin:0;font-size:14px}.notification-main>header>div:last-child{gap:8px;display:flex}.notification-main>header button{color:var(--navy);background:#fff;border:1px solid #d9dde5;border-radius:10px;align-items:center;gap:6px;padding:10px 12px;font-size:14px;font-weight:750;display:flex}.notification-main>header svg{width:16px}.notification-list{background:#fff;border:1px solid #e0dfdb;border-radius:17px;overflow:hidden}.notification-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #ecebe8;align-items:flex-start;gap:12px;width:100%;padding:16px;display:flex}.notification-list>button:last-child{border-bottom:0}.notification-list>button:hover{background:#fafafa}.notification-list>button.unread{background:#f1f5fc}.notification-list>button>img,.notification-list>button>span{object-fit:cover;width:42px;height:42px;color:var(--blue);background:#dde5f7;border-radius:50%;flex:none;place-items:center;display:grid}.notification-list>button>span svg{width:19px}.notification-list>button>p{flex:1;gap:3px;margin:0;display:grid}.notification-list strong{color:var(--navy);font-size:14px}.notification-list p>span{color:#697284;font-size:14px;line-height:1.45}.notification-list small{color:#969ca7;font-size:12px}.notification-list i{background:var(--blue);border-radius:50%;width:9px;height:9px;margin-top:6px}.notification-empty{text-align:center;color:#7d8696;padding:70px 20px}.notification-empty>svg{width:36px}.notification-empty h2{color:var(--navy);font:400 25px Georgia,serif}.notification-notice{color:#34704f;background:#e9f3ed;border-radius:10px;align-items:center;gap:7px;margin-bottom:12px;padding:11px;font-size:14px;display:flex}.notification-notice svg{width:17px}.notification-settings{background:#fff;border:1px solid #deddd9;border-radius:18px;padding:22px;position:sticky;top:20px;box-shadow:0 13px 35px #202a4412}.notification-settings>header{justify-content:space-between;display:flex}.notification-settings h2{color:var(--navy);margin:7px 0;font:400 25px Georgia,serif}.notification-settings>header>button{background:#f1f2f5;border:0;border-radius:50%;width:32px;height:32px;font-size:20px}.notification-channel-head,.preference-row{grid-template-columns:1fr 58px 58px;align-items:center;gap:8px;display:grid}.notification-channel-head{color:#7c8493;text-align:center;margin-top:18px;padding:8px 0;font-size:12px}.notification-channel-head b{justify-items:center;gap:3px;display:grid}.notification-channel-head svg{width:15px}.preference-row{border-top:1px solid #ecebe8;padding:14px 0}.preference-row p,.digest-row p,.email-provider-note p{gap:3px;margin:0;display:grid}.preference-row strong,.digest-row strong,.email-provider-note strong{color:var(--navy);font-size:14px}.preference-row p>span,.digest-row p>span,.email-provider-note p>span{color:#7e8796;font-size:12px;line-height:1.4}.preference-row label,.digest-row label{place-items:center;display:grid}.preference-row input,.digest-row input{opacity:0;position:absolute}.preference-row label>span,.digest-row label>span{background:#d8dbe2;border-radius:999px;width:38px;height:22px;position:relative}.preference-row label>span:after,.digest-row label>span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0002}.preference-row input:checked+span,.digest-row input:checked+span{background:var(--blue)}.preference-row input:checked+span:after,.digest-row input:checked+span:after{transform:translate(16px)}.digest-row{border-top:1px solid #ecebe8;grid-template-columns:1fr 58px;align-items:center;padding:14px 0;display:grid}.email-provider-note{background:#fff3df;border-radius:11px;gap:10px;margin:12px 0;padding:12px;display:flex}.email-provider-note>svg{color:#a96c27;flex:none;width:19px}.save-preferences{background:var(--navy);color:#fff;border:0;border-radius:10px;width:100%;padding:12px;font-size:14px;font-weight:800}.settings-privacy{color:#808897;gap:7px;margin-top:12px;font-size:12px;line-height:1.4;display:flex}.settings-privacy svg{flex:none;width:17px}@media (max-width:850px){.notifications-topbar{grid-template-columns:1fr auto;padding:0 17px}.notifications-topbar nav,.notifications-topbar .circle-view-menu--desktop{display:none}.notifications-shell{grid-template-columns:1fr;margin-top:24px}.notification-settings{grid-row:1;position:static}.notification-main>header{flex-direction:column;align-items:flex-start;gap:13px}}@media (max-width:520px){.notification-main>header>div:last-child{width:100%}.notification-main>header button{flex:1;justify-content:center}.notification-list>button{padding:14px}.notifications-shell{width:calc(100% - 20px)}}