.chip-icon g,.chip-icon path,.chip-icon circle{transform-box:fill-box;transform-origin:center}
.p-lines,.p-burst,.p-bike{opacity:0}
.anim-grid .p-q{animation:a-q .55s cubic-bezier(.3,1.6,.5,1) both}
.anim-grid .p-q2{animation-delay:.07s}.anim-grid .p-q4{animation-delay:.14s}.anim-grid .p-q3{animation-delay:.21s}
@keyframes a-q{0%{transform:scale(.2);opacity:0}100%{transform:none;opacity:1}}

.anim-bowled .p-wball{animation:a-wball .95s linear}
.anim-bowled .p-stumps{transform-origin:center bottom;animation:a-stumps .95s ease-out}
.anim-bowled .p-bail1{animation:a-bail1 .95s linear}
.anim-bowled .p-bail2{animation:a-bail2 .95s linear}
@keyframes a-wball{0%{transform:translate(9px,-6px) scale(.6);opacity:0;animation-timing-function:cubic-bezier(.4,0,.9,.6)}14%{opacity:1}34%{transform:translate(-1.6px,0) scale(.85,1.1);animation-timing-function:cubic-bezier(.15,.7,.35,1)}56%{transform:translate(1.2px,-.4px)}74%{transform:translate(-.3px,0)}100%{transform:none}}
@keyframes a-stumps{0%,30%{transform:none}38%{transform:skewX(-7deg)}52%{transform:skewX(4deg)}66%{transform:skewX(-2deg)}80%,100%{transform:none}}
@keyframes a-bail1{0%,32%{transform:none;animation-timing-function:cubic-bezier(.2,.7,.4,1)}54%{transform:translate(-2.4px,-5px) rotate(-150deg);animation-timing-function:cubic-bezier(.5,0,.8,.4)}76%{transform:translate(-.2px,.3px) rotate(-360deg)}86%{transform:translate(0,-.6px) rotate(-360deg)}100%{transform:rotate(-360deg)}}
@keyframes a-bail2{0%,32%{transform:none;animation-timing-function:cubic-bezier(.2,.7,.4,1)}56%{transform:translate(2.2px,-6px) rotate(170deg);animation-timing-function:cubic-bezier(.5,0,.8,.4)}80%{transform:translate(.2px,.3px) rotate(360deg)}90%{transform:translate(0,-.5px) rotate(360deg)}100%{transform:rotate(360deg)}}

.anim-goal .p-fball{animation:a-fball 1s linear}
.anim-goal .p-net{animation:a-gnet 1s ease-out}
@keyframes a-fball{0%{transform:translate(-9px,6px) scale(1.6) rotate(-260deg);opacity:0;animation-timing-function:cubic-bezier(.2,.6,.35,1)}12%{opacity:1}46%{transform:translate(.3px,-2.2px) scale(.9) rotate(8deg);animation-timing-function:cubic-bezier(.5,0,.8,.5)}62%{transform:translate(0,.3px) scale(1.06,.92);animation-timing-function:cubic-bezier(.2,.6,.4,1)}76%{transform:translate(0,-.8px)}88%{transform:translate(0,.1px) scale(1.02,.98)}100%{transform:none}}
@keyframes a-gnet{0%,40%{transform:none}52%{transform:translateY(-1.2px) scale(1.1,1.25)}68%{transform:translateY(.3px) scale(.97,.94)}84%{transform:scale(1.02,1.04)}100%{transform:none}}

.anim-swish .p-bball{animation:a-bball 1.05s linear}
.anim-swish .p-net{transform-origin:top center;animation:a-swnet 1.05s ease-out}
.anim-swish .p-rim{animation:a-rim 1.05s ease-out}
@keyframes a-bball{0%{transform:translateY(-15px) scale(.85);opacity:0;animation-timing-function:cubic-bezier(.4,0,.9,.6)}14%{opacity:1}44%{transform:translateY(-1px);animation-timing-function:cubic-bezier(.5,0,.9,.5)}54%{transform:translateY(.6px) scale(1.12,.86);animation-timing-function:cubic-bezier(.1,.6,.4,1)}68%{transform:translateY(-1.6px) scale(.97,1.03);animation-timing-function:cubic-bezier(.5,0,.9,.5)}80%{transform:translateY(.2px) scale(1.04,.96)}100%{transform:none}}
@keyframes a-swnet{0%,22%{transform:none}36%{transform:scale(.86,1.32)}50%{transform:scale(1.04,.9)}64%{transform:scale(.98,1.06)}100%{transform:none}}
@keyframes a-rim{0%,20%{transform:none}28%{transform:translateY(.6px)}40%{transform:translateY(-.3px)}55%,100%{transform:none}}

