.wf{margin:0}.wf-window{background:var(--ds-background-100);box-shadow:var(--ds-shadow-border), var(--ds-shadow-medium);border-radius:12px;overflow:hidden}.wf-chrome{height:40px;box-shadow:0 1px 0 0 var(--ds-gray-alpha-400);align-items:center;gap:8px;padding:0 16px;display:flex}.wf-dot{background:var(--ds-gray-alpha-400);border-radius:9999px;width:10px;height:10px}.wf-body{gap:14px;padding:20px;display:grid}.wf-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wf-chip{height:30px;color:var(--ds-gray-1000);background:var(--ds-gray-100);box-shadow:var(--ds-shadow-border);border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.wf-v{font-family:var(--font-stack-mono);color:var(--ds-gray-900);font-size:12px;line-height:16px}.wf-v-new{color:var(--ds-gray-1000)}.wf-trace{box-shadow:var(--ds-shadow-border);border-radius:8px;gap:2px;margin:0;padding:6px 0;list-style:none;display:grid}.wf-step{align-items:center;gap:10px;height:36px;padding:0 12px;display:flex}.wf-swap{align-items:center;display:inline-grid}.wf-swap>*{grid-area:1/1}.wf-status{place-items:center;width:16px;height:16px}.wf-check{width:16px;height:16px;color:var(--ds-green-900)}.wf-spin{border:1.5px solid var(--ds-gray-alpha-400);border-top-color:var(--ds-gray-1000);border-radius:9999px;width:12px;height:12px;animation:.8s linear infinite wf-rotate}@keyframes wf-rotate{to{transform:rotate(360deg)}}.wf-learn{background:var(--ds-gray-100);border-radius:8px;gap:6px;padding:10px 12px;display:grid}.wf-add{color:var(--ds-green-900)}.wf-review{box-shadow:var(--ds-shadow-border);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.wf-avatar{background:var(--ds-gray-1000);width:32px;height:32px;color:var(--ds-background-100);border-radius:9999px;flex:none;place-items:center;font-size:12px;font-weight:500;display:grid}.wf-ok{color:var(--ds-green-900)}.wf-approve{background:var(--ds-gray-1000);height:32px;color:var(--ds-background-100);border-radius:9999px;flex:none;align-items:center;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.wf-ship{box-shadow:var(--ds-shadow-border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.wf-badge{height:24px;color:var(--ds-green-900);background:var(--ds-green-100);border-radius:9999px;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.wf-in,.wf-before,.wf-after,.wf-approve{animation-duration:14s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;animation-fill-mode:both}.wf-k1{animation-name:wf-k1}.wf-t1{animation-name:wf-t1}.wf-t2{animation-name:wf-t2}.wf-t3{animation-name:wf-t3}.wf-k2{animation-name:wf-k2}.wf-k3{animation-name:wf-k3}.wf-k4{animation-name:wf-k4}@keyframes wf-k1{0%{opacity:0;transform:translateY(6px)}3%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes wf-t1{0%,8%{opacity:0;transform:translateY(6px)}11%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes wf-t2{0%,16%{opacity:0;transform:translateY(6px)}19%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes wf-t3{0%,24%{opacity:0;transform:translateY(6px)}27%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes wf-k2{0%,37%{opacity:0;transform:translateY(6px)}40%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes wf-k3{0%,48%{opacity:0;transform:translateY(6px)}51%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes wf-k4{0%,70%{opacity:0;transform:translateY(6px)}73%,93%{opacity:1;transform:none}to{opacity:0}}.wf-s1>.wf-before{animation-name:wf-out-16}.wf-s1>.wf-after{animation-name:wf-on-16}.wf-s2>.wf-before{animation-name:wf-out-24}.wf-s2>.wf-after{animation-name:wf-on-24}.wf-s3>.wf-before{animation-name:wf-out-33}.wf-s3>.wf-after{animation-name:wf-on-33}.wf-before.wf-v{animation-name:wf-out-42}.wf-after.wf-v{animation-name:wf-on-42}.wf-before.wf-r{animation-name:wf-out-62}.wf-after.wf-r{animation-name:wf-on-62}@keyframes wf-out-16{0%,15%{opacity:1}16%,to{opacity:0}}@keyframes wf-on-16{0%,15%{opacity:0;transform:scale(.6)}17%,to{opacity:1;transform:none}}@keyframes wf-out-24{0%,23%{opacity:1}24%,to{opacity:0}}@keyframes wf-on-24{0%,23%{opacity:0;transform:scale(.6)}25%,to{opacity:1;transform:none}}@keyframes wf-out-33{0%,32%{opacity:1}33%,to{opacity:0}}@keyframes wf-on-33{0%,32%{opacity:0;transform:scale(.6)}34%,to{opacity:1;transform:none}}@keyframes wf-out-42{0%,41%{opacity:1}42%,to{opacity:0}}@keyframes wf-on-42{0%,41%{opacity:0;transform:translateY(4px)}43%,to{opacity:1;transform:none}}@keyframes wf-out-62{0%,61%{opacity:1}62%,to{opacity:0}}@keyframes wf-on-62{0%,61%{opacity:0}63%,to{opacity:1}}.wf-approve{animation-name:wf-press}@keyframes wf-press{0%,58%{transform:none}60%{transform:scale(.94)}62%{background:var(--ds-gray-1000);color:var(--ds-background-100);transform:none}64%,to{background:var(--ds-gray-100);color:var(--ds-gray-900);box-shadow:var(--ds-shadow-border)}}@media (prefers-reduced-motion:reduce){.wf-in,.wf-before,.wf-after,.wf-approve,.wf-spin{animation:none}.wf-in,.wf-after{opacity:1;transform:none}.wf-before{opacity:0}.wf-approve{background:var(--ds-gray-100);color:var(--ds-gray-900);box-shadow:var(--ds-shadow-border)}}