.invite-contacts{display:flex;flex-direction:column;gap:10px;min-width:0}.invite-contacts>.section-kicker{margin:0;color:#8c8c8c;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.invite-contacts-help{margin:0;color:#a0a0a0;font-size:12px;line-height:1.6}.invite-contacts .invite-contacts-search{width:100%}.invite-contacts-empty{margin:0;padding:10px 0;font-size:12px}.invite-contact-list{list-style:none;margin:0;padding:4px;display:grid;gap:3px;max-height:min(300px,38dvh);overflow-y:auto;overscroll-behavior:contain;border:1px solid #2c2c2c;border-radius:14px;background:#111}.invite-contact{display:grid;gap:8px;padding:8px 10px;border-radius:10px;min-width:0}.invite-contact:hover{background:#1c1c1c}.invite-contact-disabled{opacity:.62}.invite-contact-main{display:flex;align-items:center;gap:11px;min-width:0}.invite-contact-main>.avatar{flex-shrink:0}.invite-contact-group{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:50%;color:#eee;background:#292929;border:1px solid #3b3b3b}.invite-contact-text{flex:1;min-width:0;display:grid;gap:2px}.invite-contact-text small,.invite-contact-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-contact-text strong{color:#ededed;font-size:13px;font-weight:600}.invite-contact-text small{color:#9a9a9a;font-size:11px}.invite-contact-main>.button{flex-shrink:0;gap:6px;min-height:32px;padding:6px 12px;white-space:nowrap}.invite-contact-main>.button .spinner{display:inline-flex;align-items:center;gap:6px;font-size:12px}.invite-contact-sent:disabled{opacity:1;color:#d9f5dc;border-color:#2f4a33;background:#16211a}.invite-contact-error{margin:0;padding-left:44px;color:#ffb4a8;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.invite-contact-keys{display:grid;gap:8px;margin-left:44px;padding:10px 12px;border:1px solid #4a3d22;border-radius:10px;background:#1d1810}.invite-contact-keys p{margin:0;color:#e8d9b8;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.invite-contact-keys p.invite-contact-keys-error{color:#ffb4a8}.invite-contact-keys-actions{display:flex;flex-wrap:wrap;gap:8px}.invite-contact-keys .button{gap:6px}@media (max-width:480px){.invite-contact{padding:8px}.invite-contact-main{gap:9px}.invite-contact-main>.button{padding:6px 10px}.invite-contact-error{padding-left:0}.invite-contact-keys{margin-left:0}}