@layer theme,base;@layer components{.wf-art{position:absolute;inset:7% 12% 21%}.wf-card{height:17%;min-height:52px;box-shadow:var(--shadow-sm);box-sizing:border-box;font:600 14px/18px var(--font-sans);color:#07074d;z-index:2;background:#fff;border:1px solid #dfe3ee;border-radius:16px;align-items:center;gap:12px;padding:0 14px;display:flex;position:absolute;left:0;right:0}.wf-card em{color:#0457c8;background:#e6f0ff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.wf-card.trig em{color:#c8f560;background:#07074d}.wf-card small{font:500 10px/12px var(--font-mono);letter-spacing:.08em;color:#4a4f6e;display:block}.wf-card .txt{flex:1}.wf-ok{color:#fff;width:24px;height:24px;animation:9s var(--ease) infinite;background:#13804a;border-radius:999px;flex:none;place-items:center;display:grid;transform:scale(0)}.wf-c1{top:0}.wf-c2{top:27%}.wf-c3{top:54%}.wf-c4{top:81%}.wf-c1 .wf-ok{animation-name:wfOk1}.wf-c2 .wf-ok{animation-name:wfOk2}.wf-c3 .wf-ok{animation-name:wfOk3}.wf-c4 .wf-ok{animation-name:wfOk4}@keyframes wfOk1{0%,6%{transform:scale(0)}10%,90%{transform:scale(1)}96%,to{transform:scale(0)}}@keyframes wfOk2{0%,27%{transform:scale(0)}31%,90%{transform:scale(1)}96%,to{transform:scale(0)}}@keyframes wfOk3{0%,48%{transform:scale(0)}52%,90%{transform:scale(1)}96%,to{transform:scale(0)}}@keyframes wfOk4{0%,69%{transform:scale(0)}73%,90%{transform:scale(1)}96%,to{transform:scale(0)}}.wf-rail{z-index:1;background:repeating-linear-gradient(#c9dcff 0 6px,#0000 6px 12px);width:2px;position:absolute;top:8%;bottom:8%;left:31px}.wf-dot{box-sizing:border-box;z-index:3;width:16px;height:16px;animation:wfDot 9s var(--ease) infinite;background:#c8f560;border:3px solid #07074d;border-radius:999px;position:absolute;left:24px}@keyframes wfDot{0%{opacity:0;top:8%}6%{opacity:1;top:8%}12%{top:8%}27%{top:35%}33%{top:35%}48%{top:62%}54%{top:62%}69%{top:89%}76%,90%{opacity:1;top:89%}96%,to{opacity:0;top:89%}}.wf-zero{animation:wfZero 9s var(--ease) infinite;position:absolute;top:5%;right:5%}@keyframes wfZero{0%,72%{opacity:0;transform:translateY(-10px)}78%,92%{opacity:1;transform:none}98%,to{opacity:0}}}@layer utilities;