.notification-centre{position:relative}.notification-bell{position:relative;width:34px;height:34px;border:1px solid #28445a;border-radius:50%;background:#0a1a29;color:#b7cedc;font-size:17px}.notification-bell b{position:absolute;right:-5px;top:-6px;min-width:17px;padding:2px 4px;border-radius:10px;background:#dc665d;color:#fff;font-size:9px}.notification-centre aside{position:absolute;right:0;top:43px;width:min(380px,90vw);max-height:520px;overflow:auto;border:1px solid #2a4b60;border-radius:11px;background:#091925;box-shadow:0 22px 70px #000;z-index:100}.notification-centre aside header{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #203d4f}.notification-centre aside header div{display:flex;gap:9px}.notification-centre aside header button{border:0;background:none;color:#59cfc9;font-size:10px}.notification-centre aside>button{display:grid;width:100%;gap:5px;padding:13px 14px;border:0;border-bottom:1px solid #193648;background:transparent;color:#eaf4f9;text-align:left}.notification-centre aside>button.unread{background:#0f2937;box-shadow:inset 3px 0 #42c9bf}.notification-centre aside p{margin:0;color:#90aabd;font-size:11px;line-height:1.45}.notification-centre aside small{color:#657f91;font-size:9px}.notification-empty{padding:24px;text-align:center}.notification-preferences{display:grid;gap:14px;padding:16px}.notification-preferences>p{margin-bottom:2px!important}.notification-preferences label{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:12px;color:#d9e8ef;font-size:11px}.notification-preferences select{border:1px solid #31536a;border-radius:6px;background:#0d2433;color:#eaf4f9;padding:8px}.notification-preferences .save-preferences{border:1px solid #47c8bd;border-radius:7px;background:#103d40;color:#fff;padding:10px;font-weight:700}