/* ==========================================================================
   Work Heights — Onboarding step animations (shared @keyframes library)
   GENERATED by .context/gen-animations.js from the design-tool exports.
   Do not edit by hand; re-run the generator to update.
   ========================================================================== */

@keyframes k01bar{0%{transform:translateY(300px)}18%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k01blk{0%,4%{transform:translateY(-300px)}20%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k01a{0%,20%{transform:translateY(-280px)}34%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k01b{0%,24%{transform:translateY(-280px)}38%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k01c{0%,28%{transform:translateY(-280px)}42%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k01o{0%,32%{transform:translateY(-300px)}48%{transform:translateY(0)}64%{transform:translateY(0)}72%{transform:translateY(-26px)}80%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k01wave{0%,58%{transform:scale(0) rotate(0)}70%{transform:scale(1) rotate(20deg)}76%{transform:scale(1) rotate(-12deg)}82%{transform:scale(1) rotate(16deg)}88%{transform:scale(1) rotate(-8deg)}94%{transform:scale(1) rotate(6deg)}100%{transform:scale(1) rotate(0)}}
@keyframes k02l1{0%{transform:translateX(340px)}12%{transform:translateX(0)}100%{transform:translateX(0)}}
@keyframes k02l2{0%,6%{transform:translateX(340px)}18%{transform:translateX(0)}100%{transform:translateX(0)}}
@keyframes k02l3{0%,12%{transform:translateX(340px)}24%{transform:translateX(0)}100%{transform:translateX(0)}}
@keyframes k02ground{0%{transform:translate(-320px,0)}12%{transform:translate(0,0)}12.2%{transform:translate(0,0)}15.2%{transform:translate(0,10px)}21.2%{transform:translate(0,0)}100%{transform:translate(0,0)}}
@keyframes k02hop{0%,6%{transform:translate(0,-300px)}18%{transform:translate(0,0)}24%{transform:translate(0,-40px)}28%{transform:translate(0,0)}40%{transform:translate(69px,-46px)}100%{transform:translate(69px,-46px)}}
@keyframes k02mint{0%,40%{transform:translate(0,0) scale(0)}46%{transform:translate(0,0) scale(1)}53%{transform:translate(43px,-70px) scale(1)}60%{transform:translate(85px,-54px) scale(1)}100%{transform:translate(85px,-54px) scale(1)}}
@keyframes k02white{0%,60%{transform:translate(0,0) scale(0)}66%{transform:translate(0,0) scale(1)}73%{transform:translate(43px,-72px) scale(1)}80%{transform:translate(85px,-55px) scale(1)}100%{transform:translate(85px,-55px) scale(1)}}
@keyframes k02users{0%,78%{opacity:0;transform:scale(0)}88%{opacity:1;transform:scale(1.12)}94%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes k03dL{0%{transform:translateX(-240px) rotate(90deg)}12%{transform:translateX(16px) rotate(90deg)}18%{transform:translateX(16px) rotate(90deg)}28%{transform:translateX(-15px) rotate(90deg)}42%{transform:translateX(-15px) rotate(90deg)}52%{transform:translateX(16px) rotate(90deg)}100%{transform:translateX(16px) rotate(90deg)}}
@keyframes k03dR{0%{transform:translateX(240px) rotate(90deg)}12%{transform:translateX(-16px) rotate(90deg)}18%{transform:translateX(-16px) rotate(90deg)}28%{transform:translateX(15px) rotate(90deg)}42%{transform:translateX(15px) rotate(90deg)}52%{transform:translateX(-16px) rotate(90deg)}100%{transform:translateX(-16px) rotate(90deg)}}
@keyframes k03big{0%,14%{transform:translateY(300px) scale(1)}28%{transform:translateY(0) scale(1)}40%{transform:translateY(0) scale(1)}45%{transform:translateY(0) scale(1.18)}53%{transform:translateY(0) scale(1)}100%{transform:translateY(0) scale(1)}}
@keyframes k03small{0%,26%{transform:translateY(-320px)}40%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k03shield{0%,54%{transform:translateY(-340px)}66%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k03cream{0%,64%{transform:translate(-260px,0)}73%{transform:translate(-100px,0)}77%{transform:translate(-122px,-4px)}83%{transform:translate(-150px,20px)}88%{transform:translate(-192px,-2px)}93%{transform:translate(-232px,18px)}100%{transform:translate(-292px,-4px)}}
@keyframes k03black{0%,66%{transform:translate(260px,0)}75%{transform:translate(102px,0)}79%{transform:translate(126px,10px)}84%{transform:translate(156px,-16px)}89%{transform:translate(196px,14px)}94%{transform:translate(238px,-14px)}100%{transform:translate(300px,6px)}}
@keyframes k04bar{0%{transform:translateY(300px)}14%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k04a{0%,14%{transform:translateY(-250px)}28%{transform:translateY(0)}60%{transform:translateY(0)}66%{transform:translateY(-20px)}72%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k04b{0%,20%{transform:translateY(-250px)}34%{transform:translateY(0)}64%{transform:translateY(0)}70%{transform:translateY(-20px)}76%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k04c{0%,26%{transform:translateY(-250px)}40%{transform:translateY(0)}68%{transform:translateY(0)}74%{transform:translateY(-20px)}80%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k04d{0%,32%{transform:translateY(-250px)}46%{transform:translateY(0)}72%{transform:translateY(0)}78%{transform:translateY(-20px)}84%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k05bar{0%{transform:translateY(-280px)}22%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes kq1{0%,8%{transform:translateY(-280px)}24%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes kq2{0%,12%{transform:translateY(-280px)}28%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes kq3{0%,16%{transform:translateY(-280px) scale(1)}32%{transform:translateY(0) scale(1)}60%{transform:translateY(0) scale(1)}68%{transform:translateY(0) scale(1.13)}76%{transform:translateY(0) scale(1)}84%{transform:translateY(0) scale(1.13)}92%{transform:translateY(0) scale(1)}100%{transform:translateY(0) scale(1)}}
@keyframes kc1{0%,10%{transform:translate(0,-300px)}26%{transform:translate(0,0)}44%{transform:translate(9px,-6px)}58%{transform:translate(-7px,5px)}70%{transform:translate(6px,-3px)}84%{transform:translate(-4px,3px)}100%{transform:translate(0,0)}}
@keyframes kc2{0%,14%{transform:translate(0,-300px)}30%{transform:translate(0,0)}46%{transform:translate(-8px,5px)}60%{transform:translate(7px,-6px)}74%{transform:translate(-5px,4px)}88%{transform:translate(3px,-2px)}100%{transform:translate(0,0)}}
@keyframes kc3{0%,18%{transform:translate(0,-300px)}34%{transform:translate(0,0)}48%{transform:translate(8px,6px)}62%{transform:translate(-7px,-5px)}76%{transform:translate(5px,5px)}90%{transform:translate(-3px,-3px)}100%{transform:translate(0,0)}}
@keyframes kc4{0%,22%{transform:translate(0,-300px)}38%{transform:translate(0,0)}50%{transform:translate(-9px,-5px)}64%{transform:translate(7px,5px)}78%{transform:translate(-5px,-4px)}92%{transform:translate(3px,3px)}100%{transform:translate(0,0)}}
@keyframes k05icoTop{0%,42%{transform:scale(0)}52%{transform:scale(1.15)}58%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k05icoBot{0%,60%{transform:scale(0)}70%{transform:scale(1.15)}76%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k06bar{0%{transform:translateX(-300px)}12%{transform:translateX(0)}100%{transform:translateX(0)}}
@keyframes k06m1{0%,12%{transform:scale(0)}22%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k06m2{0%,20%{transform:scale(0)}30%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k06m3{0%,28%{transform:scale(0)}38%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k06m4{0%,36%{transform:scale(0)}46%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k06last{0%,44%{transform:translate(0,0) scale(0)}54%{transform:translate(0,0) scale(1)}72%{transform:translate(0,0) scale(1)}74.5%{transform:translate(0,-15px) scale(1)}77%{transform:translate(0,0) scale(1)}79.5%{transform:translate(0,-15px) scale(1)}82%{transform:translate(0,0) scale(1)}100%{transform:translate(0,0) scale(1)}}
@keyframes k06check{0%,86%{transform:translateY(-320px)}94%{transform:translateY(0)}97%{transform:translateY(-12px)}100%{transform:translateY(0)}}
@keyframes k06dollar{0%,52.5%{transform:translate(0,-320px)}64.5%{transform:translate(0,0)}67%{transform:translate(0,-12px)}69.5%{transform:translate(0,0)}72%{transform:translate(0,0)}74.5%{transform:translate(0,-15px)}77%{transform:translate(0,0)}79.5%{transform:translate(0,-15px)}82%{transform:translate(0,0)}100%{transform:translate(0,0)}}
@keyframes k07walk{0%{transform:translate(-190px,0)}5%{transform:translate(-150px,-32px)}9%{transform:translate(-112px,0)}13%{transform:translate(-86px,-24px)}16%{transform:translate(-66px,0)}19%{transform:translate(-42px,0)}22%{transform:translate(-66px,0)}25%{transform:translate(-42px,0)}28%{transform:translate(-66px,0)}34%{transform:translate(-150px,0)}62%{transform:translate(-150px,0)}72%{transform:translate(-150px,96px)}82%{transform:translate(20px,96px)}92%{transform:translate(58px,52px)}100%{transform:translate(58px,52px)}}
@keyframes k07dL{0%,26%{transform:translateX(0) rotate(90deg)}40%{transform:translateX(-86px) rotate(90deg)}100%{transform:translateX(-86px) rotate(90deg)}}
@keyframes k07dR{0%,26%{transform:translateX(0) rotate(90deg)}40%{transform:translateX(86px) rotate(90deg)}100%{transform:translateX(86px) rotate(90deg)}}
@keyframes k07table{0%,36%{transform:scale(0)}50%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k07p1{0%,36%{transform:translate(0,0) scale(0)}48%{transform:translate(0,0) scale(1)}56%{transform:translate(0,0) scale(1)}64%{transform:translate(0,-140px) scale(1)}80%{transform:translate(-300px,-140px) scale(1)}100%{transform:translate(-300px,-140px) scale(1)}}
@keyframes k07p2{0%,38%{transform:translate(0,0) scale(0)}50%{transform:translate(0,0) scale(1)}58%{transform:translate(0,0) scale(1)}64%{transform:translate(0,96px) scale(1)}74%{transform:translate(-180px,96px) scale(1)}86%{transform:translate(-340px,96px) scale(1)}100%{transform:translate(-340px,96px) scale(1)}}
@keyframes k07p3{0%,40%{transform:translate(0,0) scale(0)}52%{transform:translate(0,0) scale(1)}60%{transform:translate(0,0) scale(1)}68%{transform:translate(0,-92px) scale(1)}84%{transform:translate(-310px,-92px) scale(1)}100%{transform:translate(-310px,-92px) scale(1)}}
@keyframes k07cal{0%,97.5%{transform:scale(0)}99%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes kf1{0%{transform:translateX(-320px)}22%{transform:translateX(0)}100%{transform:translateX(0)}}
@keyframes kf2{0%,4%{transform:translateX(320px)}26%{transform:translateX(0)}100%{transform:translateX(0)}}
@keyframes kf3{0%,8%{transform:translateX(-320px)}30%{transform:translateX(0)}100%{transform:translateX(0)}}
@keyframes kf4{0%,12%{transform:translateX(320px)}34%{transform:translateX(0)}100%{transform:translateX(0)}}
@keyframes kf5{0%,16%{transform:translateX(-320px)}38%{transform:translateX(0)}100%{transform:translateX(0)}}
@keyframes kb1{0%,34%{opacity:0;transform:scale(0)}38%{opacity:1;transform:scale(1) rotate(0)}42%{opacity:1;transform:scale(1) rotate(18deg)}45%{opacity:1;transform:scale(1) rotate(-16deg)}48%{opacity:1;transform:scale(1) rotate(11deg)}51%{opacity:1;transform:scale(1) rotate(-6deg)}54%{opacity:1;transform:scale(1) rotate(0)}61%{opacity:0;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(1)}}
@keyframes kb2{0%,54%{opacity:0;transform:scale(0)}58%{opacity:1;transform:scale(1) rotate(0)}62%{opacity:1;transform:scale(1) rotate(18deg)}65%{opacity:1;transform:scale(1) rotate(-16deg)}68%{opacity:1;transform:scale(1) rotate(11deg)}71%{opacity:1;transform:scale(1) rotate(-6deg)}74%{opacity:1;transform:scale(1) rotate(0)}81%{opacity:0;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(1)}}
@keyframes kb3{0%,74%{opacity:0;transform:scale(0)}78%{opacity:1;transform:scale(1) rotate(0)}82%{opacity:1;transform:scale(1) rotate(18deg)}85%{opacity:1;transform:scale(1) rotate(-16deg)}88%{opacity:1;transform:scale(1) rotate(11deg)}91%{opacity:1;transform:scale(1) rotate(-6deg)}94%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes kD1{0%{transform:translateY(-360px)}18%{transform:translateY(0)}23%{transform:translateY(-14px)}28%{transform:translateY(0)}32%{transform:translateY(-5px)}35%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes kD2{0%,6%{transform:translateY(-360px)}24%{transform:translateY(0)}29%{transform:translateY(-14px)}34%{transform:translateY(0)}38%{transform:translateY(-5px)}41%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes kD3{0%,12%{transform:translateY(-360px)}30%{transform:translateY(0)}35%{transform:translateY(-14px)}40%{transform:translateY(0)}44%{transform:translateY(-5px)}47%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes kD4{0%,18%{transform:translateY(-360px)}36%{transform:translateY(0)}41%{transform:translateY(-14px)}46%{transform:translateY(0)}50%{transform:translateY(-5px)}53%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes kD5{0%,24%{transform:translateY(-360px)}42%{transform:translateY(0)}47%{transform:translateY(-14px)}52%{transform:translateY(0)}56%{transform:translateY(-5px)}59%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes kF1{0%,60%{transform:rotateY(0)}67%{transform:rotateY(180deg)}100%{transform:rotateY(180deg)}}
@keyframes kF2{0%,64%{transform:rotateY(0)}71%{transform:rotateY(180deg)}100%{transform:rotateY(180deg)}}
@keyframes kF3{0%,68%{transform:rotateY(0)}75%{transform:rotateY(180deg)}100%{transform:rotateY(180deg)}}
@keyframes kF4{0%,72%{transform:rotateY(0)}79%{transform:rotateY(180deg)}100%{transform:rotateY(180deg)}}
@keyframes kF5{0%,76%{transform:rotateY(0)}83%{transform:rotateY(180deg)}100%{transform:rotateY(180deg)}}
@keyframes k09pop{0%,86%{transform:scale(0)}93%{transform:scale(1.12)}97%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k10ring{0%{transform:scale(0) rotate(-40deg)}14%{transform:scale(1) rotate(0)}100%{transform:scale(1) rotate(0)}}
@keyframes k10in{0%,14%{transform:scale(0)}26%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k10oA{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes k10oB{0%{transform:rotate(60deg)}100%{transform:rotate(420deg)}}
@keyframes k10oC{0%{transform:rotate(120deg)}100%{transform:rotate(480deg)}}
@keyframes k10oD{0%{transform:rotate(180deg)}100%{transform:rotate(540deg)}}
@keyframes k10oE{0%{transform:rotate(240deg)}100%{transform:rotate(600deg)}}
@keyframes k10oF{0%{transform:rotate(300deg)}100%{transform:rotate(660deg)}}
@keyframes k10arr{0%{transform:translateY(-260px)}20%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k10hA{0%{transform:rotate(30deg)}100%{transform:rotate(390deg)}}
@keyframes k10hB{0%{transform:rotate(150deg)}100%{transform:rotate(510deg)}}
@keyframes k10hC{0%{transform:rotate(30deg)}100%{transform:rotate(390deg)}}
@keyframes k10hD{0%{transform:rotate(330deg)}100%{transform:rotate(690deg)}}
@keyframes k10hp1{0%,24%{transform:scale(0)}29%{transform:scale(1.15)}34%{transform:scale(1)}40%{transform:scale(1)}45%{transform:scale(0)}100%{transform:scale(0)}}
@keyframes k10hp2{0%,45%{transform:scale(0)}50%{transform:scale(1.15)}55%{transform:scale(1)}62%{transform:scale(1)}67%{transform:scale(0)}100%{transform:scale(0)}}
@keyframes k10hp3{0%,67%{transform:scale(0)}72%{transform:scale(1.15)}77%{transform:scale(1)}83%{transform:scale(1)}88%{transform:scale(0)}100%{transform:scale(0)}}
@keyframes k10hp4{0%,88%{transform:scale(0)}94%{transform:scale(1.15)}98%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k11a{0%{transform:translate(-460px,0)}12%{transform:translate(-138px,0)}16%{transform:translate(-138px,-30px)}20%{transform:translate(-138px,0)}100%{transform:translate(-138px,0)}}
@keyframes k11b{0%,18%{transform:translate(-138px,0) scale(0)}22%{transform:translate(-138px,0) scale(1)}28%{transform:translate(-46px,0) scale(1)}32%{transform:translate(-46px,-30px) scale(1)}36%{transform:translate(-46px,0) scale(1)}100%{transform:translate(-46px,0) scale(1)}}
@keyframes k11c{0%,32%{transform:translate(-46px,0) scale(0)}36%{transform:translate(-46px,0) scale(1)}44%{transform:translate(46px,0) scale(1)}48%{transform:translate(46px,-30px) scale(1)}52%{transform:translate(46px,0) scale(1)}100%{transform:translate(46px,0) scale(1)}}
@keyframes k11d{0%,48%{transform:translate(46px,0) scale(0)}52%{transform:translate(46px,0) scale(1)}60%{transform:translate(138px,0) scale(1)}100%{transform:translate(138px,0) scale(1)}}
@keyframes k11mA{0%,24%{transform:translateY(52px);opacity:0}34%{transform:translateY(-7px);opacity:1}40%,100%{transform:translateY(0);opacity:1}}
@keyframes k11mB{0%,40%{transform:translateY(52px);opacity:0}50%{transform:translateY(-7px);opacity:1}56%,100%{transform:translateY(0);opacity:1}}
@keyframes k11mC{0%,56%{transform:translateY(52px);opacity:0}66%{transform:translateY(-7px);opacity:1}72%,100%{transform:translateY(0);opacity:1}}
@keyframes k11wO{0%,48%{transform:translate(-46px,0) scale(0)}55%{transform:translate(-46px,0) scale(1)}64%{transform:translate(-46px,76px) scale(1)}100%{transform:translate(-46px,76px) scale(1)}}
@keyframes k11mB2{0%,56%{transform:translateY(52px);opacity:0}66%{transform:translateY(-7px);opacity:1}72%,100%{transform:translateY(0);opacity:1}}
@keyframes k12top{0%{transform:translateY(-150px)}20%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k12bot{0%{transform:translateY(150px)}20%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k12lft{0%{transform:translateX(-150px) rotate(90deg)}20%{transform:translateX(0) rotate(90deg)}100%{transform:translateX(0) rotate(90deg)}}
@keyframes k12rgt{0%{transform:translateX(150px) rotate(90deg)}20%{transform:translateX(0) rotate(90deg)}100%{transform:translateX(0) rotate(90deg)}}
@keyframes k12face{0%,22%{transform:scale(0)}38%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k12lens{0%,38%{transform:scale(1.7)}56%{transform:scale(1)}66%{transform:scale(1)}72%{transform:scale(.84)}80%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes k13id{0%{transform:translateY(-190px)}16%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes k13scan{0%,18%{transform:translateY(-60px)}34%{transform:translateY(60px)}44%{transform:translateY(-60px)}56%{transform:translateY(60px)}64%{transform:translateY(-90px)}100%{transform:translateY(-90px)}}
@keyframes k13ok{0%,62%{transform:scale(0) rotate(-30deg)}80%{transform:scale(1) rotate(0)}90%{transform:scale(1.08) rotate(0)}100%{transform:scale(1) rotate(0)}}
@keyframes k14bar{0%{transform:translateY(330px) rotate(0);opacity:1}9%{transform:translateY(20px) rotate(0);opacity:1}11%{transform:translateY(20px) rotate(-5deg);opacity:1}13%{transform:translateY(20px) rotate(5deg);opacity:1}15%{transform:translateY(20px) rotate(-5deg);opacity:1}17%{transform:translateY(20px) rotate(5deg);opacity:1}19%{transform:translateY(20px) rotate(-5deg);opacity:1}20%{transform:translateY(20px) rotate(0);opacity:1}44%{transform:translateY(330px) rotate(0);opacity:1}45%,100%{transform:translateY(330px) rotate(0);opacity:0}}
@keyframes k14blast{0%{transform:translate(0,0) rotate(0) scale(.25);opacity:0}21.5%{transform:translate(0,0) rotate(0) scale(.25);opacity:0}23.5%{transform:translate(0,0) rotate(0) scale(1);opacity:1}26.5%{transform:translate(calc(var(--mx)*.24),calc(var(--my)*.64)) rotate(calc(var(--rot)*.14)) scale(1);opacity:1}31%{transform:translate(calc(var(--mx)*.52),calc(var(--my)*.87)) rotate(calc(var(--rot)*.26)) scale(1);opacity:1}38%{transform:translate(calc(var(--mx)*.8),calc(var(--my)*.97)) rotate(calc(var(--rot)*.38)) scale(1);opacity:1}48%{transform:translate(var(--mx),var(--my)) rotate(calc(var(--rot)*.5)) scale(1);opacity:1}55%{transform:translate(calc(var(--mx) + (var(--fx) - var(--mx))*.12),calc(var(--my) + (var(--fy) - var(--my))*.09)) rotate(calc(var(--rot)*.58)) scale(.95);opacity:1}69%{transform:translate(calc(var(--mx) + (var(--fx) - var(--mx))*.38),calc(var(--my) + (var(--fy) - var(--my))*.32)) rotate(calc(var(--rot)*.72)) scale(.82);opacity:1}86%{transform:translate(calc(var(--mx) + (var(--fx) - var(--mx))*.74),calc(var(--my) + (var(--fy) - var(--my))*.7)) rotate(calc(var(--rot)*.9)) scale(.66);opacity:1}100%{transform:translate(var(--fx),var(--fy)) rotate(var(--rot)) scale(.55);opacity:0}}
@keyframes k14icon{0%,64%{transform:scale(0) rotate(-45deg);opacity:0}70%{transform:scale(1.14) rotate(0);opacity:1}75%{transform:scale(.95) rotate(0);opacity:1}80%,100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes kIC01{0%,56%{transform:scale(0)}68%{transform:scale(1.15)}76%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC02{0%,80%{transform:scale(0)}90%{transform:scale(1.15)}97%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC03{0%,38%{transform:scale(0)}50%{transform:scale(1.15)}58%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC04{0%,74%{transform:scale(0)}86%{transform:scale(1.15)}94%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC05{0%,18%{transform:scale(0)}30%{transform:scale(1.15)}38%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC06{0%,58%{transform:scale(0)}68%{transform:scale(1.2)}74%{transform:scale(1)}82%{transform:scale(1.12)}88%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC07{0%,64%{transform:scale(0)}76%{transform:scale(1.15)}84%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC08{0%,14%{transform:scale(0)}26%{transform:scale(1.15)}34%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC09{0%,72%{transform:scale(0)}84%{transform:scale(1.15)}92%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC10{0%,42%{transform:scale(0)}54%{transform:scale(1.15)}62%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC11{0%,40%{transform:scale(0)}52%{transform:scale(1.15)}60%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC12{0%,72%{transform:scale(0)}84%{transform:scale(1.15)}92%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC13{0%,66%{transform:scale(0)}78%{transform:scale(1.15)}86%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes kIC14{0%,52%{transform:scale(0)}64%{transform:scale(1.2)}72%{transform:scale(1)}100%{transform:scale(1)}}