.anim-serve .p-racket{transform-box:view-box;transform-origin:4px 20px;animation:a-racket .9s cubic-bezier(.3,.6,.3,1)}
.anim-serve .p-tball{animation:a-tennisball .9s linear}
@keyframes a-racket{0%{transform:none}30%{transform:rotate(-30deg)}50%{transform:rotate(14deg)}68%{transform:rotate(-4deg)}84%{transform:rotate(1deg)}100%{transform:none}}
@keyframes a-tennisball{0%{transform:translate(1px,-16px) scale(.6);opacity:0;animation-timing-function:cubic-bezier(.4,0,.9,.6)}20%{opacity:1}44%{transform:translate(-3px,-7px) scale(.95);animation-timing-function:linear}50%{transform:translate(-3px,-7px) scale(.8,1.15) rotate(30deg);animation-timing-function:cubic-bezier(.15,.7,.35,1)}70%{transform:translate(.8px,.6px) scale(1.05,.92) rotate(260deg);animation-timing-function:cubic-bezier(.4,0,.6,1)}84%{transform:translate(0,-.9px) rotate(330deg)}100%{transform:rotate(360deg)}}

.anim-homer .p-bbat{transform-box:view-box;transform-origin:3.5px 20.5px;animation:a-bbat .9s cubic-bezier(.3,.6,.3,1)}
.anim-homer .p-bsball{animation:a-bsball .9s linear}
@keyframes a-bbat{0%{transform:none}32%{transform:rotate(-26deg)}50%{transform:rotate(22deg)}68%{transform:rotate(-6deg)}84%{transform:rotate(1.5deg)}100%{transform:none}}
@keyframes a-bsball{0%{transform:translate(10px,-8px) scale(.5) rotate(0);opacity:0;animation-timing-function:cubic-bezier(.3,.4,.7,.9)}18%{opacity:1}46%{transform:translate(-1.5px,-1.5px) rotate(300deg)}52%{transform:translate(-1.5px,-1.5px) scale(.8,1.15) rotate(320deg);animation-timing-function:cubic-bezier(.15,.7,.35,1)}70%{transform:translate(2px,-3px) scale(1.08) rotate(500deg)}86%{transform:translate(-.3px,.3px) rotate(700deg)}100%{transform:rotate(720deg)}}
.anim-spiral{animation:a-throw .85s cubic-bezier(.2,.7,.3,1)}
.anim-spiral .p-laces{transform-box:view-box;animation:a-laces .85s linear}
@keyframes a-throw{0%{transform:translate(-10px,9px) rotate(-18deg) scale(.75);opacity:0}60%{transform:translate(1px,-1.5px) rotate(4deg);opacity:1}100%{transform:none}}
@keyframes a-laces{0%{transform:translate(1.4px,1.4px)}15%{transform:translate(-1.4px,-1.4px)}30%{transform:translate(1.2px,1.2px)}45%{transform:translate(-1px,-1px)}60%{transform:translate(.6px,.6px)}78%{transform:translate(-.3px,-.3px)}100%{transform:none}}
.anim-run .p-runner{transform-box:view-box;transform-origin:12px 21px;animation:a-run 1.05s ease-out}
.anim-run .p-lines{animation:a-speed 1.05s ease-out}
@keyframes a-run{0%{transform:translateX(-8px) skewX(-12deg);opacity:0}18%{transform:translate(0,-1.1px) skewX(-8deg);opacity:1}32%{transform:translate(0,.6px) skewX(-6deg)}46%{transform:translate(0,-1px) skewX(-5deg)}60%{transform:translate(0,.4px) skewX(-3deg)}75%{transform:translate(0,-.4px) skewX(-1deg)}100%{transform:none}}
@keyframes a-speed{0%{opacity:0;transform:translateX(3px)}15%{opacity:1}65%{opacity:.7;transform:translateX(-2px)}100%{opacity:0;transform:translateX(-4px)}}

.anim-punch .p-glove{animation:a-punch .75s linear}
.anim-punch .p-burst{transform-origin:left center;animation:a-burst .75s ease-out}
@keyframes a-punch{0%{transform:none;animation-timing-function:cubic-bezier(.2,.7,.3,1)}30%{transform:translate(-2.6px,.5px) rotate(-10deg) scale(.94);animation-timing-function:cubic-bezier(.6,0,.9,.6)}46%{transform:translate(2.8px,-.6px) rotate(3deg) scale(1.13);animation-timing-function:cubic-bezier(.2,.7,.3,1)}64%{transform:translate(-.6px,0) scale(.98)}82%{transform:translate(.3px,0)}100%{transform:none}}
@keyframes a-burst{0%,42%{opacity:0;transform:scale(.4)}52%{opacity:1;transform:scale(1.15)}82%,100%{opacity:0;transform:scale(1.35) translateX(1px)}}

