.social-notification-card{margin-top:14px}.social-notification-list{display:grid;gap:8px;margin-top:10px}.social-notification-item{width:100%;border:0;background:rgba(255,255,255,.62);border-radius:18px;padding:12px 14px;display:grid;grid-template-columns:34px 1fr 8px;gap:10px;align-items:start;text-align:left;color:inherit}.social-notification-item.unread{background:rgba(238,247,241,.96);box-shadow:inset 0 0 0 1px rgba(85,123,104,.16)}.social-notification-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(85,123,104,.11);font-size:17px}.social-notification-copy{display:grid;gap:2px;min-width:0}.social-notification-copy strong{font-size:14px;line-height:1.35}.social-notification-copy small{font-size:12px;line-height:1.45;color:var(--muted,#68766f)}.social-notification-copy em{font-size:11px;font-style:normal;color:#8a9690;margin-top:2px}.social-notification-item>i{width:7px;height:7px;border-radius:50%;background:#557b68;margin-top:6px}.social-notification-empty{padding:14px 0}.nav-btn{position:relative}.social-notify-badge{position:absolute;top:3px;left:calc(50% + 9px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#b96861;color:#fff;font-size:9px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px rgba(250,249,246,.96)}@media(max-width:430px){.social-notification-item{padding:11px 12px;border-radius:16px}.social-notification-copy strong{font-size:13px}}