.add-invite{--invite:#0B6E6E;display:flex;flex-direction:column;align-items:center;gap:10px;margin:4px 12px 20px;padding:16px;border-radius:16px;text-align:center;background:color-mix(in srgb,var(--invite) 7%,#fff);border:1px solid color-mix(in srgb,var(--invite) 22%,#fff)}
.add-invite[hidden]{display:none}
#po-root>.add-invite{margin:16px}
.add-invite-copy strong{display:block;font-size:14.5px;font-weight:800;color:#1c2423}
.add-invite-copy span{display:block;margin-top:3px;color:#1c24238c;font-size:13px}
.add-invite-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;border-radius:999px;background:var(--invite);color:#fff;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap}
.add-invite-btn svg{width:20px;height:20px}
.add-invite-btn:hover{filter:brightness(1.06)}
.add-invite.is-compact{flex-direction:row;align-items:center;gap:10px;margin:0;padding:10px 10px 10px 12px;text-align:left;background:#fff;border:0;box-shadow:0 4px 16px #04201e2e}
.add-invite.is-compact .add-invite-copy{flex:1;min-width:0}
.add-invite.is-compact .add-invite-copy strong{font-size:13px;line-height:1.25}
.add-invite.is-compact .add-invite-copy span{font-size:12px;line-height:1.3}
.add-invite.is-compact .add-invite-btn{height:36px;padding:0 14px;font-size:13px}
.add-invite-ico{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:var(--invite);background:color-mix(in srgb,var(--invite) 12%,#fff)}
.add-invite-ico svg{width:20px;height:20px}