.neighbors-section{max-width:1200px;margin:26px auto 0;background:#fff;border-radius:15px;padding:27px;display:grid;grid-template-columns:.75fr 1.25fr;gap:42px}.neighbors-copy h2{font-family:Fraunces,serif;font-size:29px;margin:0}.neighbors-copy>p:not(.eyebrow){font-size:13px;line-height:1.55;color:#71868b;max-width:300px}.neighbor-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.neighbor-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf0ed}.neighbor-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}.maya{background:#e8896d}.eli{background:#65949b}.rae{background:#8da979}.theo{background:#9b7c94}.neighbor-row div{flex:1}.neighbor-row b,.neighbor-row small{display:block}.neighbor-row b{font-size:12px}.neighbor-row small{font-size:10px;color:#8d9b9c;margin-top:3px}.friend-btn{border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700;cursor:pointer}.friend-btn.friends{background:#dff1e5;border:1px solid #b8dec4;color:#447154}.friend-btn.add{background:#fff8f4;border:1px solid #f2c9bc;color:#e86c4c}@media(max-width:850px){.neighbors-section{grid-template-columns:1fr}.neighbor-list{grid-template-columns:1fr}.neighbors-copy .primary{margin-bottom:8px}}
.empty-friends{min-height:210px;display:grid;place-content:center;text-align:center;gap:8px;color:#6e8587}.empty-friends-icon{display:grid;place-items:center;margin:auto;width:42px;height:42px;border-radius:50%;background:#e8f2ec;color:#4c7b65;font-size:22px}.empty-friends b{color:#365355}.empty-friends small{max-width:220px;line-height:1.45}
.add-friend-modal{position:fixed;inset:0;z-index:130;background:#21343877;display:none;place-items:center;padding:18px}.add-friend-modal.open{display:grid}.add-friend-box{position:relative;width:min(400px,100%);padding:30px;border-radius:18px;background:#fffdf9;box-shadow:0 20px 60px #1b313955}.add-friend-box h2{font:700 30px Fraunces,serif;margin:4px 0}.add-friend-box>p:not(.eyebrow){color:#71868b;font-size:13px;line-height:1.5;margin:8px 0 16px}.add-friend-box label{display:block;margin-top:13px;color:#53696c;font-size:12px;font-weight:700}.add-friend-box input{box-sizing:border-box;width:100%;margin-top:6px;padding:12px;border:1px solid #dce5df;border-radius:8px;font:14px 'DM Sans',sans-serif}.add-friend-box .primary{width:100%;margin-top:22px}.add-friend-box small{display:block;text-align:center;margin-top:14px;color:#8d9b9c;font-size:10px}.add-friend-box>button{position:absolute;top:11px;right:13px;border:0;background:transparent;font-size:25px;color:#647b7d;cursor:pointer}