.ill-stage{--ease:cubic-bezier(.22, 1, .36, 1);--t-short:.2s;--t-mid:.4s;--t-long:.8s}.ill-printed{isolation:isolate;border:1px solid var(--rule);border-radius:var(--radius);position:relative}.ill-printed:after{content:"";border:1px solid color-mix(in oklab, var(--foreground) 35%, transparent);border-radius:var(--radius);z-index:-1;pointer-events:none;position:absolute;inset:-1px;transform:translate(4px,4px)}.ill-disc{border-radius:50%}.ill-route{stroke-dasharray:1;stroke-dashoffset:0}.ill-stage[data-play=ready] .ill-route,.ill-stage[data-play=on] .ill-route{animation:ill-draw var(--t-long) var(--ease) both}.ill-stage[data-play=ready] *,.ill-stage[data-play=ready] .ill-route{animation-play-state:paused}.ill-stage[data-play=ready] .ill-fall,.ill-stage[data-play=on] .ill-fall{animation:ill-fall var(--t-long) var(--ease) .3s both}.ill-code{fill-opacity:1}.ill-stage[data-play=ready] .ill-code,.ill-stage[data-play=on] .ill-code{animation:ill-light var(--t-mid) var(--ease) 1.1s both}.ill-stage[data-play=ready] .ill-pass,.ill-stage[data-play=on] .ill-pass{animation:ill-pass calc(var(--t-long) * 2) var(--ease) .3s both}.ill-peel{opacity:0}.ill-stage[data-play=ready] .ill-peel,.ill-stage[data-play=on] .ill-peel{animation:ill-peel calc(var(--t-long) * 2) var(--ease) .3s both}.ill-signal{fill-opacity:1}.ill-stage[data-play=ready] .ill-signal,.ill-stage[data-play=on] .ill-signal{animation:ill-signal var(--t-short) var(--ease) both}.ill-signal-1{animation-delay:1s!important}.ill-signal-2{animation-delay:1.2s!important}.ill-signal-3{animation-delay:1.4s!important}.ill-stage[data-play=ready] .ill-hand,.ill-stage[data-play=on] .ill-hand{animation:ill-hand var(--t-long) var(--ease) .5s both}.ill-dim{fill-opacity:.25}.ill-stage[data-play=ready] .ill-dim,.ill-stage[data-play=on] .ill-dim{animation:ill-dim var(--t-mid) var(--ease) 1.1s both}.ill-stage[data-play=ready] .ill-brighten,.ill-stage[data-play=on] .ill-brighten{animation:ill-brighten var(--t-mid) var(--ease) 1.1s both}@keyframes ill-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ill-fall{0%{transform:translateY(var(--fall));opacity:0}30%{opacity:1}to{opacity:1;transform:none}}@keyframes ill-light{0%{fill-opacity:.22}to{fill-opacity:1}}@keyframes ill-pass{0%{transform:translate(var(--dx), var(--dy))}to{transform:none}}@keyframes ill-peel{0%{transform:translate(var(--dx), var(--dy));opacity:1}50%{opacity:1;transform:none}to{opacity:0;transform:translateY(26px)}}@keyframes ill-signal{0%{fill-opacity:.15}to{fill-opacity:1}}@keyframes ill-hand{0%{transform:translate(var(--dx), var(--dy))}50%{transform:translate(calc(var(--dx) / 2), calc(var(--dy) / 2 - 40px))}to{transform:none}}@keyframes ill-dim{0%{fill-opacity:1}to{fill-opacity:.25}}@keyframes ill-brighten{0%{fill-opacity:.25}to{fill-opacity:1}}.ill-stage[data-play=ready] .ill-sync,.ill-stage[data-play=on] .ill-sync{animation:ill-sync var(--t-mid) var(--ease) .8s both}.ill-sync-2{animation-delay:1s!important}.ill-sync-3{animation-delay:1.2s!important}.ill-sync-4{animation-delay:1.4s!important}@keyframes ill-sync{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ill-stage *{animation:none!important}}