.anim-medal .p-medal{transform-box:view-box;transform-origin:12px 11.5px;animation:a-medal 1.2s ease-in-out}
@keyframes a-medal{0%{transform:rotate(-32deg)}22%{transform:rotate(20deg)}42%{transform:rotate(-12deg)}60%{transform:rotate(7deg)}78%{transform:rotate(-3deg)}100%{transform:none}}

.section-chip.is-active .p-car{animation:a-car 6.5s infinite}
.section-chip.is-active .p-bike{animation:a-bike 6.5s infinite}
.section-chip.is-active .p-car .p-wheel{animation:a-wheel-car 6.5s infinite}
.section-chip.is-active .p-bike .p-wheel{animation:a-wheel-bike 6.5s infinite}
.section-chip.is-active .chip-icon--motorsport .p-lines{animation:a-mlines 6.5s infinite}
@keyframes a-car{0%{transform:translateX(-10px);opacity:0;animation-timing-function:cubic-bezier(.15,.75,.3,1)}10%{transform:translateX(.7px) rotate(-2deg);opacity:1}14%{transform:rotate(.6deg)}17%,44%{transform:none;opacity:1;animation-timing-function:cubic-bezier(.6,0,.9,.4)}52%,100%{transform:translateX(10px);opacity:0}}
@keyframes a-bike{0%,48%{transform:translateX(-10px);opacity:0;animation-timing-function:cubic-bezier(.15,.75,.3,1)}58%{transform:translateX(.7px) rotate(-3deg);opacity:1}62%{transform:rotate(1deg)}65%,92%{transform:none;opacity:1;animation-timing-function:cubic-bezier(.6,0,.9,.4)}100%{transform:translateX(10px);opacity:0}}
@keyframes a-wheel-car{0%{transform:rotate(-720deg);animation-timing-function:cubic-bezier(.15,.75,.3,1)}14%,44%{transform:none;animation-timing-function:cubic-bezier(.6,0,.9,.4)}52%,100%{transform:rotate(540deg)}}
@keyframes a-wheel-bike{0%,48%{transform:rotate(-720deg);animation-timing-function:cubic-bezier(.15,.75,.3,1)}62%,92%{transform:none;animation-timing-function:cubic-bezier(.6,0,.9,.4)}100%{transform:rotate(540deg)}}
@keyframes a-mlines{0%{opacity:0;transform:translateX(3px)}4%{opacity:1}13%{opacity:0;transform:translateX(-3px)}48%{opacity:0;transform:translateX(3px)}52%{opacity:1}61%,100%{opacity:0;transform:translateX(-3px)}}
.anim-draw .p-outline{stroke-dasharray:1;animation:a-draw 1.1s cubic-bezier(.45,0,.25,1)}
.anim-draw{animation:a-geo-pop 1.1s cubic-bezier(.3,1.4,.5,1)}
@keyframes a-draw{0%{stroke-dashoffset:1;fill:transparent}80%{stroke-dashoffset:0;fill:transparent}90%{fill:color-mix(in srgb,currentColor 22%,transparent)}100%{stroke-dashoffset:0;fill:transparent}}
@keyframes a-geo-pop{0%{transform:scale(.88)}100%{transform:none}}

.p-alt-b{opacity:0}
.section-chip.is-active .p-alt-a{animation:a-alt-a 6s infinite}
.section-chip.is-active .p-alt-b{animation:a-alt-b 6s infinite}
@keyframes a-alt-a{0%{transform:translateY(6px) scale(.7);opacity:0;animation-timing-function:cubic-bezier(.3,1.5,.5,1)}10%,44%{transform:none;opacity:1;animation-timing-function:cubic-bezier(.6,0,.9,.4)}52%,100%{transform:translateY(-6px) scale(.7);opacity:0}}
@keyframes a-alt-b{0%,48%{transform:translateY(6px) scale(.7);opacity:0;animation-timing-function:cubic-bezier(.3,1.5,.5,1)}58%,92%{transform:none;opacity:1;animation-timing-function:cubic-bezier(.6,0,.9,.4)}100%{transform:translateY(-6px) scale(.7);opacity:0}}
.section-chip.is-active .chip-icon--gadgets_ev .p-alt-b .p-bolt{animation:a-bolt 6s infinite}
@keyframes a-bolt{0%,58%{opacity:1}62%{opacity:.2}66%{opacity:1}70%{opacity:.3}74%,100%{opacity:1}}

