.notification-count{margin-left:auto;background:#f3b6ae;color:#923b34;border-radius:99px;padding:1px 6px;font:10px 'DM Mono'}.notification-toolbar{display:flex;gap:8px;align-items:center}.notification-list{max-width:920px}.notification-day{font:11px 'DM Mono';letter-spacing:.08em;color:#758680;margin:22px 0 8px}.notification-item{width:100%;display:grid;grid-template-columns:10px 42px 1fr auto;gap:12px;align-items:center;text-align:left;background:#fff;border:1px solid var(--line);padding:14px 15px;margin-bottom:7px;border-radius:8px}.notification-item.unread{border-left:3px solid var(--teal);background:#fafffc}.notification-item .note-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}.notification-item:not(.unread) .note-dot{background:#bcc8c3}.notification-symbol{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#e5f0eb;color:#287168;font-size:16px}.notification-symbol.warn{background:#faece5;color:#b54d41}.notification-symbol.info{background:#e7edf5;color:#557393}.notification-item b,.notification-item small{display:block}.notification-item b{font-size:13px}.notification-item small{font-size:11px;color:#72817d;margin-top:2px}.notification-item time{font:10px 'DM Mono';color:#83918d;align-self:start}.monochrome .app-shell,.monochrome .toast{filter:grayscale(1) contrast(1.1)}.theme-toggle[aria-pressed="true"]{background:#dfe7e3;color:#123b3a}@media(max-width:720px){.notification-item{grid-template-columns:8px 36px 1fr}.notification-item time{grid-column:3;grid-row:2;margin-top:-8px}.notification-item{padding:12px}.notification-toolbar{width:100%;justify-content:space-between}}