.notification-centre{z-index:85;transition:bottom .25s;position:fixed;bottom:20px;right:20px}.notification-centre.raised{bottom:96px}.notification-bell{background:var(--ink);color:#fff;border:0;border-radius:99px;align-items:center;gap:7px;padding:11px 15px;font-weight:850;display:flex;box-shadow:0 10px 32px #0003}.notification-bell>span{color:var(--brand-coral);font-size:10px}.notification-bell b{background:var(--brand-coral);border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:10px;display:grid}.notification-panel{background:var(--paper);border:1px solid #d9d0c0;border-radius:16px;width:min(390px,100vw - 28px);max-height:70vh;position:absolute;bottom:52px;right:0;overflow:hidden;box-shadow:0 24px 70px #0004}.notification-panel>header{border-bottom:1px solid #e7dfd1;justify-content:space-between;align-items:center;padding:17px;display:flex}.notification-panel header small{text-transform:uppercase;letter-spacing:2px;color:var(--brand-coral)}.notification-panel h2{margin:3px 0;font-size:25px}.notification-panel header button{color:#aa563f;background:0 0;border:0;font-weight:850}.notification-list{max-height:55vh;overflow-y:auto}.notification-list article{border-bottom:1px solid #ece5d9;position:relative}.notification-list article.unread{background:#f3ead9}.notification-list article.unread:before{content:"";background:var(--brand-coral);border-radius:50%;width:6px;height:6px;position:absolute;top:22px;left:7px}.notification-list a,.notification-list article>div{color:inherit;padding:14px 18px;text-decoration:none;display:block}.notification-list span{text-transform:uppercase;color:#a65b48;font-size:9px}.notification-list h3{margin:4px 0;font-size:15px}.notification-list p{color:#656b66;margin:5px 0;font-size:11px;line-height:1.5}.notification-list time{color:#858a85;font-size:9px}.notification-empty{text-align:center;color:#71766f;padding:40px}@media (width<=550px){.notification-centre{bottom:12px;right:12px}.notification-centre.raised{bottom:104px}.notification-panel{width:auto;max-height:75vh;position:fixed;bottom:64px;left:14px;right:14px}}