.td-motion{--td-ink:#111318;--td-accent:#c26f00;vertical-align:middle;display:inline-block}.td-motion *{transform-box:fill-box;transform-origin:50%}.td-motion .ink{fill:var(--td-ink)}.td-motion .acc{fill:var(--td-accent)}.td-motion .ring{fill:none;stroke:var(--td-accent);stroke-width:1.5px}@keyframes td-intro-l{0%{opacity:0;transform:translate(-52px)}to{opacity:1;transform:translate(0)}}@keyframes td-intro-r{0%{opacity:0;transform:translate(52px)}to{opacity:1;transform:translate(0)}}@keyframes td-intro-pop{0%,72%{transform:scale(1)}84%{transform:scale(1.12)}to{transform:scale(1)}}.td-intro .l{animation:.8s cubic-bezier(.2,.8,.2,1) both td-intro-l}.td-intro .r{animation:.8s cubic-bezier(.2,.8,.2,1) both td-intro-r}.td-intro .p{animation:1.1s ease-out both td-intro-pop}@keyframes td-spin{to{transform:rotate(360deg)}}.td-spin .g{animation:1.1s linear infinite td-spin}@keyframes td-scan{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(-10.8px)}}.td-scan .r{animation:1.4s ease-in-out infinite td-scan}@keyframes td-ok-l{0%{transform:translate(-30px)}to{transform:translate(0)}}@keyframes td-ok-r{0%{transform:translate(30px)}to{transform:translate(0)}}@keyframes td-ok-ring{0%{opacity:0;transform:scale(1)}12%{opacity:.7}to{opacity:0;transform:scale(3)}}@keyframes td-ok-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.td-ok .l{animation:.6s cubic-bezier(.2,.8,.2,1) both td-ok-l}.td-ok .r{animation:.6s cubic-bezier(.2,.8,.2,1) both td-ok-r}.td-ok .ring{animation:.9s ease-out .55s both td-ok-ring}.td-ok .pop{animation:.5s ease-out .55s both td-ok-pop}@keyframes td-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@keyframes td-pulse{0%,to{transform:scale(1)}30%{transform:scale(1.15)}}.td-new .r1{animation:2s ease-out infinite td-ripple}.td-new .r2{animation:2s ease-out .7s infinite td-ripple}.td-new .r{animation:2s ease-out infinite td-pulse}@keyframes td-err-l{0%{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-2px)}60%{transform:translate(0)}to{transform:translate(-7.2px)}}@keyframes td-err-r{0%{opacity:1;transform:translate(0)}15%{transform:translate(3px)}30%{transform:translate(-3px)}45%{transform:translate(2px)}60%{transform:translate(0)}to{opacity:.45;transform:translate(7.2px)}}.td-err .l{animation:.9s ease-in-out both td-err-l}.td-err .r{animation:.9s ease-in-out both td-err-r}@keyframes td-send{0%{transform:translate(0)}45%{transform:translate(10.8px)}to{transform:translate(0)}}@keyframes td-recv{0%,42%{transform:scale(1)}52%{transform:scale(1.15)}70%,to{transform:scale(1)}}.td-send .l{animation:1s cubic-bezier(.2,.8,.2,1) both td-send}.td-send .r{animation:1s ease-out both td-recv}.td-send.td-loop .l,.td-send.td-loop .r{animation-duration:1.8s;animation-iteration-count:infinite}@keyframes td-breath{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.td-breath .l{animation:3.6s ease-in-out infinite td-breath}.td-breath .r{animation:3.6s ease-in-out 1.8s infinite td-breath}@keyframes td-type{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-7px)}}.td-type .l{animation:1.2s ease-in-out infinite td-type}.td-type .r{animation:1.2s ease-in-out .2s infinite td-type}@keyframes td-swap-l{0%{transform:translate(0)}45%,55%{transform:translate(28.8px)}to{transform:translate(0)}}@keyframes td-swap-r{0%{opacity:1;transform:translate(0)}25%{opacity:.5}45%,55%{opacity:1;transform:translate(-28.8px)}70%{opacity:.5}to{opacity:1;transform:translate(0)}}.td-swap .l{animation:1.6s cubic-bezier(.2,.8,.2,1) both td-swap-l}.td-swap .r{animation:1.6s cubic-bezier(.2,.8,.2,1) both td-swap-r}.td-swap.td-loop .l,.td-swap.td-loop .r{animation-duration:3s;animation-iteration-count:infinite}@keyframes td-yes-g{0%{transform:translate(0)}50%{transform:translate(16px)}to{transform:translate(0)}}@keyframes td-yes-pop{0%,45%{transform:scale(1)}60%{transform:scale(1.15)}to{transform:scale(1)}}.td-yes .g{animation:.9s cubic-bezier(.2,.8,.2,1) both td-yes-g}.td-yes .r{animation:.9s ease-out both td-yes-pop}@keyframes td-no-g{0%{transform:translate(0)}50%{transform:translate(-16px)}to{transform:translate(0)}}@keyframes td-no-dim{0%,40%{opacity:1}55%,75%{opacity:.35}to{opacity:1}}.td-no .g{animation:.9s cubic-bezier(.2,.8,.2,1) both td-no-g}.td-no .r{animation:.9s ease-in-out both td-no-dim}@keyframes td-sign-l{0%{transform:scale(1)}20%{transform:scale(1.15)}45%,to{transform:scale(1)}}@keyframes td-sign-r{0%,50%{transform:scale(1)}70%{transform:scale(1.15)}to{transform:scale(1)}}.td-sign .l{animation:1s ease-out both td-sign-l}.td-sign .r{animation:1s ease-out both td-sign-r}@keyframes td-seal{0%{opacity:0;transform:scale(3)}to{opacity:.9;transform:scale(1.5)}}@keyframes td-seal-pop{0%,80%{transform:scale(1)}90%{transform:scale(1.1)}to{transform:scale(1)}}.td-seal .ring{animation:.8s cubic-bezier(.2,.8,.2,1) both td-seal}.td-seal .r{animation:1s ease-out both td-seal-pop}@keyframes td-coin-r{0%{transform:translate(0)}40%{transform:translate(-10.8px)}to{transform:translate(0)}}@keyframes td-coin-l{0%,36%{fill:var(--td-ink)}44%,56%{fill:var(--td-accent)}72%,to{fill:var(--td-ink)}}.td-coin .r{animation:1.2s cubic-bezier(.2,.8,.2,1) both td-coin-r}.td-coin .l{animation:1.2s ease-in-out both td-coin-l}@keyframes td-due{0%,30%{opacity:1}36%{opacity:.3}42%{opacity:1}56%{opacity:.3}62%{opacity:1}70%{opacity:.3}76%{opacity:1}82%{opacity:.3}88%,to{opacity:1}}.td-due .r{animation:3s ease-in-out infinite td-due}@keyframes td-on-l{0%{opacity:.3}40%,to{opacity:1}}@keyframes td-on-r{0%,40%{opacity:.3}75%,to{opacity:1}}@keyframes td-on-pop{0%,75%{transform:scale(1)}88%{transform:scale(1.1)}to{transform:scale(1)}}.td-on .l{animation:1.2s ease-out both td-on-l}.td-on .r{animation:1.2s ease-out both td-on-r}.td-on .g{animation:1.2s ease-out both td-on-pop}@keyframes td-scanner{0%,to{transform:translate(0)}50%{transform:translate(-57.6px)}}@keyframes td-scanner-dim{0%,to{opacity:.7}25%,75%{opacity:1}}.td-doc .r{animation:2.2s ease-in-out infinite td-scanner}.td-doc .l{animation:2.2s ease-in-out infinite td-scanner-dim}@media (prefers-reduced-motion:reduce){.td-motion *{animation:none!important}.td-err .l{transform:translate(-7.2px)}.td-err .r{opacity:.45;transform:translate(7.2px)}.td-new .ring,.td-ok .ring{opacity:0}.td-seal .ring{opacity:.9;transform:scale(1.5)}.td-on .l,.td-on .r{opacity:1}}
