/* Example enquiry workflow in cobalt blues: the desktop shows the workflow running step by
   step, the phone shows the same steps arriving as activity. The surrounding device frames
   belong to service-scroll.css. */
.service-media--automation{position:relative}
.service-media--automation>.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.automation-demo .service-screen{background:#f3f6fb}
.automation-demo .automation-ui{display:block;width:100%;height:100%;font-family:Switzer,'Segoe UI',Arial,sans-serif}
.automation-ui .auto-bg{fill:#f3f6fb}
.automation-ui .auto-panel{fill:#fff}
.automation-ui .auto-rule{stroke:#e3e9f3;stroke-width:1;fill:none}
.automation-ui .auto-accent{fill:#3559c7}
.automation-ui .auto-soft{fill:#eaf0ff}
.automation-ui .auto-ink{fill:#19263c}
.automation-ui .auto-ink-soft{fill:#3d4860}
.automation-ui .auto-muted{fill:#73829b}
.automation-ui .auto-green{fill:#3559c7}
.automation-ui .auto-on-accent-soft{fill:rgba(255,255,255,.78)}
.automation-ui .auto-dot{fill:#dde4f0}
.automation-ui .auto-canvas{fill:#fff;stroke:#dce5f6;stroke-width:1}
.automation-ui .auto-icon{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.automation-ui .auto-path{fill:none;stroke:#dce5f6;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 5}
.automation-ui .auto-path-progress{stroke:#3964ed;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--auto-progress,1))}
.automation-ui .auto-signal{fill:#3964ed;stroke:#fff;stroke-width:2;opacity:0}
/* Steps and activity share three states: waiting, running and done. */
.automation-ui .auto-node,.automation-ui .auto-note{transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1)}
.automation-ui .auto-node-card,.automation-ui .auto-note-card{fill:#fff;stroke:#dce5f6;stroke-width:1;transition:stroke .4s}
.automation-ui .auto-tile{fill:#eaf0ff;transition:fill .4s}
.automation-ui .auto-tile-icon{color:#3559c7;transition:color .3s}
.automation-ui .auto-badge{color:#fff;transition:opacity .3s}
.automation-ui .auto-badge circle{fill:#3964ed;stroke:#fff;stroke-width:1.5}
.automation-ui .auto-badge .auto-icon{stroke-width:3}
.automation-ui .auto-kicker{fill:#3964ed}
.automation-ui .auto-node-label{fill:#19263c;transition:fill .4s}
.automation-ui .auto-status-dot{fill:#3964ed}
.automation-ui .auto-status{fill:#3559c7}
.automation-ui .is-current .auto-node-card,.automation-ui .is-current .auto-note-card{stroke:#3964ed;stroke-width:1.5}
.automation-ui .auto-node.is-current{filter:drop-shadow(0 8px 14px rgba(21,45,85,.16))}
.automation-ui .is-current .auto-tile{fill:#3559c7}
.automation-ui .is-current .auto-tile-icon{color:#fff}
.automation-ui .is-current .auto-badge,.automation-ui .is-waiting .auto-badge{opacity:0}
.automation-ui .is-current .auto-status-dot{opacity:var(--auto-pulse,1)}
.automation-ui .is-current .auto-status{fill:#2d4fc0}
.automation-ui .auto-node.is-waiting .auto-tile{fill:#eff2f8}
.automation-ui .auto-node.is-waiting .auto-tile-icon{color:#97a6c1}
.automation-ui .auto-node.is-waiting .auto-node-label,.automation-ui .auto-node.is-waiting .auto-kicker{fill:#91a0b8}
.automation-ui .auto-node.is-waiting .auto-status-dot{fill:#c9d2e2}
.automation-ui .auto-node.is-waiting .auto-status{fill:#91a0b8}
.automation-ui .auto-note.is-waiting{opacity:0;transform:translateY(12px)}
@media(prefers-reduced-motion:reduce){.automation-ui .auto-node,.automation-ui .auto-note,.automation-ui .auto-node-card,.automation-ui .auto-note-card,.automation-ui .auto-tile,.automation-ui .auto-tile-icon,.automation-ui .auto-badge,.automation-ui .auto-node-label{transition:none}}