.notification-list{padding:12px 24px}.notification-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:17px 8px;border-bottom:1px solid var(--line);text-decoration:none}.notification-row>i{width:10px;height:10px;border-radius:50%;background:#b7c7c2}.notification-row.unread>i{background:#00a9a5;box-shadow:0 0 0 5px #00a9a51a}.notification-row p{margin:2px 0;color:#667873}.notification-row small{color:#879893}.notification-row em{font-style:normal;font-size:12px;font-weight:800}.notification-row.read{opacity:.72}@media(max-width:560px){.notification-list{padding:8px 14px}.notification-row{grid-template-columns:auto 1fr}.notification-row em{display:none}}