@keyframes sfop-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.sfop-anim-pulse{animation:sfop-pulse 1s ease-in-out}@keyframes sfop-bounce{0%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}40%{transform:translateY(-20px);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{transform:translateY(-10px)}}.sfop-anim-bounce{animation:sfop-bounce 1s}@keyframes sfop-shake{0%,100%{transform:translateX(0)}10%,50%,90%{transform:translateX(-8px)}30%,70%{transform:translateX(8px)}}.sfop-anim-shake{animation:sfop-shake .6s cubic-bezier(.36,.07,.19,.97)}@keyframes sfop-heartbeat{0%{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%,100%{transform:scale(1)}}.sfop-anim-heartbeat{animation:sfop-heartbeat 1.3s ease-in-out}@keyframes sfop-swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0)}}.sfop-anim-swing{animation:sfop-swing .8s ease;transform-origin:top center}@keyframes sfop-flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.sfop-anim-flash{animation:sfop-flash .6s ease}@keyframes sfop-rubberBand{0%{transform:scaleX(1) scaleY(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}100%{transform:scaleX(1) scaleY(1)}}.sfop-anim-rubberBand{animation:sfop-rubberBand 1s}@keyframes sfop-wobble{0%{transform:translateX(0) rotate(0)}15%{transform:translateX(-8%) rotate(-5deg)}30%{transform:translateX(6%) rotate(3deg)}45%{transform:translateX(-4%) rotate(-3deg)}60%{transform:translateX(2%) rotate(2deg)}75%{transform:translateX(-1%) rotate(-1deg)}100%{transform:translateX(0) rotate(0)}}.sfop-anim-wobble{animation:sfop-wobble 1s}@keyframes sfop-tada{0%{transform:scaleX(1) rotate(0)}10%,20%{transform:scaleX(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scaleX(1.1) rotate(3deg)}40%,60%,80%{transform:scaleX(1.1) rotate(-3deg)}100%{transform:scaleX(1) rotate(0)}}.sfop-anim-tada{animation:sfop-tada 1s}@keyframes sfop-jello{0%,11.1%,100%{transform:skewX(0) skewY(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.sfop-anim-jello{animation:sfop-jello .9s}@keyframes sfop-slideLeft{from{opacity:0;transform:translateX(-120%)}to{opacity:1;transform:translateX(0)}}.sfop-enter-slideLeft{animation:sfop-slideLeft .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes sfop-slideRight{from{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.sfop-enter-slideRight{animation:sfop-slideRight .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes sfop-slideUp{from{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.sfop-enter-slideUp{animation:sfop-slideUp .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes sfop-slideDown{from{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}.sfop-enter-slideDown{animation:sfop-slideDown .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes sfop-zoomIn{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.sfop-enter-zoomIn{animation:sfop-zoomIn .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes sfop-fadeIn{from{opacity:0}to{opacity:1}}.sfop-enter-fadeIn{animation:sfop-fadeIn .6s ease forwards}@keyframes sfop-rotateIn{from{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}.sfop-enter-rotateIn{animation:sfop-rotateIn .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes sfop-flipInX{from{opacity:0;transform:perspective(400px) rotateX(90deg)}to{opacity:1;transform:perspective(400px) rotateX(0)}}.sfop-enter-flipInX{animation:sfop-flipInX .6s ease forwards}@keyframes sfop-flipInY{from{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(400px) rotateY(0)}}.sfop-enter-flipInY{animation:sfop-flipInY .6s ease forwards}@keyframes sfop-fadeOut{from{opacity:1}to{opacity:0;pointer-events:none}}.sfop-exit-fadeOut{animation:sfop-fadeOut .4s ease forwards}@keyframes sfop-zoomOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.sfop-exit-zoomOut{animation:sfop-zoomOut .4s ease forwards}@keyframes sfop-slideOutLeft{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-120%)}}.sfop-exit-slideOutLeft{animation:sfop-slideOutLeft .4s ease forwards}@keyframes sfop-slideOutRight{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}.sfop-exit-slideOutRight{animation:sfop-slideOutRight .4s ease forwards}@keyframes sfop-rotateOut{from{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(180deg) scale(.5)}}.sfop-exit-rotateOut{animation:sfop-rotateOut .4s ease forwards}@keyframes sfop-floating{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.sfop-continuous-floating{animation:sfop-floating 3s ease-in-out infinite}@keyframes sfop-breathing{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}.sfop-continuous-breathing{animation:sfop-breathing 4s ease-in-out infinite}@keyframes sfop-sparkle1{0%,100%{opacity:0;transform:scale(0) translate(0,0)}50%{opacity:1;transform:scale(1) translate(4px,-8px)}}@keyframes sfop-sparkle2{0%,100%{opacity:0;transform:scale(0) translate(0,0)}50%{opacity:1;transform:scale(1) translate(-6px,-12px)}}.sfop-continuous-sparkle::before,.sfop-continuous-sparkle::after{content:"✦";position:absolute;font-size:12px;color:#FFD700;pointer-events:none}.sfop-continuous-sparkle::before{top:8px;right:40px;animation:sfop-sparkle1 2s ease-in-out infinite}.sfop-continuous-sparkle::after{top:16px;right:24px;animation:sfop-sparkle2 2.4s ease-in-out infinite .4s}.sfop-continuous-hoverGlow:hover{box-shadow:0 0 24px 4px rgba(99,102,241,.5)!important;transition:box-shadow .3s ease}@keyframes sfop-wave{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.sfop-continuous-wave{background-size:200% 200%!important;animation:sfop-wave 4s linear infinite}