.notification-centre{max-width:1080px;color:var(--ink,#202020);margin:0 auto;padding:28px}.notification-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.notification-heading p{color:#737373;text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px;font-size:12px;font-weight:800}.notification-heading h1{margin:0;font-size:30px}.notification-heading span{color:#737373;margin-top:7px;display:block}.notification-heading button,.notification-tabs button{background:#fff;border:1px solid #ddd;border-radius:9px;padding:9px 13px;font-weight:750}.notification-tabs{border-bottom:1px solid #e2e2e2;gap:6px;margin-bottom:18px;display:flex}.notification-tabs button{background:0 0;border-color:#0000;border-radius:8px 8px 0 0}.notification-tabs button[aria-selected=true]{color:#6b38b9;border-bottom:3px solid #834dd5}.notification-tabs span{color:#fff;background:#834dd5;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:5px;font-size:11px;display:inline-grid}.notification-list{gap:9px;display:grid}.notification-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4e4;border-radius:12px;gap:12px;width:100%;padding:15px;display:flex}.notification-item.unread{background:#fbf9ff;border-color:#d6c1f4}.notification-dot{background:0 0;border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:8px}.notification-item.unread .notification-dot{background:#834dd5}.notification-item span:last-child{gap:4px;display:grid}.notification-item small,.notification-item p{color:#747474}.notification-item p{margin:0}.notification-item em{color:#7c668f;font-size:12px}.notification-empty{text-align:center;border:1px dashed #d3d3d3;border-radius:14px;padding:70px 24px}.notification-empty p{color:#757575}.notification-notice{color:#714f00;background:#fff5d8;border-radius:8px;padding:10px 12px}.notification-preferences{background:#fff;border:1px solid #e3e3e3;border-radius:14px;overflow:hidden}.notification-channel-head,.notification-preference-row{grid-template-columns:minmax(0,1fr) 100px 100px;align-items:center;gap:14px;padding:14px 18px;display:grid}.notification-channel-head{color:#717171;text-transform:uppercase;background:#f7f7f7;font-size:12px;font-weight:800}.notification-preference-row{border-top:1px solid #ededed}.notification-preference-row p{color:#747474;margin:4px 0 0;font-size:13px}.notification-switch{color:#737373;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:76px;margin:0 auto;padding:4px;font:700 11px/1 inherit;display:inline-flex}.notification-switch-track{background:#ccc;border-radius:999px;width:38px;height:22px;transition:background .18s,box-shadow .18s;position:relative;box-shadow:inset 0 0 0 1px #22222214}.notification-switch-track i{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1c1c1c4d}.notification-switch[aria-checked=true]{color:#6b38b9}.notification-switch[aria-checked=true] .notification-switch-track{background:#834dd5;box-shadow:inset 0 0 0 1px #51298e2e}.notification-switch[aria-checked=true] .notification-switch-track i{transform:translate(16px)}.notification-switch:focus-visible{outline-offset:2px;outline:3px solid #834dd54d}.notification-switch:disabled{cursor:wait;opacity:.55}.notification-preferences aside{color:#4d3e78;background:#f7f2ff;border-radius:10px;margin:18px;padding:14px}.notification-preferences aside p{margin:5px 0 0}.app-shell[data-theme=dark] .notification-centre{color:#f0f0f0}.app-shell[data-theme=dark] .notification-item,.app-shell[data-theme=dark] .notification-preferences,.app-shell[data-theme=dark] .notification-heading button{background:#262626;border-color:#414141}.app-shell[data-theme=dark] .notification-item.unread{background:#272727;border-color:#705da8}.app-shell[data-theme=dark] .notification-channel-head{background:#2f2f2f}.app-shell[data-theme=dark] .notification-preference-row{border-color:#414141}.app-shell[data-theme=dark] .notification-switch{color:#b7b7b7}.app-shell[data-theme=dark] .notification-switch-track{background:#525252}.app-shell[data-theme=dark] .notification-switch[aria-checked=true]{color:#d6baff}.app-shell[data-theme=dark] .notification-switch[aria-checked=true] .notification-switch-track{background:#9060d9}@media (max-width:680px){.notification-centre{padding:18px 12px}.notification-heading{flex-direction:column;align-items:flex-start}.notification-channel-head{display:none}.notification-preference-row{grid-template-columns:1fr 76px 68px;padding:14px 12px}.notification-preference-row p{font-size:12px}.notification-switch{gap:5px;min-width:64px}}.notification-channel-head span:not(:first-child){text-align:center}