.tappy-connect-copy{text-align:left;color:inherit;font-size:14px;line-height:1.55}.tappy-connect-copy p{margin:12px 0}.tappy-connect-copy ul{gap:8px;margin:14px 0 18px;padding-left:20px;list-style:outside;display:grid}.tappy-connect-copy li{padding-left:2px}.tappy-connect-copy strong{font-weight:700}.tappy-connect-copy--condensed ul{gap:6px;margin:4px 0 12px}.tappy-connect-copy--condensed p{margin:0}.connect-explainer-trigger{min-height:40px;color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:0 auto 16px;padding:8px;font-size:13px;text-decoration:underline;display:block}.connect-story{width:min(420px,100% - 32px)}.connect-story .connect-explainer-dialog__body{text-align:center}.connect-story__label{min-height:40px;color:var(--connect-guide-muted,#536078);font-variant-numeric:tabular-nums;padding:0 44px;font-size:13px;font-weight:600;line-height:40px;display:block}.connect-story__pages{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -30px;display:flex;overflow:auto hidden}.connect-story__pages::-webkit-scrollbar{display:none}.connect-story__page{box-sizing:border-box;scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;min-width:0;padding:0 30px;overflow:hidden}.connect-story__visual{--story-visual:min(250px, 34dvh);--how-accent:var(--identity-action,#1f5eff);--how-accent-text:var(--identity-action,#1f5eff);--how-tint:#eef3ff;--how-line:#c7d7ff;--how-soft:#f2f2f5;--how-muted:#68686f;height:var(--story-visual);opacity:0;place-items:center;margin:4px 0 16px;display:grid}.connect-story .how-stage{width:min(100%, calc(var(--story-visual) / .94))}.connect-story .how-stage:before{opacity:.1}.connect-explainer-dialog.connect-story h2{text-wrap:balance;padding:0;font-size:1.375rem;line-height:1.2}.connect-story__page>p{min-height:5.9em;color:var(--connect-guide-muted,#536078);text-wrap:balance;opacity:0;margin:10px 0 14px;font-size:.875rem;line-height:1.6}.connect-story__page>p small{color:var(--connect-guide-text,#172234);margin-top:6px;font-size:.8125rem;font-weight:600;display:block}.connect-story__page[data-active=true] .connect-story__visual{animation:.7s cubic-bezier(.2,.7,.2,1) forwards how-visual-in}.connect-story__page[data-active=true] .how-word{animation:.5s cubic-bezier(.2,.7,.2,1) forwards how-word-in;animation-delay:calc(var(--i) * 45ms + .12s)}.connect-story__page[data-active=true]>p{animation:.5s ease-out .4s forwards how-rise}.connect-story__form{text-align:left;background:#fff;border:1px solid #e3e8f1;border-radius:22px;gap:7px;width:min(100%,250px);padding:14px;font-size:13px;line-height:1.3;display:grid}.connect-story__form strong{letter-spacing:-.02em;color:#172234;font-size:15px}.connect-story__form span{color:#172234;opacity:0;border:1px solid #d5dce8;border-radius:12px;grid-template-columns:52px minmax(0,1fr);align-items:center;padding:9px 12px;display:grid}.connect-story__form small{color:#65738a;font-size:11px;font-weight:600}.connect-story__form b{color:var(--identity-on-action,#fff);background:var(--identity-action,#1f5eff);text-align:center;border-radius:12px;padding:9px;font-weight:600}.connect-story__page[data-active=true] .connect-story__form span{animation:.4s ease-out forwards how-rise}.connect-story__page[data-active=true] .connect-story__form span:first-of-type{animation-delay:.5s}.connect-story__page[data-active=true] .connect-story__form span:nth-of-type(2){animation-delay:.85s}.connect-story__page[data-active=true] .connect-story__form span:nth-of-type(3){animation-delay:1.2s}.connect-story__thread{text-align:left;background:#fff;border:1px solid #e3e8f1;border-radius:22px;gap:8px;width:min(100%,290px);padding:14px;font-size:13px;line-height:1.4;display:grid}.connect-story__thread small{color:#8a94a6;justify-self:center;font-size:11px}.connect-story__in,.connect-story__out{opacity:0;border-radius:18px;max-width:88%;padding:8px 12px}.connect-story__in{color:#172234;transform-origin:0 100%;background:#e9eef6;justify-self:start}.connect-story__out{color:#fff;transform-origin:100% 100%;background:#1f8bff;justify-self:end}@keyframes connect-story-bubble{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:none}}.connect-story__page[data-active=true] :is(.connect-story__in,.connect-story__out){animation:.28s cubic-bezier(.2,.9,.3,1.2) forwards connect-story-bubble}.connect-story__page[data-active=true] .connect-story__thread>:nth-child(2){animation-delay:.45s}.connect-story__page[data-active=true] .connect-story__thread>:nth-child(3){animation-delay:1s}.connect-story__page[data-active=true] .connect-story__thread>:nth-child(4){animation-delay:1.45s}.connect-story__dots{justify-content:center;gap:4px;display:flex}.connect-story__dots button{cursor:pointer;background:0 0;border:0;width:20px;height:20px;padding:0}.connect-story__dots button:before{content:"";background:#c9d2e0;border-radius:50%;width:7px;height:7px;margin:auto;transition:width .2s,background .2s;display:block}.connect-story__dots button[aria-current]:before{background:var(--identity-action,#1f5eff);border-radius:4px;width:18px}.connect-story .connect-explainer-dialog__actions{flex-direction:column;margin-top:12px}.connect-story .connect-explainer-dialog__actions .action-button{flex:none;width:100%;text-decoration:none}.connect-story__fine{color:var(--connect-guide-muted,#536078);margin-top:12px;font-size:.75rem;line-height:1.4;display:block}:root[data-app-theme=dark] .connect-story__visual{--how-soft:color-mix(in srgb, var(--app-text) 12%, transparent);--how-muted:var(--app-muted)}:root[data-app-theme=dark] :is(.connect-story__form,.connect-story__thread){border-color:var(--app-line);background:color-mix(in srgb, var(--app-text) 6%, transparent)}:root[data-app-theme=dark] .connect-story__form :is(strong,span){color:var(--app-text);border-color:var(--app-line)}:root[data-app-theme=dark] .connect-story__in{color:var(--app-text);background:color-mix(in srgb, var(--app-text) 12%, transparent)}@media (width<=520px){.connect-story__pages{margin:0 -20px}.connect-story__page{padding:0 20px}}@media (prefers-reduced-motion:reduce){.connect-story *,.connect-story :before{transition:none!important;animation:none!important}.connect-story :is(.connect-story__visual,.how-word,.connect-story__page>p,.connect-story__form span,.connect-story__in,.connect-story__out){opacity:1}.connect-story__pages{scroll-behavior:auto}}
