.focus-fill>*{animation:.42s cubic-bezier(.2,.8,.2,1) both demo-fill;animation-delay:calc(var(--n,0) * 32ms)}@keyframes demo-fill{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.phase-fill{pointer-events:none;background:#634c91;border-radius:2px;height:2px;margin-top:-.5px;transition:width .6s cubic-bezier(.65,0,.35,1);position:absolute;top:18px;left:5%}.wb-field-on{animation:.7s ease-out demo-zone-pulse}@keyframes demo-zone-pulse{0%{box-shadow:0 0 #c9a22799,0 0 0 2px #c9a2274d}to{box-shadow:0 0 0 12px #c9a22700,0 0 0 2px #c9a2274d}}.wb-swap{animation:.35s both demo-swap;display:block}@keyframes demo-swap{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}