@font-face{font-family:AutomationGeist;src:url('/fonts/geist/Geist-Variable.woff2') format('woff2');font-display:swap}
.auto-document{margin:0;background:#fafafa}
.automation-visual{position:relative;container-type:inline-size;isolation:isolate;width:100%;height:430px;max-width:560px;margin:auto;overflow:hidden;color:#292d33;font:12px/1.4 Arial,Helvetica,sans-serif;text-align:left;background:radial-gradient(ellipse at 55% 60%,#edf4fb,transparent 70%)}
.automation-visual *{box-sizing:border-box}
.automation-visual .au-window{position:absolute;background:#fff;border:1px solid #e0e2e7;border-radius:8px;box-shadow:0 16px 30px -22px #263e6470;overflow:hidden}
.automation-visual .au-back{top:13px;left:7px;right:17px;transform:rotate(-.7deg);z-index:1}
.automation-visual .au-bar{display:flex;align-items:center;gap:7px;height:35px;padding:7px 10px;border-bottom:1px solid #e5e7eb}
.automation-visual .au-bar img{width:19px;height:19px;object-fit:contain}
.automation-visual .au-bar strong{font-size:13px;font-weight:600;white-space:nowrap}
.automation-visual .au-bar small{font-size:10px;color:#7a828d}
.automation-visual .au-more{margin-left:auto;color:#838e9c}
.automation-visual .au-search{border:1px solid #dddde1;border-radius:18px;padding:3px 7px;font-size:9px;color:#737780;margin-left:auto;white-space:nowrap}
.automation-visual .au-tag{padding:2px 5px;border-radius:3px;font-size:10px;line-height:1.4;background:#f1f2f4;color:#626971;white-space:nowrap}
.automation-visual .au-green{background:#e9f5ed;color:#2c744f}
.automation-visual .au-warning{color:#937039}
.automation-visual .au-reveal{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.7,.25,1),visibility .9s}
.automation-visual .au-reveal.is-revealed{opacity:1;visibility:visible;transform:translateY(0)}
.automation-visual .au-pipedrive{padding-left:29px;border-radius:6px;font-family:Arial,Helvetica,sans-serif}
.automation-visual .au-pd-rail{position:absolute;inset:0 auto 0 0;background:#211c50;color:#fff;width:29px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:3px 0}
.automation-visual .au-pd-rail>b{font:bold 28px/29px Arial}
.automation-visual .au-pd-rail>span{display:grid;place-items:center;width:23px;height:22px;border-radius:3px;font-size:16px}
.automation-visual .au-pd-rail .active{background:#6851dc}
.automation-visual .au-pd-rail>i{margin-top:auto;font-size:9px;font-style:normal}
.automation-visual .au-pending-crm{height:221px}
.automation-visual .au-pipedrive .au-bar strong{font-size:12px}
.automation-visual .au-identity{display:flex;align-items:baseline;gap:9px;padding:8px 10px 5px}
.automation-visual .au-identity>strong{font-size:15px;font-weight:500}
.automation-visual .au-identity>span{font-size:9px;color:#82878d}
.automation-visual .au-fields{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:5px 10px 7px;gap:8px;border-bottom:1px solid #e8e9ed}
.automation-visual .au-fields dt{font-size:9px;color:#7a808a;margin-bottom:2px}
.automation-visual .au-fields dd{font-size:11px;margin:0}
.automation-visual .au-manual{padding:7px 10px;font-size:9px;color:#707785;display:flex;flex-wrap:wrap;gap:3px 9px}
.automation-visual .au-clay{font-family:AutomationGeist,Arial,sans-serif;border-color:#e2e0ea;box-shadow:0 0 0 3px #f6f4fa,0 16px 30px -22px #263e6470}
.automation-visual .au-clay .au-bar strong{color:#17171a}
.automation-visual .au-conflict{top:150px;left:4%;right:10px;z-index:2}
.automation-visual table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}
.automation-visual th{background:#f7f7fa;color:#858996;text-align:left;font-size:10px;font-weight:400}
.automation-visual th,.automation-visual td{padding:6px 10px;border-bottom:1px solid #e7e8ee;border-right:1px solid #e7e8ee}
.automation-visual td small{display:block;color:#7c8290;font-size:9px}
.automation-visual footer{padding:6px 10px;font-size:9px;color:#7d8792;border-top:1px solid #e8ebef}
.automation-visual .au-conflict footer{color:#937039;border:0}
.automation-visual .au-gmail{font-family:Arial,Helvetica,sans-serif;border-radius:10px}
.automation-visual .au-gmail .au-bar{background:#f6f9fd;border:0}
.automation-visual .au-gmail .au-bar strong{font-size:14px;font-weight:400;color:#5f6368}
.automation-visual .au-gmail .au-search{background:#eaf1fb;border:0;padding-inline:12px}
.automation-visual .au-reply{top:270px;left:12%;right:5px;z-index:3}
.automation-visual .au-reply .au-bar{height:30px}
.automation-visual .au-mail-subject{font-size:11px;color:#202124;padding:4px 10px 1px}
.automation-visual .au-sender{display:flex;align-items:center;gap:6px;padding:3px 10px;font-size:9px;color:#7b7f85}
.automation-visual .au-sender>strong{color:#303134;font-weight:500}
.automation-visual .au-sender>i{width:19px;height:19px;border-radius:50%;background:#eddacd;color:#795e4d;display:grid;place-items:center;font-size:8px;font-style:normal}
.automation-visual .au-mail-body{font-size:11px;padding:4px 10px 7px;margin:0;color:#303134}
.automation-visual .au-pending{padding:4px 10px 5px;border-top:1px solid #eceef1;font-size:9px;color:#86652d;background:#fffdf8}
.automation-visual .au-pending>strong{display:block;font-size:9px;font-weight:500;margin-bottom:2px}
.automation-visual .au-n8n{font-family:AutomationGeist,Arial,sans-serif}
.automation-visual .au-n8n>.au-bar>.au-tag{margin-left:auto;font-size:9px}
.automation-visual .au-editor-tabs{height:26px;display:flex;justify-content:center;gap:15px;border-bottom:1px solid #e4e3e8;font-size:9px;color:#86818a;padding:4px 10px 0}
.automation-visual .au-editor-tabs>b{border-bottom:2px solid #ee806c;color:#e27461;font-weight:500;padding-bottom:5px}
.automation-visual .au-editor-tabs>small{margin-left:auto;font-size:8px;color:#638974}
.automation-visual .au-canvas{background:#faf9fb;background-image:radial-gradient(#d9d7df .65px,transparent .65px);background-size:12px 12px;padding:9px 8px}
.automation-visual .au-chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}
.automation-visual .au-chain>li{text-align:center;position:relative;min-width:0}
.automation-visual .au-node{position:relative;display:grid;place-items:center;width:35px;height:35px;background:#fff;border:1px solid #c8c6cf;border-radius:8px;margin:0 auto 5px;transition:border-color .9s}
.automation-visual .au-node::before,.automation-visual .au-node::after{content:'';position:absolute;width:4px;height:4px;background:#aaa6b4;top:15px;border-radius:50%}
.automation-visual .au-node::before{left:-3px}.automation-visual .au-node::after{right:-3px}
.automation-visual .au-node img{width:22px;height:22px;object-fit:contain}
.automation-visual .au-node svg{width:23px;height:23px;stroke:#42a775;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.automation-visual .au-node>i{position:absolute;bottom:-3px;right:-4px;background:#399d70;border-radius:50%;font-size:8px;width:12px;height:12px;color:white;font-style:normal;opacity:0;transition:opacity .9s}
.automation-visual .au-chain strong{font-size:10px;font-weight:500;display:block;white-space:nowrap}
.automation-visual .au-chain small{font-size:8px;color:#8b8794;display:block;margin-top:2px;white-space:nowrap}
.automation-visual .au-chain>li:not(:last-child)::after{content:'';position:absolute;left:calc(50% + 19px);width:calc(100% - 16px);top:17px;border-top:1px solid #b8b4c2;transition:border-color .9s}
.automation-visual .au-chain>li:not(:last-child)::before{content:'';position:absolute;left:calc(150% + 1px);top:14px;width:6px;height:6px;border-top:1px solid #b8b4c2;border-right:1px solid #b8b4c2;transform:rotate(45deg);transition:border-color .9s}
.automation-visual .au-chain>.is-revealed .au-node{border-color:#379c6f}
.automation-visual .au-chain>.is-revealed .au-node>i{opacity:1}
.automation-visual .au-chain>.is-revealed::after,.automation-visual .au-chain>.is-revealed::before{border-color:#379c6f}
.automation-visual .au-review-route{color:#8d7c5e;font-size:8px;padding:5px 0 7px;text-align:center}
.automation-visual .au-event-lane{padding-top:3px;border-top:1px dashed #dedbe4}
.automation-visual .au-event-lane .au-chain{padding-top:3px}
.automation-visual .au-engine{height:275px}
.automation-visual .au-updated-crm{top:251px;left:12%;right:5px;z-index:3;height:170px}
.automation-visual .au-saved{font-size:9px;padding:2px 5px;border-radius:3px;background:#e9f5eb;color:#34854c;margin-left:auto}
.automation-visual .au-record-id{padding:5px 9px 2px;font-size:9px;color:#79818a}
.automation-visual .au-pd-tabs{display:flex;gap:14px;height:24px;padding:4px 9px 0;font-size:9px;background:#f7f7f8;color:#747c87}
.automation-visual .au-pd-tabs>b{font-weight:500;color:#3175a1;border-bottom:2px solid #3f87b6}
.automation-visual .au-activity{margin:5px 7px 3px;display:flex;gap:7px;align-items:center;padding:5px 7px;border:1px solid #e6e6e9;background:#fff;border-radius:4px}
.automation-visual .au-activity>span{font-size:17px;color:#7e848b}
.automation-visual .au-activity strong{display:block;font-size:10px;font-weight:500}
.automation-visual .au-activity small{display:block;font-size:8px;color:#72827a;margin-top:2px}
.automation-visual .au-activity>i{margin-left:auto;font-style:normal;color:#34854c}
/* Shared provider chrome for the fixed-height deliverables. */
.automation-visual.auto-artifact{max-width:none;height:400px}
.auto-artifact .au-back{right:20px}
.auto-artifact .au-front{left:18%;right:4px;z-index:2}
.auto-artifact .au-research-flow{height:235px}
.auto-artifact .au-canvas{padding:15px 15px 12px}
.auto-artifact .au-chain strong{font-size:11px}
.auto-artifact .au-chain small{font-size:9px}
.auto-artifact .au-chain{gap:28px}
.auto-artifact .au-chain>li:not(:last-child)::after{width:calc(100% - 10px)}
.auto-artifact .au-chain>li:not(:last-child)::before{left:calc(150% + 7px)}
.auto-artifact .au-review-route{font-size:10px;padding:12px 0 5px}
.auto-artifact .au-research-flow .au-canvas{padding-top:8px}
.auto-artifact .au-research-flow .au-review-route{padding-top:5px}
.auto-artifact .au-input{font-size:10px;padding:7px 12px;color:#797b86;border-bottom:1px solid #e8e7ee}
.auto-artifact .au-input strong{font-weight:500;color:#424957;margin-left:7px}
.automation-visual .au-hubspot{color:#33475b;font-family:Arial,Helvetica,sans-serif;border-radius:6px}
.automation-visual .au-hubspot>.au-bar{background:#2d3e50;color:#fff;border:0}
.automation-visual .au-hubspot>.au-bar small{color:#c6d1dd}
.automation-visual .au-hs-identity{padding:8px 12px 5px}
.automation-visual .au-hs-identity strong{display:block;color:#008b9f;font-size:13px}
.automation-visual .au-hs-identity span{font-size:9px;color:#7e91a3}
.auto-artifact .au-research-result{top:207px}
.auto-artifact .au-research-result footer{padding-block:4px}
.automation-visual .au-result-fields{padding:0 12px 5px;margin:0}
.automation-visual .au-result-fields>div{display:grid;grid-template-columns:74px 1fr;gap:7px;border-bottom:1px solid #e5ebf1;padding:5px 0}
.automation-visual .au-result-fields dt{font-size:10px;color:#7a8c9d}
.automation-visual .au-result-fields dd{font-size:11px;margin:0}
.automation-visual .au-result-fields small{display:block;font-size:9px;color:#8794a3}
.auto-artifact .au-rules{height:306px}
.auto-artifact .au-source-table th:first-child{width:46%}
.auto-artifact .au-source-table td{height:40px;padding-block:6px;border-right:0}
.auto-artifact .au-source-table td>strong{display:block;font-size:11px;font-weight:500}
.auto-artifact .au-source-table td>small{font-size:9px}
.auto-artifact .au-source-table td img{display:inline-block;width:17px;height:17px;object-fit:contain;vertical-align:middle;margin-right:5px}
.auto-artifact .au-sync-result{top:280px}
.auto-artifact .au-sync-result .au-fields{padding-block:8px}
.auto-artifact .au-sync-result .au-fields dd{font-size:11px}
.auto-artifact .au-sync-result footer{color:#547b68}
.auto-artifact .au-execution{height:294px}
.auto-artifact .au-exec-event{display:flex;gap:7px;align-items:center;padding:9px 11px;background:#faf9fc;border-bottom:1px solid #e7e5ee}
.auto-artifact .au-exec-event>img{width:20px;height:20px;object-fit:contain}
.auto-artifact .au-exec-event strong{font-size:12px;display:block;font-weight:500}
.auto-artifact .au-exec-event small{font-size:9px;color:#838695}
.auto-artifact .au-actions{margin:0;padding:5px 12px;list-style:none}
.auto-artifact .au-actions>li{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #e7e9ef;font-size:11px}
.auto-artifact .au-actions img{width:18px;height:18px;object-fit:contain}
.auto-artifact .au-actions strong{display:block;font-size:11px;font-weight:500}
.auto-artifact .au-actions small{display:block;font-size:9px;color:#858493}
.auto-artifact .au-actions i{font-size:12px;color:#36966d;margin-left:auto;font-style:normal}
.auto-artifact .au-execution footer{font-size:9px;border:0;padding:5px 12px;color:#638775}
.auto-artifact .au-stopped{top:281px}
.auto-artifact .au-stopped .au-bar strong{color:#141518}
.auto-artifact .au-stopped .au-bar{height:32px}
.auto-artifact .au-lem-tabs{display:flex;gap:18px;padding:5px 11px 0;height:25px;color:#7f8794;border-bottom:1px solid #e5e8ee;font-size:9px}
.auto-artifact .au-lem-tabs b{font-weight:500;color:#3975d1;border-bottom:2px solid #4e85ee}
.auto-artifact .au-stopped-state{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:11px}
.auto-artifact .au-stopped footer{padding:4px 11px;font-size:9px}
@container(max-width:460px){
 .automation-visual .au-back{left:5px;right:10px}
 .automation-visual .au-identity{gap:6px;padding-inline:8px}
 .automation-visual .au-identity>strong{font-size:14px}
 .automation-visual .au-identity>span{font-size:8px}
 .automation-visual .au-manual{padding-inline:8px;gap:3px 6px;font-size:8px}
 .automation-visual .au-reply{left:4%;right:4px}
 .automation-visual .au-conflict{left:3%;right:7px}
 .automation-visual .au-bar small{font-size:9px}
 .automation-visual .au-chain{gap:16px}
 .automation-visual .au-chain strong{font-size:9px}
 .automation-visual .au-chain small{font-size:7px}
 .automation-visual .au-chain>li:not(:last-child)::after{width:calc(100% - 22px)}
 .automation-visual .au-chain>li:not(:last-child)::before{left:calc(150% - 5px)}
 .automation-visual .au-updated-crm{left:4%;right:4px}
 .automation-visual .au-record-id{font-size:8px}
 .automation-visual .au-activity strong{font-size:9px}
 .auto-artifact .au-front{left:5%;right:3px}
 .auto-artifact .au-canvas{padding-inline:8px}
 .auto-artifact .au-chain strong{font-size:10px}
 .auto-artifact .au-chain small{font-size:8px}
 .auto-artifact .au-review-route{font-size:9px}
 .auto-artifact .au-source-table td>strong{font-size:10px}
 .auto-artifact .au-source-table td>small{font-size:8px}
 .auto-artifact .au-source-table th,.auto-artifact .au-source-table td{padding-inline:8px}
 .auto-artifact .au-result-fields dd{font-size:10px}
 .auto-artifact .au-result-fields>div{grid-template-columns:63px 1fr}
 .auto-artifact .au-sync-result .au-fields dd{font-size:10px}
}
@media(max-width:760px){
 .automation-visual.auto-artifact{height:auto;max-width:none;overflow:visible}
 .auto-artifact>div{display:grid;gap:12px;padding:4px}
 .auto-artifact .au-window,.auto-artifact .au-back,.auto-artifact .au-front{position:relative;inset:auto;width:100%;height:auto;transform:none;z-index:auto}
 .auto-artifact .au-chain{grid-template-columns:1fr;gap:10px}
 .auto-artifact .au-chain>li{display:grid;grid-template-columns:35px minmax(0,1fr);gap:2px 10px;align-items:center;text-align:left;padding:5px 0}
 .auto-artifact .au-chain>li+li{border-top:1px solid #e8e6ee}
 .auto-artifact .au-chain .au-node{grid-row:span 2;margin:0}
 .auto-artifact .au-chain strong,.auto-artifact .au-chain small{font-size:11px;white-space:normal}
 .auto-artifact .au-chain>li::before,.auto-artifact .au-chain>li::after{display:none}
}
.automation-visual[data-paused=true] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.automation-visual *,.automation-visual *::before,.automation-visual *::after{animation:none!important;transition:none!important}}