.IntegrationFlow_preview__ZcnV_{min-width:0;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 16px 40px #172b1710;overflow:hidden;font-size:16px}.IntegrationFlow_toolbar__rJQyl{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line)}.IntegrationFlow_toolbar__rJQyl strong{line-height:1.3}.IntegrationFlow_toolbar__rJQyl button{display:flex;gap:8px;align-items:center;background:transparent;border:0;padding:8px;flex-shrink:0}.IntegrationFlow_preview__ZcnV_ button{font:inherit;color:#111;min-height:44px;cursor:pointer}.IntegrationFlow_preview__ZcnV_ button:focus-visible{outline:2px solid #111;outline-offset:3px}.IntegrationFlow_tabs__kQcau{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;padding:12px 20px 0}.IntegrationFlow_tabs__kQcau button{border:1px solid var(--line);background:white;border-radius:16px;padding:8px 4px;font-weight:700}.IntegrationFlow_tabs__kQcau button[aria-pressed=true]{background:#D4E83A;border-color:#D4E83A}.IntegrationFlow_tabs__kQcau small{display:block;font-size:13px;font-weight:400}.IntegrationFlow_panels__DCQGQ{display:grid;padding:20px}.IntegrationFlow_panel__Te_lj{grid-area:1/1;display:flex;flex-direction:column;gap:16px;visibility:hidden;opacity:0;min-width:0;transition:opacity .6s ease,visibility 0s linear .6s}.IntegrationFlow_panel__Te_lj[data-active=true]{visibility:visible;opacity:1;transition:opacity .6s ease,visibility 0s}.IntegrationFlow_panel__Te_lj h3{font-family:var(--font-inter),sans-serif;font-weight:800;line-height:1.25;letter-spacing:-.035em;margin:0}.IntegrationFlow_diagram__O7Gkc{background:#f8f9f4;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center}.IntegrationFlow_pair__dSjzn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;grid-gap:16px;gap:16px}.IntegrationFlow_node__bTzX3{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:12px 6px;border:1px solid var(--line);border-radius:12px;background:white;min-width:0}.IntegrationFlow_node__bTzX3 strong{font-size:15px;line-height:1.3}.IntegrationFlow_approval__n2OA1 span,.IntegrationFlow_destination__7sedT span,.IntegrationFlow_hub__hcUNx span,.IntegrationFlow_node__bTzX3 span{font-size:14px;color:#4b554e;line-height:1.4}.IntegrationFlow_preview__ZcnV_ .IntegrationFlow_diagram__O7Gkc img{width:38px;height:38px;flex-shrink:0;object-fit:contain}.IntegrationFlow_preview__ZcnV_ .IntegrationFlow_diagram__O7Gkc .IntegrationFlow_searchLogo__EjJBr{object-fit:cover;object-position:left}.IntegrationFlow_wire__rWCiq{display:block;height:30px;width:8px;background:linear-gradient(90deg,transparent 3px,#b9c9a7 0,#b9c9a7 5px,transparent 0);position:relative;justify-self:center;overflow:hidden;flex-shrink:0}.IntegrationFlow_wire__rWCiq:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#587a21;top:10px;left:1px}.IntegrationFlow_hub__hcUNx{width:100%;border-radius:12px;border:1px solid #dbe3ad;background:#F2F6DC;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.IntegrationFlow_preview__ZcnV_ .IntegrationFlow_hub__hcUNx img{width:152px;height:40px}.IntegrationFlow_result__UTT_w{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;color:#48513f;font-size:14px;text-align:center}.IntegrationFlow_result__UTT_w svg{width:18px;height:18px;flex-shrink:0}.IntegrationFlow_approval__n2OA1{width:100%;display:grid;grid-template-columns:24px 1fr;align-items:center;grid-gap:3px 10px;gap:3px 10px;padding:10px 12px;background:white;border:1px solid var(--line);border-radius:12px}.IntegrationFlow_approval__n2OA1 svg{grid-row:span 2}.IntegrationFlow_destination__7sedT{width:100%;display:flex;gap:10px;align-items:center;padding:10px 12px;background:white;border:1px solid var(--line);border-radius:12px}.IntegrationFlow_destination__7sedT div{display:flex;flex-direction:column;gap:4px}.IntegrationFlow_preview__ZcnV_ .IntegrationFlow_crmNode__NkmDp img{width:32px;height:36px;object-fit:contain}.IntegrationFlow_crmNode__NkmDp{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px;background:white;border:1px dashed #adb5a7;width:100%;border-radius:12px;padding:16px 10px}.IntegrationFlow_badge__GAGYO{font-size:13px;border-radius:999px;background:#f0f2ee;padding:4px 8px;white-space:nowrap}.IntegrationFlow_plannedWire__afiDj{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:13px;color:#56604d;padding:5px 0}.IntegrationFlow_plannedWire__afiDj>span:empty{height:12px;border-left:2px dashed #a6af9c}.IntegrationFlow_planned__c9uDE .IntegrationFlow_hub__hcUNx{background:white;border-style:dashed;border-color:#adb5a7}.IntegrationFlow_records__RzrMi{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px}.IntegrationFlow_records__RzrMi span{font-size:14px;border:1px solid var(--line);padding:5px 9px;background:white;border-radius:8px}.IntegrationFlow_preview__ZcnV_ .IntegrationFlow_explanation__zIM5o{margin:auto 0 0;font-size:16px;line-height:1.45}.IntegrationFlow_footer__GT9eO{border-top:1px solid var(--line);padding:12px 20px;margin:0;color:var(--muted);font-size:14px}.IntegrationFlow_preview__ZcnV_[data-running=true] .IntegrationFlow_panel__Te_lj[data-active=true] .IntegrationFlow_wire__rWCiq:after{animation:IntegrationFlow_flow__zJ0mU 3s linear infinite}@keyframes IntegrationFlow_flow__zJ0mU{0%{transform:translateY(-22px)}to{transform:translateY(24px)}}@media (max-width:700px){.IntegrationFlow_toolbar__rJQyl{padding:12px 16px}.IntegrationFlow_panels__DCQGQ{padding:16px}.IntegrationFlow_footer__GT9eO{padding:12px 16px}}@media (max-width:520px){.IntegrationFlow_tabs__kQcau{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.IntegrationFlow_diagram__O7Gkc{padding:12px}.IntegrationFlow_pair__dSjzn{gap:8px}.IntegrationFlow_tabs__kQcau{padding:12px 16px 0}.IntegrationFlow_node__bTzX3 strong{font-size:14px}}@media (prefers-reduced-motion:reduce){.IntegrationFlow_preview__ZcnV_ *,.IntegrationFlow_preview__ZcnV_ :after{animation:none!important;transition:none!important}}.IntegrationFlow_output__DQwG8{width:100%;display:grid;grid-gap:8px;gap:8px;padding:12px;background:#f7f5ef;border:1px solid #141414;border-radius:12px}.IntegrationFlow_outputLabel__H_UaK{font-size:13px;font-weight:700;color:#141414}.IntegrationFlow_outputLabel__H_UaK em{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#141414;color:#f7f5ef;border-radius:4px;padding:1px 6px;margin-left:4px}.IntegrationFlow_tiles__ATDUn{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));grid-gap:6px;gap:6px}.IntegrationFlow_tiles__ATDUn span{display:grid;grid-gap:2px;gap:2px;background:white;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.IntegrationFlow_tiles__ATDUn small{font-size:12px;color:#4b554e}.IntegrationFlow_tiles__ATDUn strong{font-size:18px;line-height:1.2}.IntegrationFlow_outputLine__Bn9eE{margin:0;display:grid;grid-gap:2px;gap:2px;background:white;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:14px}.IntegrationFlow_outputLine__Bn9eE span{color:#4b554e;font-size:13px}.IntegrationFlow_approval__n2OA1 s{color:#7a8274}.IntegrationFlow_dimmed__DLh3b .IntegrationFlow_diagram__O7Gkc,.IntegrationFlow_dimmed__DLh3b .IntegrationFlow_explanation__zIM5o,.IntegrationFlow_dimmed__DLh3b h3{opacity:.6}.IntegrationFlow_tabs__kQcau button[data-soon]{color:#6b7462;border-style:dashed}