.notification-badge{color:#fff;background:#ff5e4d;border-radius:10px;place-items:center;min-width:19px;height:19px;margin-left:7px;padding:0 5px;font-size:9px;font-weight:900;display:inline-grid}.notification-centre{gap:12px;padding:45px 0 100px;display:grid}.notification-centre>article{border:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:25px;padding:22px;display:flex}.notification-centre>article.unread{border-left:6px solid var(--green);background:var(--paper)}.notification-centre article span{color:var(--green);text-transform:uppercase;font-size:9px;font-weight:900}.notification-centre article h2{margin:6px 0;font:21px/1.25 Georgia,serif}.notification-centre article p{color:var(--muted);margin:0 0 8px}.notification-centre article small{color:var(--muted);font-size:9px}.notification-read-button{background:var(--blue);color:#fff;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:0;padding:10px 12px;font-size:9px;font-weight:900}.notification-preferences{background:var(--paper);border-top:4px solid var(--green);gap:12px;margin-top:32px;padding:24px;display:grid}.notification-preferences h2{text-transform:uppercase;margin:0 0 8px}.notification-preferences label{align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.notification-preferences input{width:auto}.notification-preferences button{background:var(--blue);color:#fff;cursor:pointer;border:0;justify-self:start;padding:11px 14px;font-weight:900}.notification-preferences p{color:var(--green);margin:0}.notification-centre-link a{color:var(--blue);font-weight:900}@media (max-width:620px){.notification-centre>article{flex-direction:column;align-items:flex-start}}