.notification-btn{position:relative;width:36px;height:36px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:18px}.notification-btn.active{color:var(--lime);border-color:#c9ff3666}.notification-btn>b{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;border-radius:9px;padding:2px;background:var(--orange);color:#fff;font:700 8px 'Chakra Petch'}.notification-center{width:min(430px,94vw)}.notification-center>div{background:#0c111a;border:1px solid #3a465e}.notification-center header{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.notification-center header small{color:var(--lime);font:700 7px 'Chakra Petch'}.notification-center h3{margin:2px 0;font:700 19px 'Chakra Petch'}.notification-center header button{background:transparent;border:1px solid var(--line);color:var(--text);font-size:18px}.notification-center #notificationList{padding:7px;max-height:60vh;overflow:auto}.notification-center #notificationList>button{width:100%;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);padding:10px}.notification-center #notificationList>button.unread{background:#161d2b;border-color:#34415a}.notification-center #notificationList i{display:grid;place-items:center;width:34px;height:34px;background:#1c2434;color:var(--lime);font-style:normal}.notification-center #notificationList span{display:grid}.notification-center #notificationList strong{font:700 9px 'Chakra Petch'}.notification-center #notificationList small{color:var(--muted);font-size:8px}.notification-center #notificationList>p{text-align:center;color:var(--muted);padding:30px;font-size:9px}