.anim-twinkle .p-s1{animation:a-twinkle .9s cubic-bezier(.3,1.5,.5,1)}
.anim-twinkle .p-s2{animation:a-twinkle .9s .18s cubic-bezier(.3,1.5,.5,1) both}
@keyframes a-twinkle{0%{transform:scale(0) rotate(-90deg);opacity:0}60%{transform:scale(1.2) rotate(8deg);opacity:1}100%{transform:none}}

.anim-cloud .p-cloud{animation:a-cloud .9s cubic-bezier(.3,1.4,.5,1)}
.anim-cloud .p-node{animation:a-node .9s ease-out}
@keyframes a-cloud{0%{transform:translateY(-5px);opacity:0}100%{transform:none;opacity:1}}
@keyframes a-node{0%,30%{transform:scaleX(.2);opacity:0}70%{transform:scaleX(1.08);opacity:1}100%{transform:none}}

.anim-lock .p-shackle{transform-box:view-box;animation:a-shackle .9s cubic-bezier(.3,1.6,.5,1)}
.anim-lock .p-shield{animation:a-shield .9s ease-out}
@keyframes a-shackle{0%{transform:translateY(-2.6px)}45%{transform:translateY(-2.6px)}62%{transform:translateY(.5px)}100%{transform:none}}
@keyframes a-shield{0%,50%{transform:none}62%{transform:scale(1.08)}100%{transform:none}}

.anim-launch .p-rocket{animation:a-rocket 1s cubic-bezier(.2,.8,.3,1)}
.anim-launch .p-exhaust{animation:a-exhaust 1s ease-out}
@keyframes a-rocket{0%{transform:translate(-7px,7px) scale(.8);opacity:0}45%{transform:translate(1.5px,-1.5px)}62%{transform:translate(-.5px,.5px)}78%{transform:translate(.4px,-.4px)}100%{transform:none}}
@keyframes a-exhaust{0%{opacity:0;transform:translate(3px,-3px) scale(.4)}35%{opacity:1;transform:translate(-1.5px,1.5px) scale(1.3)}55%{opacity:.4}70%{opacity:1}100%{opacity:1;transform:none}}

.p-bub{opacity:0}
.anim-bubble .p-liquid{transform-box:view-box;transform-origin:12px 16px;animation:a-slosh 1.2s ease-in-out}
.anim-bubble .p-bub1{animation:a-bub 1.2s .1s ease-out}
.anim-bubble .p-bub2{animation:a-bub 1.1s .35s ease-out}
.anim-bubble .p-bub3{animation:a-bub 1s .55s ease-out}
@keyframes a-slosh{0%{transform:none}20%{transform:translateY(-.8px) skewY(-6deg)}45%{transform:translateY(.4px) skewY(5deg)}70%{transform:skewY(-2deg)}100%{transform:none}}
@keyframes a-bub{0%{opacity:0;transform:translateY(0) scale(.4)}25%{opacity:1}100%{opacity:0;transform:translateY(-9px) scale(1)}}

.anim-clap .p-clap{transform-box:view-box;transform-origin:3.3px 8.6px;animation:a-clap .8s linear}
.anim-clap .p-board{animation:a-board .8s ease-out}
@keyframes a-clap{0%{transform:none;animation-timing-function:cubic-bezier(.2,.7,.3,1)}35%{transform:rotate(-28deg);animation-timing-function:cubic-bezier(.7,0,.9,.5)}50%{transform:rotate(2deg)}60%{transform:rotate(-4deg)}72%,100%{transform:none}}
@keyframes a-board{0%,48%{transform:none}54%{transform:translateY(.8px)}68%,100%{transform:none}}

.anim-tv .p-antenna{transform-box:view-box;transform-origin:12px 6px;animation:a-antenna 1s ease-in-out}
.anim-tv .p-play{animation:a-play .9s .15s cubic-bezier(.3,1.6,.5,1) both}
@keyframes a-antenna{0%,100%{transform:none}20%{transform:rotate(-14deg)}45%{transform:rotate(11deg)}65%{transform:rotate(-6deg)}82%{transform:rotate(3deg)}}
@keyframes a-play{0%{transform:scale(0);opacity:0}100%{transform:none;opacity:1}}

.anim-dance .p-n1{animation:a-hop .9s ease-in-out}
.anim-dance .p-n2{animation:a-hop .9s .22s ease-in-out}
@keyframes a-hop{0%,100%{transform:none}25%{transform:translateY(-3px) rotate(-8deg)}50%{transform:translateY(.5px) rotate(4deg)}75%{transform:translateY(-1px)}}

