.reminder-invite{display:flex;align-items:flex-start;gap:16px;padding:22px;margin:0 0 24px;border:1px solid var(--hair);border-radius:16px;background:var(--surface)}
.reminder-invite-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}.reminder-invite-icon svg{width:23px;height:23px}
.reminder-invite-copy{flex:1;min-width:0}.reminder-invite h2{font:600 21px/1.25 var(--display);letter-spacing:-.4px;margin:0 0 9px}.reminder-invite p{font-size:13px;line-height:1.8;color:var(--ink-2);margin:0;max-width:64ch}
.reminder-invite-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:16px}.reminder-invite .btn{min-height:44px;font-size:13px}.reminder-invite .text-action{min-height:44px;font-size:13px}.reminder-invite .reminder-invite-error{color:var(--danger);margin-top:12px;font-size:13px}
.reminder-invite.is-connected{align-items:center}.reminder-invite.is-connected>div{flex:1;min-width:0}.reminder-invite.is-connected strong{font-size:15px;line-height:1.6}.reminder-invite.is-connected p{font-size:12px;margin-top:4px}
[data-notification-invite-slot]:empty{display:none}
@media(max-width:700px){.reminder-invite{padding:18px 16px;gap:12px;margin-bottom:22px}.reminder-invite h2{font-size:20px}.reminder-invite p{font-size:13px}.reminder-invite-icon{width:36px;height:36px;border-radius:12px}.reminder-invite-icon svg{width:21px;height:21px}.reminder-invite-actions{gap:16px;margin-left:-48px}.reminder-invite.is-connected{flex-wrap:wrap}.reminder-invite.is-connected>.text-action{margin-left:48px}}