.at-fig .at-scaler{position:relative;overflow:hidden;margin:0 auto;width:100%;max-width:960px;aspect-ratio:960 / 560}.at-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.at{--at-ink: #0E1633;--at-muted: #555555;--at-line: #E5E5E5;--at-panel: #F8F8F8;--at-blue: #2E5E98;--at-teal: #257E8A;--at-teal-soft: #E3F1F3;--at-amber: #8F5A0A;--at-amber-soft: #F6EBD8;--at-green: #3F6E54;--at-green-soft: #E6EFE9;width:960px;height:560px;padding:20px 24px;border-radius:16px;background:#fff;color:var(--at-ink);border:1px solid var(--at-line);box-shadow:0 30px 60px -30px #0e163359;position:relative;display:grid;grid-template-columns:250px minmax(0,1fr) 236px;grid-template-rows:auto minmax(0,1fr);gap:14px 16px;font-family:Mulish Variable,Mulish,ui-sans-serif,system-ui,sans-serif;line-height:1.4;text-align:left;-webkit-font-smoothing:antialiased}.at *,.at *:before,.at *:after{box-sizing:border-box}.at .ag-ico{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:block}.at-top{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center}.at-h{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em}.at-sub{display:block;font-size:11.5px;color:var(--at-muted);font-family:IBM Plex Mono,ui-monospace,monospace;margin-top:2px}.at-pill{display:grid;justify-items:end}.at-pill>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;padding:5px 12px;border-radius:999px;white-space:nowrap;transition:opacity .3s}.at-pill i{width:8px;height:8px;border-radius:50%;background:currentColor}.at-pill-a{color:var(--at-teal);background:var(--at-teal-soft);opacity:0}.at-pill-w{color:var(--at-amber);background:var(--at-amber-soft);opacity:0}.at-pill-b{color:var(--at-green);background:var(--at-green-soft)}.at-sec{display:block;font-size:10px;font-weight:800;color:var(--at-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.at-inbox{display:grid;align-content:start;gap:8px}.at-rep{border:1px solid var(--at-line);border-radius:12px;padding:10px 12px;display:grid;gap:5px;transition:border-color .3s,box-shadow .3s,opacity .3s}.at-rep-h{display:flex;justify-content:space-between;align-items:center}.at-rep-h em{font-style:normal;font-size:9.5px;font-weight:800;color:var(--at-blue);background:#eaf0f8;padding:1px 7px;border-radius:999px}.at-rep-h small{font-size:10px;color:var(--at-muted);font-variant-numeric:tabular-nums}.at-rep-t{font-size:11px;line-height:1.5;color:var(--at-ink)}.at-out{display:inline-flex;align-items:center;gap:5px;justify-self:start;font-size:10px;font-weight:800;color:var(--at-green);background:var(--at-green-soft);padding:2px 8px;border-radius:999px;transition:opacity .3s,transform .3s}.at-rep.at-active{border-color:var(--at-teal);box-shadow:0 0 0 4px var(--at-teal-soft)}.at-run{background:var(--at-panel);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;min-width:0}.at-steps{list-style:none;margin:0;padding:0;display:grid;gap:7px}.at-step{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;align-items:center;background:#fff;border:1px solid var(--at-line);border-radius:12px;padding:8px 11px;transition:opacity .35s,transform .35s,border-color .3s}.at-dot{width:22px;height:22px;border-radius:50%;background:var(--at-green);color:#fff;display:grid;place-items:center}.at-dot>*{grid-area:1 / 1;transition:opacity .2s}.at-spin{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;opacity:0;animation:at-rot .7s linear infinite}@keyframes at-rot{to{transform:rotate(360deg)}}.at-k{display:flex;justify-content:space-between;align-items:center;gap:8px}.at-k b{font-size:11.5px;font-weight:800}.at-d{display:block;font-size:11px;color:var(--at-muted);margin-top:1px}.at-step code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9.5px;color:var(--at-blue);background:#eaf0f8;padding:1px 6px;border-radius:5px}.at-gate code{color:var(--at-amber);background:var(--at-amber-soft)}.at-then{margin-top:auto;display:grid;gap:6px;padding-top:10px}.at-mini{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;font-size:11px;background:#fff;border:1px solid var(--at-line);border-radius:10px;padding:7px 10px;transition:opacity .35s,transform .35s}.at-mini b{font-weight:800}.at-mini span{color:var(--at-muted)}.at-side{display:grid;align-content:start;gap:12px}.at-appr{border:1.5px solid #E6CD9F;background:var(--at-amber-soft);border-radius:14px;padding:12px;display:grid;gap:6px;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s}.at-appr-t{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:var(--at-amber);text-transform:uppercase;letter-spacing:.06em}.at-appr b{font-size:13px;font-weight:800}.at-appr-d{font-size:10.5px;color:var(--at-muted);line-height:1.5}.at-btns{display:flex;gap:6px;margin-top:2px;transition:opacity .3s}.at-btns span{font-size:11px;font-weight:800;padding:6px 12px;border-radius:9px}.at-yes{background:var(--at-ink);color:#fff;transition:transform .15s}.at-chg{background:#fff;color:var(--at-ink);border:1px solid var(--at-line)}.at-ok{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;color:var(--at-green);transition:opacity .3s}.at-btns{display:none}.at-log{background:var(--at-ink);color:#c9d2e6;border-radius:12px;padding:10px 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9.5px;display:grid;gap:3px}.at-log .at-sec{color:#7f8aa6;font-family:Mulish Variable,Mulish,ui-sans-serif,system-ui,sans-serif;margin-bottom:4px}.at-ln{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;transition:opacity .3s}.at-ln span:first-child{color:#7f8aa6}.at-tap{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#0e163326;border:2px solid rgba(14,22,51,.35);pointer-events:none;opacity:0;z-index:9}.at-tap.at-go{animation:at-tap .65s ease-out both}@keyframes at-tap{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.at.at-armed .at-pill-b{opacity:0}.at.at-armed:not(.a-wait):not(.a-done) .at-pill-a{opacity:1}.at.at-armed.a-wait:not(.a-ok) .at-pill-w{opacity:1}.at.at-armed.a-ok:not(.a-done) .at-pill-a{opacity:1}.at.at-armed.a-done .at-pill-b{opacity:1}.at.at-armed .at-out{opacity:0;transform:translateY(4px)}.at.at-armed .at-rep.at-handled .at-out{opacity:1;transform:none}.at.at-armed .at-step{opacity:0;transform:translateY(6px)}.at.at-armed .at-step.at-on{opacity:1;transform:none}.at.at-armed .at-step.at-on:not(.at-fin) .at-dot{background:var(--at-teal)}.at.at-armed .at-step.at-on:not(.at-fin) .at-spin{opacity:1}.at.at-armed .at-step.at-on:not(.at-fin) .ag-ico{opacity:0}.at.at-armed .at-gate.at-on:not(.at-fin){border-color:#e6cd9f}.at.at-armed .at-gate.at-on:not(.at-fin) .at-dot{background:var(--at-amber)}.at.at-armed .at-gate.at-on:not(.at-fin) .at-spin{animation-duration:1.6s}.at.at-armed .at-mini{opacity:0;transform:translateY(6px)}.at.at-armed .at-mini.at-on{opacity:1;transform:none}.at.at-armed:not(.a-wait) .at-appr{opacity:0;transform:translateY(10px)}.at.at-armed.a-wait:not(.a-ok) .at-btns{display:flex}.at.at-armed.a-wait:not(.a-ok) .at-ok{display:none}.at.at-armed.a-ok .at-appr{border-color:#b9cfc1;background:var(--at-green-soft)}.at.at-armed.a-ok .at-appr-t{color:var(--at-green)}.at-appr-t{transition:color .3s}.at.at-armed .at-ln:not(.at-on){opacity:0}.at:not(.at-armed) .at-appr,.at.a-ok .at-appr{border-color:#b9cfc1;background:var(--at-green-soft)}.at:not(.at-armed) .at-appr-t{color:var(--at-green)}.at.at-narrow{width:360px;height:auto;grid-template-columns:minmax(0,1fr);padding:16px}.at.at-narrow .at-top{flex-direction:column;align-items:flex-start;gap:8px}.at.at-narrow .at-pill{justify-items:start}.at.at-narrow .at-inbox,.at.at-narrow .at-log{display:none}.at.at-narrow .at-sec{margin-bottom:6px}@media(prefers-reduced-motion:reduce){.at *,.at *:before,.at *:after{animation:none!important;transition:none!important}}
