/* TWINS v0.2.71 — mutual TYPE match / footer nav / relationship frames */

/* Top-right is My page/menu; notifications moved to footer. */
.topbar-menu-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:50%;background:rgba(255,255,255,.045);color:#ddd8e8}
.topbar-menu-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.topbar-menu-button.active{border-color:rgba(229,20,189,.42);color:#f083dd;background:rgba(229,20,189,.08)}

/* TYPE = red frame. MATCH = yellow frame and always wins over TYPE. */
.nearby-card.is-typed .profile-photo{box-shadow:inset 0 0 0 3px #e74a5a}
.nearby-card.is-match .profile-photo{box-shadow:inset 0 0 0 3px #f2c94c}
.now-list-row.is-typed .now-list-photo{box-shadow:inset 0 0 0 3px #e74a5a}
.now-list-row.is-match .now-list-photo{box-shadow:inset 0 0 0 3px #f2c94c}
.relation-person-card.is-typed img{box-shadow:0 0 0 3px #e74a5a}
.relation-person-card.is-match img{box-shadow:0 0 0 3px #f2c94c}

/* Five footer destinations remain evenly spaced. */
.bottom-nav a{min-width:0}
.bottom-nav .nav-count{position:absolute;top:8px;left:calc(50% + 7px);min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid #0c090e;border-radius:999px;background:#e514bd;color:#fff;font-size:8px;line-height:1;font-weight:900}