.welcome-preview{width:min(342px,100%);padding-bottom:36px;position:relative}.welcome-preview-canvas{aspect-ratio:342/320;isolation:isolate;width:100%;position:relative}.welcome-plate{border:1px solid var(--welcome-edge);background:var(--welcome-fill);width:62%;height:41.25%;color:var(--welcome-ink);box-shadow:0 4px 20px var(--welcome-shadow);letter-spacing:1.8px;text-transform:uppercase;opacity:.76;border-radius:24px;justify-content:center;align-items:center;font-size:10px;font-weight:600;animation:6.4s cubic-bezier(.65,0,.35,1) infinite welcome-plate-pulse;display:flex;position:absolute;top:29.375%;left:19%}.welcome-remove{--welcome-ink:#ff6d5f;--welcome-fill:#ff6d5f1f;--welcome-edge:#ff6d5f59;--welcome-shadow:#ff6d5f1f;align-items:flex-start;padding-top:12px;top:5.625%}.welcome-keep{--welcome-ink:#2fc777;--welcome-fill:#2fc7771f;--welcome-edge:#2fc77759;--welcome-shadow:#2fc7771f;justify-content:flex-end;padding-right:14px;animation-delay:1.6s;left:37.72%}.welcome-later{--welcome-ink:#ffb245;--welcome-fill:#ffb24524;--welcome-edge:#ffb24559;--welcome-shadow:#ffb2451f;align-items:flex-end;padding-bottom:12px;animation-delay:3.2s;top:53.125%}.welcome-done{--welcome-ink:#2784ff;--welcome-fill:#2784ff1a;--welcome-edge:#2784ff59;--welcome-shadow:#2784ff1f;justify-content:flex-start;padding-left:14px;animation-delay:4.8s;left:.292%}.welcome-saved-card{z-index:2;background:#fffffff5;border:1px solid #ffffffd1;border-radius:24px;gap:14px;width:76%;padding:20px;animation:6.4s cubic-bezier(.65,0,.35,1) infinite welcome-card-swipe;display:grid;position:absolute;top:13.125%;left:12%;box-shadow:0 20px 40px #16161617}.welcome-author{align-items:center;gap:12px;display:flex}.welcome-avatar{color:#5f5f66;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.welcome-author strong{color:#161616;font-size:13px;font-weight:600;line-height:17px;display:block}.welcome-handle{color:#5f5f66;margin-top:2px;font-size:11px;line-height:14px;display:block}.welcome-saved-card p{color:#334155;letter-spacing:-.14px;margin:0;font-size:14px;font-weight:500;line-height:21px}.welcome-source{color:#5f5f66;letter-spacing:1.4px;text-transform:uppercase;border-top:1px solid #00000014;align-items:center;gap:6px;padding-top:12px;font-size:10px;line-height:14px;display:flex}.welcome-source>span{font-size:12px}.welcome-motion-control{color:#5f5f66;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:0;right:0}.welcome-motion-control:hover{background:#0000000a}.welcome-motion-control:focus-visible{outline-offset:2px;outline:2px solid #2784ff}.welcome-preview .welcome-plate,.welcome-preview .welcome-saved-card{animation-play-state:paused}.welcome-preview[data-running=true] .welcome-plate,.welcome-preview[data-running=true] .welcome-saved-card{animation-play-state:running}.connect-x-intro{gap:24px;width:100%;display:grid}.connect-x-intro .welcome-preview{justify-self:center}@media (width>=768px){.connect-x-intro{grid-template-columns:minmax(0,342px) minmax(0,1fr);align-items:center;gap:32px}}@media (width<=360px){.welcome-saved-card{gap:10px;padding:16px}.welcome-saved-card p{font-size:13px;line-height:19px}}@keyframes welcome-card-swipe{0%,3%,17%,28%,42%,53%,67%,78%,92%,to{transform:translate(0)rotate(0)scale(1)}10%{transform:translateY(-30px)rotate(-1.4deg)scale(1.018)}35%{transform:translate(32px)rotate(1.6deg)scale(1.018)}60%{transform:translateY(30px)rotate(1.1deg)scale(1.018)}85%{transform:translate(-32px)rotate(-1.6deg)scale(1.018)}}@keyframes welcome-plate-pulse{0%,3%,17%,to{opacity:.76;transform:scale(1)}10%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.welcome-preview .welcome-plate,.welcome-preview .welcome-saved-card{animation:none}.welcome-motion-control{display:none}}