.ff-shaking{animation:ff-shake .28s linear}@keyframes ff-shake{20%{translate:calc(var(--shake) * -1) calc(var(--shake) * .5)}40%{translate:var(--shake) calc(var(--shake) * -.5)}60%{translate:calc(var(--shake) * -.6) 0}80%{translate:calc(var(--shake) * .3) 0}}.ff-impact-layer{position:absolute;top:0;left:0;z-index:2000;width:100%;overflow:hidden;pointer-events:none}.ff-impact{position:absolute;top:var(--y);left:var(--x);width:0;height:0;pointer-events:none}.ff-impact:before{content:"";position:absolute;width:90px;height:90px;margin:-45px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,90,60,.6) 30%,transparent 62%);animation:ff-impact-flash .35s ease-out forwards}.ff-impact:after{content:"";position:absolute;width:40px;height:40px;margin:-20px;border:2px solid #ffd2c9;border-radius:50%;animation:ff-impact-ring .45s ease-out forwards}@keyframes ff-impact-flash{0%{transform:scale(.3)}to{transform:scale(1.2);opacity:0}}@keyframes ff-impact-ring{to{transform:scale(3);opacity:0}}.ff-spark{position:absolute;width:var(--len);height:3px;margin-top:-1.5px;border-radius:2px;background:linear-gradient(90deg,#fff,#ff5a3a);transform-origin:0 50%;rotate:var(--a);animation:ff-spark .4s ease-out forwards}@keyframes ff-spark{0%{transform:translate(6px) scaleX(.2);opacity:1}to{transform:translate(34px) scaleX(1);opacity:0}}