.automation-anim{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.anim-node{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-secondary);display:flex;flex-direction:column;position:relative;overflow:hidden}.anim-node__header{padding:20px;display:flex;flex-direction:row;gap:8px;align-items:center}.anim-node__body{display:flex;flex-direction:row;gap:12px;align-items:flex-start;flex:1;min-width:0}.anim-node__icon{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.anim-node__icon svg{width:20px;height:20px}.anim-node__content{display:flex;flex-direction:column;flex:1;min-width:0}.anim-node__breadcrumbs{display:flex;flex-direction:row;gap:4px;align-items:center}.anim-node__crumb{color:var(--fg-breadcrumb);font-family:var(--font-family);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:var(--font-regular)}.anim-node__chevron{flex-shrink:0;width:16px;height:16px}.anim-node__desc{color:var(--text-primary);font-family:var(--font-family);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anim-node__badges{display:flex;gap:6px;align-items:center;flex-shrink:0}.anim-node__variable{flex-shrink:0;width:20px;height:20px}.anim-node__badge{background:#542c0d;border-radius:var(--radius-full);border:1px solid #854a0e;padding:2px 8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.anim-node__badge-label{color:#fde272;font-family:var(--font-family);font-size:var(--text-xs);line-height:var(--text-xs-lh);font-weight:var(--font-medium)}.anim-node__toggle{width:36px;height:20px;border-radius:var(--radius-full);background:var(--brand-solid);display:flex;align-items:center;justify-content:flex-end;padding:2px;flex-shrink:0}.anim-node__toggle-knob{width:16px;height:16px;border-radius:var(--radius-full);background:#fff}.anim-node__kebab{flex-shrink:0;width:20px;height:20px;color:var(--fg-senary)}.anim-node--disabled .anim-node__body,.anim-node--disabled .anim-node__badges{opacity:.45}.anim-node--disabled .anim-node__toggle{background:var(--bg-quaternary);justify-content:flex-start}.step-check{width:20px;height:20px;position:relative;flex-shrink:0;overflow:hidden}.step-check__base{background:var(--bg-success);border-radius:50%;width:20px;height:20px;position:absolute;left:0;top:0}.step-check__icon{width:16px;height:16px;position:absolute;left:2px;top:2px}.device-square{border-radius:var(--radius-sm);outline:2px solid var(--bg-secondary);width:24px;height:24px;position:relative;flex-shrink:0;overflow:hidden}.device-square__gradient{background:var(--gradient-blue);border-radius:var(--radius-sm);position:absolute;inset:0}.device-square--blue .device-square__gradient{background:var(--gradient-blue)}.device-square--purple .device-square__gradient{background:var(--gradient-purple)}.device-square--green .device-square__gradient{background:var(--gradient-green)}.device-square--cerulean .device-square__gradient{background:var(--gradient-cerulean)}.device-square--orange .device-square__gradient{background:var(--gradient-orange)}.device-square--red .device-square__gradient{background:var(--gradient-red)}.device-square--pink .device-square__gradient{background:var(--gradient-pink)}.device-square--navy .device-square__gradient{background:var(--gradient-navy)}.device-square__contrast{border-radius:var(--radius-sm);border:.75px solid rgba(255,255,255,.12);position:absolute;inset:0}.device-square__icon{width:12px;height:12px;position:absolute;left:6px;top:6px}.device-square__icon svg{width:100%;height:100%;display:block}.anim-connector{position:relative;width:2px;height:48px;background:var(--bg-quaternary);margin:0 auto}.anim-spacer{height:48px}.device-pulse-ring{width:0;height:0;border-radius:50%;border:2px solid rgba(255,255,255,.5);transform:translate(50%,-50%);pointer-events:none;opacity:0}.device-pulse-ring.active{animation:device-pulse 1.6s cubic-bezier(.16,1,.3,1) forwards}@keyframes device-pulse{0%{width:24px;height:24px;opacity:.7}to{width:280px;height:280px;opacity:0}}@keyframes check-pulse{0%{width:20px;height:20px;opacity:.6}to{width:60px;height:60px;opacity:0}}@media(max-width:64rem){.automation-anim{transform:scale(.78);transform-origin:center center}}@media(max-width:48rem){.automation-anim{display:none}}@media(prefers-reduced-motion:reduce){.automation-anim *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.device-pulse-ring{display:none!important}}