.p-flash{opacity:0}
.anim-star .p-star{animation:a-starpop .9s cubic-bezier(.3,1.5,.5,1)}
.anim-star .p-flash{animation:a-flash .9s .3s ease-out}
@keyframes a-starpop{0%{transform:scale(0) rotate(-180deg)}70%{transform:scale(1.25) rotate(12deg)}100%{transform:none}}
@keyframes a-flash{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(1.4)}}

.anim-play .p-pad{animation:a-pad .8s ease-in-out}
.anim-play .p-btn1{animation:a-btn .8s .1s ease-out}
.anim-play .p-btn2{animation:a-btn .8s .32s ease-out}
@keyframes a-pad{0%,100%{transform:none}20%{transform:rotate(-9deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}
@keyframes a-btn{0%,100%{transform:none}25%{transform:scale(2.2)}50%{transform:scale(.6)}}

.p-glint{opacity:0}
.anim-rise{animation:a-rise .9s cubic-bezier(.2,.8,.3,1)}
.anim-rise .p-glint{transform-box:view-box;animation:a-glint .9s .45s ease-out}
@keyframes a-rise{0%{transform:translateY(7px) scaleY(.6);opacity:0;transform-origin:50% 100%}70%{transform:translateY(-.8px) scaleY(1.03);opacity:1;transform-origin:50% 100%}100%{transform:none;transform-origin:50% 100%}}
@keyframes a-glint{0%{opacity:0;transform:translateY(3px)}40%{opacity:1;transform:translateY(2px)}100%{opacity:0;transform:translateY(1px)}}

.anim-heart .p-heart{animation:a-heartpop 1.1s cubic-bezier(.3,1.5,.5,1)}
@keyframes a-heartpop{0%{transform:translate(-4px,4px) scale(0)}40%{transform:translate(0,-1px) scale(1.4)}55%{transform:scale(.95)}70%{transform:scale(1.15)}100%{transform:none}}

.p-page{opacity:0}
.anim-flip .p-page{transform-box:view-box;transform-origin:12px 12px;animation:a-page .9s cubic-bezier(.4,0,.3,1)}
@keyframes a-page{0%{opacity:1;transform:none}100%{opacity:1;transform:scaleX(-1)}}

.anim-focus .p-tube{transform-box:view-box;animation:a-tube 1s ease-in-out}
@keyframes a-tube{0%,100%{transform:none}25%{transform:translate(-.6px,1.4px)}50%{transform:translate(.2px,-.5px)}72%{transform:translate(-.4px,.9px)}}

.anim-wobble .p-germ{animation:a-germ 1s ease-in-out}
.anim-wobble .p-dots{animation:a-dots 1s ease-in-out}
@keyframes a-germ{0%,100%{transform:none}20%{transform:rotate(-14deg) scale(1.06,.94)}45%{transform:rotate(10deg) scale(.95,1.05)}70%{transform:rotate(-5deg)}}
@keyframes a-dots{0%,100%{transform:none}40%{transform:scale(1.5)}}

.anim-beat .p-chest{animation:a-beat 1s ease-out}
@keyframes a-beat{0%,100%{transform:none}14%{transform:scale(1.28)}28%{transform:none}42%{transform:scale(1.18)}56%{transform:none}}

.anim-tumble .p-pill{animation:a-pill 1s cubic-bezier(.2,.8,.3,1)}
@keyframes a-pill{0%{transform:translateY(-8px) rotate(-200deg);opacity:0}55%{transform:translateY(.8px) rotate(10deg);opacity:1}72%{transform:translateY(-1px) rotate(-4deg)}100%{transform:none}}

.anim-think .p-brain{animation:a-think 1.2s ease-in-out}
@keyframes a-think{0%,100%{transform:none}25%{transform:scale(1.18)}50%{transform:scale(.96)}75%{transform:scale(1.08)}}

.anim-dots .p-d1{animation:a-dothop .7s ease-in-out}
.anim-dots .p-d2{animation:a-dothop .7s .1s ease-in-out}
.anim-dots .p-d3{animation:a-dothop .7s .2s ease-in-out}
@keyframes a-dothop{0%,100%{transform:none}40%{transform:translateY(-4px)}70%{transform:translateY(.6px)}}

.anim-spin .p-land{transform-box:view-box;animation:a-land 1.2s cubic-bezier(.3,.6,.3,1)}
@keyframes a-land{0%{transform:translateX(0)}100%{transform:translateX(20px)}}
