@layer components{.wa-workflow-art{position:relative}.wa-art-content{height:100%}.wa-art-replay{border:1px solid var(--line-soft);background:var(--surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:transform .18s ease-out;display:grid;position:absolute;bottom:8px;right:8px}.wa-art-replay:hover{transform:rotate(-25deg)}.wa-art-replay:focus-visible{outline:2px solid var(--wa-green);outline-offset:3px}.wa-personal-field{vertical-align:baseline;align-items:baseline;display:inline-grid;position:relative}.wa-field-token,.wa-field-value{grid-area:1/1}.wa-field-token{opacity:0;font-size:.48em;font-family:var(--font-mono);letter-spacing:-.09em;position:absolute;bottom:2px;left:0}@media (prefers-reduced-motion:no-preference){.wa-workflow-art[data-playing] .wa-account-tile{animation:.5s cubic-bezier(.22,1,.36,1) both wa-card-arrive}.wa-workflow-art[data-playing] .wa-number-tile{animation:.5s cubic-bezier(.22,1,.36,1) .18s both wa-card-arrive}.wa-workflow-art[data-playing] .wa-connection-line{transform-origin:top;animation:.35s ease-out .35s both wa-connect-line}.wa-workflow-art[data-playing] .wa-connected,.wa-workflow-art[data-playing] .wa-number-tile .wa-status-dot{animation:.3s cubic-bezier(.22,1,.36,1) .65s both wa-check-arrive}.wa-workflow-art[data-playing] .wa-field-token{animation:.38s .4s both wa-token-resolve}.wa-workflow-art[data-playing] .wa-field-value{animation:.42s cubic-bezier(.22,1,.36,1) .54s both wa-value-resolve}.wa-workflow-art[data-playing] .wa-track-check{animation:wa-check-arrive .3s var(--status-delay) cubic-bezier(.22, 1, .36, 1) both}.wa-workflow-art[data-playing] .wa-track-check~span,.wa-workflow-art[data-playing] .wa-track-check~small{animation:wa-status-arrive .3s var(--status-delay) ease-out both}.wa-workflow-art[data-playing] .wa-track-art>div:after{transform-origin:top;animation:wa-connect-line .3s calc(var(--status-delay) + .16s) linear both}}@media (prefers-reduced-motion:reduce){.wa-art-replay{display:none}}}@keyframes wa-card-arrive{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes wa-connect-line{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes wa-check-arrive{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes wa-token-resolve{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes wa-value-resolve{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes wa-status-arrive{0%{opacity:.25;transform:translate(4px)}to{opacity:1;transform:translate(0)}}