.notification-link{position:relative}.notification-link b{position:absolute;right:-12px;top:-11px;background:#e62948;color:white;border-radius:20px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;font-size:9px;border:2px solid white}.match-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.match-card{display:block;background:white;border:1px solid var(--line);border-radius:17px;padding:23px;color:var(--ink);position:relative}.match-card:hover{border-color:var(--blue);box-shadow:var(--shadow)}.match-card.unread-match:before{content:"";position:absolute;right:16px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--blue)}.match-card h2{margin:14px 0 5px;font-size:19px}.match-card p,.match-card small{color:var(--muted)}.match-score{font-size:10px;font-weight:900;color:var(--blue);background:#eaf0ff;padding:5px 8px;border-radius:20px;margin-right:6px}.responded{display:block;color:var(--green);margin-top:13px;font-size:12px}.alert-unread{background:#f2f6ff;border-left:4px solid var(--blue)}.notification-prefs{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.notification-prefs h3{margin:0 0 8px}@media(max-width:720px){.match-grid{grid-template-columns:1fr}}