.blockst-notifications{display:grid;gap:18px}.blockst-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.blockst-notification-head h2,.blockst-notification-head p{margin:0}.blockst-notification-head p{margin-top:6px;opacity:.72}.blockst-notification-list{display:grid;gap:10px}.blockst-notification-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(0,0,0,.18)}.blockst-notification-item.is-unread{border-color:rgba(55,242,177,.48);background:rgba(55,242,177,.08)}.blockst-notification-dot{width:9px;height:9px;border-radius:50%;background:#5e6879}.blockst-notification-item.is-unread .blockst-notification-dot{background:#37f2b1;box-shadow:0 0 0 5px rgba(55,242,177,.11)}.blockst-notification-item strong,.blockst-notification-item p,.blockst-notification-item small{display:block;margin:0}.blockst-notification-item p{margin-top:4px;opacity:.83}.blockst-notification-item small{margin-top:7px;opacity:.58}.blockst-notification-item>a{padding:9px 12px;border-radius:10px;background:rgba(102,179,255,.15)}.blockst-notification-empty{display:grid;gap:5px;text-align:center;padding:34px 18px;border:1px dashed rgba(255,255,255,.15);border-radius:15px}.blockst-notification-empty span{opacity:.68}.blockst-notification-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:auto;border-radius:999px;background:#ff5578;color:#fff;font-size:11px;font-weight:900}
body.blockst-app-mode .blockst-notifications{background:transparent;border:0;padding:0}body.blockst-app-mode .blockst-notification-head{padding:16px;border:1px solid var(--blockst-border);border-radius:18px;background:var(--blockst-card)}body.blockst-app-mode .blockst-notification-item{background:var(--blockst-card);border-color:var(--blockst-border);border-radius:17px;padding:16px}body.blockst-app-mode .blockst-notification-item.is-unread{border-color:var(--blockst-mint);background:linear-gradient(135deg,rgba(54,238,184,.11),var(--blockst-card))}
@media(max-width:640px){.blockst-notification-head{align-items:stretch;flex-direction:column}.blockst-notification-head button{width:100%}.blockst-notification-item{grid-template-columns:auto minmax(0,1fr)}.blockst-notification-item>a{grid-column:2;justify-self:start}}