/* Agido part-animated icons (same drawings and motion as the app) */
/* b220 — generated with js/x212.js: the drawings' motion for the editor window */
.ni{--spring:cubic-bezier(.34,1.56,.64,1);--soft:cubic-bezier(.22,1,.36,1);display:block;overflow:visible;width:100%;height:100%}
.ni *{transform-box:view-box}

/* home */
.i-home .lit{opacity:0;transition:opacity .35s ease}
.i-home .beam{transition:opacity .35s ease}
.i-home .leaf{transform-origin:42px 69px;transition:transform .55s var(--soft)}
:is(.hov,.go) .i-home .lit{opacity:1} :is(.hov,.go) .i-home .beam{opacity:.5}
:is(.hov,.go) .i-home .leaf{transform:scaleX(.16)}
.i-home .pf{opacity:0;transform-origin:64.5px 16px}
.go .i-home .p1{animation:gx-puff 1.5s ease-out}
.go .i-home .p2{animation:gx-puff 1.5s .3s ease-out}
.go .i-home .p3{animation:gx-puff 1.5s .6s ease-out}
@keyframes gx-puff{0%{opacity:0;transform:scale(.5)}18%{opacity:.85}100%{opacity:0;transform:translate(7px,-15px) scale(1.9)}}
.i-home .bush{transform-origin:48px 81px}
.go .i-home .bush{animation:gx-squash .7s .15s var(--soft)}
@keyframes gx-squash{0%,100%{transform:none}35%{transform:scale(1.03,.9)}65%{transform:scale(.99,1.05)}}

/* download — the arrow falls out of the cloud and a new one follows */
.i-download .cloud{transition:transform .6s var(--spring)}
:is(.hov,.go) .i-download .cloud{transform:translateY(-2.5px)}
.go .i-download .arrow{animation:gx-dlA 1.05s var(--soft)}
@keyframes gx-dlA{0%{transform:none;opacity:1}34%{transform:translateY(15px);opacity:0}35%{transform:translateY(-24px);opacity:0}52%{opacity:1}82%{transform:translateY(2px)}100%{transform:none;opacity:1}}

/* browser */
.go .i-browser .land{animation:gx-land 1.5s cubic-bezier(.45,0,.2,1)}
@keyframes gx-land{0%{transform:none}100%{transform:translateX(-58px)}}
.i-browser .ring{transform-origin:48px 50px;transition:transform .8s var(--spring)}
:is(.hov,.go) .i-browser .ring{transform:rotate(12deg)}

/* convert */
.i-convert .face{transform-origin:48px 47px} .i-convert .ex{transform-origin:48px 47px}
.go .i-convert .face,.go .i-convert .ex{animation:gx-turn 1.15s var(--soft)}
@keyframes gx-turn{0%{transform:none}14%{transform:rotate(-18deg)}80%{transform:rotate(372deg)}100%{transform:rotate(360deg)}}

/* editor */
.i-editor .clap{transform-origin:15.5px 27.5px}
.go .i-editor .clap{animation:gx-clap .75s var(--soft)}
@keyframes gx-clap{0%,100%{transform:none}30%{transform:rotate(-22deg)}48%{transform:rotate(2deg)}62%{transform:rotate(-3deg)}}
.i-editor .head{transition:transform .8s var(--spring)}
:is(.hov,.go) .i-editor .head{transform:translateX(22px)}
.i-editor .play{transform-origin:50px 54.5px;transition:transform .45s var(--spring)}
:is(.hov,.go) .i-editor .play{transform:scale(1.14)}

/* duplicates */
.i-dupes .back{transform-origin:50px 43px;transition:transform .6s var(--spring)}
:is(.hov,.go) .i-dupes .back{transform:translate(6px,-4px) rotate(5deg)}
.i-dupes .chk3{stroke-dasharray:13;stroke-dashoffset:13;transition:stroke-dashoffset .2s}
.i-dupes .bx3{transition:fill .25s,stroke .25s}
:is(.hov,.go) .i-dupes .bx3{fill:#1fae52;stroke:#178a40;transition:fill .18s .38s,stroke .18s .38s}
:is(.hov,.go) .i-dupes .chk3{stroke-dashoffset:0;transition:stroke-dashoffset .28s .48s ease-out}
.go .i-dupes .pen{animation:gx-tick 1s ease-in-out}
@keyframes gx-tick{0%{transform:none}32%{transform:translate(-32.4px,-12.4px)}46%{transform:translate(-29.5px,-9.4px)}66%{transform:translate(-23.9px,-16px)}100%{transform:none}}

/* library */
.i-library .dl{transform-origin:41.5px 64px;transition:transform .55s var(--soft)}
.i-library .dr{transform-origin:54.5px 64px;transition:transform .55s var(--soft)}
.i-library .beam{transition:opacity .4s}
:is(.hov,.go) .i-library .dl,:is(.hov,.go) .i-library .dr{transform:scaleX(.14)}
:is(.hov,.go) .i-library .beam{opacity:.55}
.go .i-library .shine{animation:gx-shine .9s .1s ease-in-out}
@keyframes gx-shine{0%{transform:none}100%{transform:translateX(110px)}}
.i-library .tree{transform-origin:48px 82px}
.go .i-library .tree{animation:gx-squash .7s .2s var(--soft)}

/* history */
.i-history .scr{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .25s}
:is(.hov,.go) .i-history .scr{stroke-dashoffset:0;transition:stroke-dashoffset .72s .29s linear}
.go .i-history .pen{animation:gx-draw 1.2s linear}
@keyframes gx-draw{0%{transform:none}16%{transform:translate(-36px,-5px)}24%{transform:translate(-36px,0)}29%{transform:translate(-33px,-3px)}34%{transform:translate(-30px,0px)}39%{transform:translate(-27px,3px)}44%{transform:translate(-24px,0px)}49%{transform:translate(-21px,-3px)}54%{transform:translate(-18px,0px)}59%{transform:translate(-15px,3px)}64%{transform:translate(-12px,0px)}69%{transform:translate(-9px,-3px)}74%{transform:translate(-6px,0px)}79%{transform:translate(-3px,3px)}84%{transform:translate(0px,0px)}100%{transform:none}}

/* plugins */
.i-plugins .p4{transform-origin:58.5px 58.5px;transform:translate(10px,8px) rotate(18deg);transition:transform .65s var(--spring)}
:is(.hov,.go) .i-plugins .p4{transform:none}
.go .i-plugins .p1{animation:gx-n1 .6s .25s var(--soft)} .go .i-plugins .p2{animation:gx-n2 .6s .25s var(--soft)} .go .i-plugins .p3{animation:gx-n3 .6s .25s var(--soft)}
@keyframes gx-n1{40%{transform:translate(-1.6px,-1.6px)}} @keyframes gx-n2{40%{transform:translate(1.6px,-1.6px)}} @keyframes gx-n3{40%{transform:translate(-1.6px,1.6px)}}

/* customization */
.i-custom .tuft{fill:#ff4d5e;transition:fill .25s}
:is(.hov,.go) .i-custom .tuft{fill:#3d8bff;transition:fill .2s .42s}
.i-custom .brush{transform-origin:57px 66px}
.go .i-custom .brush{animation:gx-dip 1s var(--soft)}
@keyframes gx-dip{0%{transform:none}38%{transform:translate(9px,-29px) rotate(-8deg)}48%{transform:translate(10.5px,-31px) rotate(-4deg)}58%{transform:translate(9px,-29px) rotate(-8deg)}100%{transform:none}}
.go .i-custom .b0{animation:gx-pop .5s .05s var(--spring)} .go .i-custom .b1{animation:gx-pop .5s .12s var(--spring)}
.go .i-custom .b2{animation:gx-pop .5s .19s var(--spring)} .go .i-custom .b3{animation:gx-pop .5s .45s var(--spring)} .go .i-custom .b4{animation:gx-pop .5s .33s var(--spring)}
@keyframes gx-pop{0%,100%{transform:none}45%{transform:scale(1.25)}}

/* settings — the two gears spin together, in mesh: the small one twice as fast, the other way.
   A full turn each (360° / 720°) so they end exactly as they started. */
.i-settings .g1,.i-settings .g1x{transform-origin:39px 39px}
.i-settings .g2,.i-settings .g2x{transform-origin:67.90px 67.90px}
.go .i-settings .g1,.go .i-settings .g1x{animation:gx-gBig 1.35s cubic-bezier(.45,0,.2,1)}
.go .i-settings .g2,.go .i-settings .g2x{animation:gx-gSmall 1.35s cubic-bezier(.45,0,.2,1)}
@keyframes gx-gBig{0%{transform:none}14%{transform:rotate(-18deg)}84%{transform:rotate(372deg)}100%{transform:rotate(360deg)}}
@keyframes gx-gSmall{0%{transform:none}14%{transform:rotate(36deg)}84%{transform:rotate(-744deg)}100%{transform:rotate(-720deg)}}

/* about — the red bow: its loops puff out, the knot is pulled tight, the tails flutter */
.i-about .ll{transform-origin:46px 42px}.i-about .lr{transform-origin:50px 42px}.i-about .kn{transform-origin:48px 41.5px}
.i-about .tl{transform-origin:46px 47px}.i-about .tr{transform-origin:50px 47px}
.go .i-about .ll{animation:gx-bwL .9s var(--soft)}.go .i-about .lr{animation:gx-bwR .9s var(--soft)}.go .i-about .kn{animation:gx-bwK .9s var(--soft)}
.go .i-about .tl{animation:gx-bwTL 1.1s ease-in-out}.go .i-about .tr{animation:gx-bwTR 1.1s ease-in-out}
@keyframes gx-bwL{0%,100%{transform:none}30%{transform:rotate(-9deg) scale(1.06)}60%{transform:rotate(3deg)}}
@keyframes gx-bwR{0%,100%{transform:none}30%{transform:rotate(9deg) scale(1.06)}60%{transform:rotate(-3deg)}}
@keyframes gx-bwK{0%,100%{transform:none}28%{transform:scale(.82,1.08)}55%{transform:scale(1.08,.95)}}
@keyframes gx-bwTL{0%,100%{transform:none}25%{transform:rotate(7deg)}55%{transform:rotate(-5deg)}80%{transform:rotate(2deg)}}
@keyframes gx-bwTR{0%,100%{transform:none}25%{transform:rotate(-7deg)}55%{transform:rotate(5deg)}80%{transform:rotate(-2deg)}}

/* clock (alternative for History) */
.i-clock .mh{transform-origin:48px 49px} .i-clock .hh{transform-origin:48px 49px}
.go .i-clock .mh{animation:gx-rewM 1.1s var(--soft)} .go .i-clock .hh{animation:gx-rewH 1.1s var(--soft)}
@keyframes gx-rewM{0%{transform:none}100%{transform:rotate(-360deg)}} @keyframes gx-rewH{0%{transform:none}100%{transform:rotate(-30deg)}}
.i-clock .rew{transform-origin:48px 49px}
.go .i-clock .rew{animation:gx-rewA 1.1s var(--soft)}
@keyframes gx-rewA{0%,100%{transform:none}40%{transform:rotate(-24deg)}}


.s-opt .fl{transition:transform .6s var(--spring)} .s-opt .kb{transition:transform .6s var(--spring)}
:is(.hov,.go) .s-opt .f0{transform:scaleX(0.826)!important} :is(.hov,.go) .s-opt .k0{transform:translateX(56px)!important}
:is(.hov,.go) .s-opt .f1{transform:scaleX(0.261)!important} :is(.hov,.go) .s-opt .k1{transform:translateX(30px)!important}
:is(.hov,.go) .s-opt .f2{transform:scaleX(0.957)!important} :is(.hov,.go) .s-opt .k2{transform:translateX(62px)!important}

.s-opt .gr{transform-origin:72px 70px} .go .s-opt .gr{animation:sx-sGear 1.1s var(--soft)}
@keyframes sx-sGear{0%{transform:none}100%{transform:rotate(240deg)}}

.s-net .wv{opacity:.28} .s-net .led{transition:opacity .2s}
.go .s-net .w0{animation:sx-wave 1.2s ease-out} .go .s-net .w1{animation:sx-wave 1.2s .15s ease-out} .go .s-net .w2{animation:sx-wave 1.2s .3s ease-out}
@keyframes sx-wave{0%,100%{opacity:.28}25%{opacity:1}55%{opacity:.4}75%{opacity:1}}
.hov .s-net .wv{opacity:1;transition:opacity .3s .9s}
.go .s-net .l1{animation:sx-blink .3s 3 steps(1)} .go .s-net .l2{animation:sx-blink .3s .15s 3 steps(1)}
@keyframes sx-blink{50%{opacity:.2}}

.s-bell .bell{transform-origin:46px 15px} .s-bell .clap{transform-origin:46px 50px}
.go .s-bell .bell{animation:sx-ring 1s ease-in-out} .go .s-bell .clap{animation:sx-ringC 1s ease-in-out}
@keyframes sx-ring{0%,100%{transform:none}12%{transform:rotate(16deg)}28%{transform:rotate(-14deg)}44%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}76%{transform:rotate(3deg)}}
@keyframes sx-ringC{0%,100%{transform:none}12%{transform:rotate(-14deg)}28%{transform:rotate(12deg)}44%{transform:rotate(-9deg)}60%{transform:rotate(5deg)}}
.go .s-bell .badge{animation:sx-pop2 .6s .15s var(--spring)}
@keyframes sx-pop2{0%{transform:scale(0)}100%{transform:scale(1)}}

.s-bk .rot{transform-origin:68px 36px} .go .s-bk .rot{animation:sx-spin1 1.1s var(--soft)}
@keyframes sx-spin1{0%{transform:none}14%{transform:rotate(-20deg)}100%{transform:rotate(360deg)}}
.go :is(.s-bk,.s-abk) .led{animation:sx-blink .25s 4 steps(1)}

.s-abk .mh,.s-abk .hh{transform-origin:68px 36px}
.go .s-abk .mh{animation:sx-mh 1.2s var(--soft)} .go .s-abk .hh{animation:sx-hh 1.2s var(--soft)}
@keyframes sx-mh{0%{transform:none}100%{transform:rotate(360deg)}} @keyframes sx-hh{0%{transform:none}100%{transform:rotate(30deg)}}

.s-chip .run{stroke-dasharray:6 30;stroke-dashoffset:20;opacity:0}
.go .s-chip .run{animation:sx-run .9s ease-in 2}
@keyframes sx-run{0%{stroke-dashoffset:20;opacity:1}100%{stroke-dashoffset:-16;opacity:1}}
.s-chip .glow{transition:opacity .4s} .hov .s-chip .glow{opacity:.75}
.go .s-chip .glow{animation:sx-cglow 1.6s ease-in-out}
@keyframes sx-cglow{0%{opacity:0}40%{opacity:.9}100%{opacity:.6}}

.s-gauge .ndl{transform-origin:48px 52px;transform:rotate(-165deg);transition:transform 1s cubic-bezier(.3,1.35,.5,1)}
:is(.hov,.go) .s-gauge .ndl{transform:rotate(-25deg)}

.s-bars .bar{transform:none}
.go .s-bars .b0{animation:sx-rise .6s var(--spring) both} .go .s-bars .b1{animation:sx-rise .6s .08s var(--spring) both}
.go .s-bars .b2{animation:sx-rise .6s .16s var(--spring) both} .go .s-bars .b3{animation:sx-rise .6s .24s var(--spring) both}
@keyframes sx-rise{0%{transform:scaleY(.15)}100%{transform:none}}
.go .s-bars .trend{animation:sx-trend .7s .3s ease-out both}
@keyframes sx-trend{0%{stroke-dasharray:100;stroke-dashoffset:100}100%{stroke-dasharray:100;stroke-dashoffset:0}}
.go .s-bars .dt{animation:sx-pop2 .4s .7s var(--spring) both}

.s-ph .dot{opacity:0}
.go .s-ph .d0{animation:sx-fly 1s ease-in-out} .go .s-ph .d1{animation:sx-fly 1s .2s ease-in-out} .go .s-ph .d2{animation:sx-fly 1s .4s ease-in-out}
@keyframes sx-fly{0%{opacity:0;transform:none}20%{opacity:1}80%{opacity:1;transform:translate(18px,-4px)}100%{opacity:0;transform:translate(22px,-4px)}}
.s-ph .pl{transition:opacity .3s,transform .4s var(--spring);transform-origin:63px 37px}
:is(.hov,.go) .s-ph .pl{opacity:1;transform:scale(1.15);transition-delay:.6s}
.s-ph .psc{transition:filter .3s} .hov .s-ph .psc{filter:brightness(1.18)}

.s-broom .broom{transform-origin:75px 10px}
.go .s-broom .broom{animation:sx-sweep 1s ease-in-out}
@keyframes sx-sweep{0%,100%{transform:none}20%{transform:rotate(12deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(12deg)}80%{transform:rotate(-4deg)}}
.go .s-broom .s0{animation:sx-dust .9s .2s ease-out} .go .s-broom .s1{animation:sx-dust .9s .35s ease-out}
.go .s-broom .s2{animation:sx-dust .9s .5s ease-out} .go .s-broom .s3{animation:sx-dust .9s .6s ease-out}
@keyframes sx-dust{0%{opacity:1;transform:none}100%{opacity:0;transform:translate(-10px,-6px) scale(.3)}}
.s-broom .spk{opacity:0} .go .s-broom .spk{animation:sx-spk2 .8s .7s ease-out}
@keyframes sx-spk2{0%{opacity:0;transform:scale(.2)}45%{opacity:1;transform:scale(1.2) rotate(25deg)}100%{opacity:0;transform:scale(.6) rotate(45deg)}}

.s-font .ta{transform-origin:39px 73px} .s-font .tb{transform-origin:68px 66px}
.go .s-font .ta{animation:sx-tile .8s var(--soft)} .go .s-font .tb{animation:sx-flipT .9s .2s var(--soft)}
@keyframes sx-tile{0%,100%{transform:none}30%{transform:scale(1.06,.92)}55%{transform:translateY(-6px) scale(.97,1.04)}78%{transform:translateY(1px)}}
@keyframes sx-flipT{0%,100%{transform:none}35%{transform:scaleX(.05)}70%{transform:scaleX(1.1)}}

.s-safe .dial{transform-origin:44px 49px} .s-safe .hnd{transform-origin:66.5px 49px}
.go .s-safe .dial{animation:sx-dial 1.2s cubic-bezier(.45,0,.2,1)}
@keyframes sx-dial{0%{transform:none}40%{transform:rotate(-200deg)}75%{transform:rotate(60deg)}100%{transform:none}}
.s-safe .hnd{transition:transform .45s var(--spring)} :is(.hov,.go) .s-safe .hnd{transform:rotate(90deg);transition-delay:.9s}

@keyframes sx-pop2{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes sx-twirl{0%{transform:none}40%{transform:scale(1.3) rotate(45deg)}100%{transform:rotate(90deg)}}
@keyframes sx-wave{0%,100%{opacity:.35}25%{opacity:1}55%{opacity:.45}75%{opacity:1}}
@keyframes sx-blink{50%{opacity:.2}}
@keyframes sx-typ{0%{transform:scaleX(0)}100%{transform:none}}
@keyframes sx-swing{0%,100%{transform:none}25%{transform:rotate(14deg)}55%{transform:rotate(-10deg)}80%{transform:rotate(4deg)}}
@keyframes sx-streak{0%,100%{transform:none;opacity:1}20%{transform:translateX(6px) scaleX(1.25);opacity:.5}42%{transform:none;opacity:1}}
@keyframes sx-pls{0%{stroke-dasharray:100;stroke-dashoffset:100}100%{stroke-dasharray:100;stroke-dashoffset:0}}
@keyframes sx-spin1{0%{transform:none}14%{transform:rotate(-20deg)}100%{transform:rotate(360deg)}}
@keyframes sx-wrench{0%,100%{transform:none}30%{transform:rotate(-24deg)}60%{transform:rotate(8deg)}}
@keyframes sx-pop5{0%,100%{transform:none}50%{transform:scale(1.12)}}
@keyframes sx-turnk{0%,100%{transform:none}50%{transform:rotate(-35deg)}}
@keyframes sx-flash{50%{filter:brightness(1.4)}}
@keyframes sx-arr{50%{transform:translateX(8px)}}
@keyframes sx-dlA{0%{transform:none;opacity:1}34%{transform:translateY(15px);opacity:0}35%{transform:translateY(-24px);opacity:0}52%{opacity:1}82%{transform:translateY(2px)}100%{transform:none;opacity:1}}
.s-ais .ln{transition:fill .2s}
.go .s-ais .n0{animation:sx-read .3s .05s both}.go .s-ais .n1{animation:sx-read .3s .2s both}.go .s-ais .n2{animation:sx-read .3s .35s both}.go .s-ais .n3{animation:sx-read .3s .5s both}.go .s-ais .n4{animation:sx-read .3s .65s both}.go .s-ais .n5{animation:sx-read .3s .8s both}
@keyframes sx-read{0%{fill:#d6ccb8}50%{fill:#9b82ff}100%{fill:#c7b8ff}}
.go .s-ais .sp1{animation:sx-twirl 1s var(--soft)} .go .s-ais .sp2{animation:sx-twirl .9s .3s var(--soft)}
@keyframes sx-twirl{0%{transform:none}40%{transform:scale(1.3) rotate(45deg)}100%{transform:rotate(90deg)}}
.s-ait .key,.s-ait .kt{transform-origin:44px 78px}
.go .s-ait .key,.go .s-ait .kt{animation:sx-press .6s var(--soft)}
@keyframes sx-press{0%,100%{transform:none}30%{transform:translateY(3.5px) scaleY(.95)}}
.go .s-ait .sp1{animation:sx-twirl 1s .2s var(--soft)} .go .s-ait .sp2{animation:sx-twirl .9s .35s var(--soft)} .go .s-ait .sp3{animation:sx-twirl .9s .5s var(--soft)}
.s-anm .ball{transform-origin:58px 72px}
.go .s-anm .ball{animation:sx-bounce 1s var(--soft)}
@keyframes sx-bounce{0%{transform:none}20%{transform:translateY(-16px) scale(.94,1.06)}42%{transform:translateY(0) scale(1.12,.86)}60%{transform:translateY(-6px)}78%{transform:translateY(0) scale(1.04,.96)}100%{transform:none}}
.s-anm .ln{transform-origin:34px 52px} .go .s-anm .ln{animation:sx-streak 1s var(--soft)}
@keyframes sx-streak{0%,100%{transform:none;opacity:1}20%{transform:translateX(6px) scaleX(1.25);opacity:.5}42%{transform:none;opacity:1}}
.s-arc .lid{transform-origin:10px 48px} .s-arc .dc{transform-origin:48px 30px}
.s-arc .dc{transform:translateY(-6px);opacity:0}
.go .s-arc .lid{animation:sx-lid 1.1s var(--soft)}
@keyframes sx-lid{0%,100%{transform:none}25%,60%{transform:rotate(-24deg) translate(-2px,-4px)}}
.go .s-arc .dc{animation:sx-drop 1.1s var(--soft)}
@keyframes sx-drop{0%{transform:translateY(-10px);opacity:0}20%{opacity:1;transform:translateY(-6px)}55%{transform:translateY(22px);opacity:1}62%{opacity:0}100%{opacity:0;transform:translateY(22px)}}
.go .s-cast .w0{animation:sx-wave 1.2s ease-out} .go .s-cast .w1{animation:sx-wave 1.2s .15s ease-out} .go .s-cast .w2{animation:sx-wave 1.2s .3s ease-out} .s-cast .wv{opacity:.35} .hov .s-cast .wv{opacity:1;transition:opacity .3s .9s}
.go .s-col .b0{animation:sx-hopc .7s var(--soft)} .go .s-col .b1{animation:sx-hopc .7s .12s var(--soft)} .go .s-col .b2{animation:sx-hopc .7s .24s var(--soft)}
@keyframes sx-hopc{0%,100%{transform:none}35%{transform:translateY(-7px) scale(.96,1.05)}65%{transform:scale(1.06,.94)}}
.s-cpl .clip{transform-origin:46px 24px} .go .s-cpl .clip{animation:sx-clipP .5s var(--soft)}
@keyframes sx-clipP{0%,100%{transform:none}35%{transform:translateY(2.5px) scaleY(.85)}}
.go .s-cpl .chain{animation:sx-swing 1s .2s ease-in-out}
@keyframes sx-swing{0%,100%{transform:none}25%{transform:rotate(14deg)}55%{transform:rotate(-10deg)}80%{transform:rotate(4deg)}}
.go .s-bug .l0{animation:sx-legA .25s 4 alternate ease-in-out} .go .s-bug .l1{animation:sx-legB .25s 4 alternate ease-in-out}
@keyframes sx-legA{to{transform:rotate(14deg)}} @keyframes sx-legB{to{transform:rotate(-14deg)}}
.s-bug .ant{transform-origin:46px 30px} .go .s-bug .ant{animation:sx-ant .5s 2 ease-in-out}
@keyframes sx-ant{50%{transform:scaleY(.8) rotate(4deg)}}
.go .s-bug .mag{animation:sx-magS 1.1s ease-in-out}
@keyframes sx-magS{0%,100%{transform:none}35%{transform:translate(-18px,-8px)}70%{transform:translate(-6px,6px)}}
.go .s-bug .bdg{animation:sx-pop2 .5s .3s var(--spring) both}
.go .s-tool .wre{animation:sx-wrench 1s var(--soft)} @keyframes sx-wrench{0%,100%{transform:none}30%{transform:rotate(-24deg)}60%{transform:rotate(8deg)}}
.go .s-tool .scr{animation:sx-twist 1s .1s ease-in-out} @keyframes sx-twist{0%,100%{transform:none}25%{transform:rotate(10deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}}
.s-dpf .bk{transition:transform .6s var(--spring)} :is(.hov,.go) .s-dpf .bk{transform:translate(5px,-4px) rotate(4deg)}
.s-dpf .bk{transform-origin:53px 40px}
.go .s-dpf .bdg{animation:sx-pop2 .55s .35s var(--spring) both}
.s-dpf .ck{stroke-dasharray:24;stroke-dashoffset:0} .go .s-dpf .ck{animation:sx-ckd .4s .6s ease-out both}
@keyframes sx-ckd{0%{stroke-dashoffset:24}100%{stroke-dashoffset:0}}
.go .s-adj .q0{animation:sx-qa 1s var(--soft)} .go .s-adj .q1{animation:sx-qb 1s var(--soft)} .go .s-adj .q2{animation:sx-qc 1s var(--soft)}
@keyframes sx-qa{50%{transform:translate(-5px,-4px)}} @keyframes sx-qb{50%{transform:translate(5px,-4px)}} @keyframes sx-qc{50%{transform:translateY(6px)}}
.s-adj .kn{transition:transform .6s var(--spring)} :is(.hov,.go) .s-adj .kn{transform:translateY(24px)}
.go .s-afx .pulse{animation:sx-pls .9s ease-out} @keyframes sx-pls{0%{stroke-dasharray:100;stroke-dashoffset:100}100%{stroke-dasharray:100;stroke-dashoffset:0}}
.go .s-afx .sp1{animation:sx-twirl .9s .4s var(--soft)}
.go .s-kfa .ph{animation:sx-phr 1.1s ease-in-out} @keyframes sx-phr{0%{transform:none}85%{transform:translateX(56px)}100%{transform:translateX(56px);opacity:0}}
.go .s-kfa .k0{animation:sx-pop3 .35s .18s var(--spring)} .go .s-kfa .k1{animation:sx-pop3 .35s .48s var(--spring)} .go .s-kfa .k2{animation:sx-pop3 .35s .78s var(--spring)}
@keyframes sx-pop3{50%{transform:scale(1.4) rotate(45deg)}}
.s-beh .pt,.s-beh .pl{transform-origin:58px 76px}
.go .s-beh .pt,.go .s-beh .pl{animation:sx-dash .8s var(--soft)} @keyframes sx-dash{0%,100%{transform:none}30%{transform:translateX(8px) skewX(-8deg)}60%{transform:translateX(-2px)}}
.s-beh .ln{transform-origin:24px 50px} .go .s-beh .ln{animation:sx-streak .8s var(--soft)}
.s-mus .nt{transform-origin:48px 64px} .go .s-mus .nt{animation:sx-beat .9s var(--soft)}
@keyframes sx-beat{0%,100%{transform:none}20%{transform:translateY(-5px) rotate(-6deg)}45%{transform:scale(1.06,.94)}65%{transform:translateY(-3px) rotate(4deg)}}
.go .s-nts .bub{animation:sx-pop4 .6s var(--spring)} @keyframes sx-pop4{0%{transform:scale(.6)}100%{transform:none}}
.s-nts .t0,.s-nts .t1{transform-origin:22px 0} .go .s-nts .t0{animation:sx-typ .4s .3s both ease-out} .go .s-nts .t1{animation:sx-typ .35s .65s both ease-out}
@keyframes sx-typ{0%{transform:scaleX(0)}100%{transform:none}}
.s-esp .ndl{transform-origin:48px 64px;transform:rotate(-160deg);transition:transform 1s cubic-bezier(.3,1.35,.5,1)} :is(.hov,.go) .s-esp .ndl{transform:rotate(-30deg)}
.go .s-txt .caret{animation:sx-blink .35s 4 steps(1)} .s-txt .ul{transform-origin:24px 68px} .go .s-txt .ul{animation:sx-typ .6s .2s both var(--soft)}
.go .s-trn .cb{animation:sx-slide 1s var(--soft)} @keyframes sx-slide{0%,100%{transform:none}40%{transform:translate(-20px,-12px);opacity:.85}70%{transform:translate(2px,1px)}}
.go .s-trn .ar{animation:sx-arr .9s ease-in-out} @keyframes sx-arr{50%{transform:translateX(8px)}}
.s-vfx .wand{transform-origin:54px 68px} .go .s-vfx .wand{animation:sx-wave2 .9s ease-in-out}
@keyframes sx-wave2{0%,100%{transform:none}30%{transform:rotate(-14deg)}60%{transform:rotate(8deg)}}
.go .s-vfx .sp1{animation:sx-twirl .8s .25s var(--soft)} .go .s-vfx .sp2{animation:sx-twirl .8s .4s var(--soft)} .go .s-vfx .sp3{animation:sx-twirl .8s .5s var(--soft)}
.go .s-voi .w0{animation:sx-wave 1.2s ease-out} .go .s-voi .w1{animation:sx-wave 1.2s .15s ease-out} .go .s-voi .w2{animation:sx-wave 1.2s .3s ease-out} .s-voi .wv{opacity:.35} .hov .s-voi .wv{opacity:1;transition:opacity .3s .9s}
.s-ui .sw{transition:fill .3s} .s-ui .kb{transition:transform .45s var(--spring)}
:is(.hov,.go) .s-ui .s0{fill:#c4ccd9} :is(.hov,.go) .s-ui .k0{transform:translateX(-6px)}
:is(.hov,.go) .s-ui .s1{fill:#3d8bff;transition-delay:.15s} :is(.hov,.go) .s-ui .k1{transform:translateX(6px);transition-delay:.15s}
.s-mx .sub{transform:translateY(6px);opacity:0;transition:transform .45s var(--spring),opacity .3s}
:is(.hov,.go) .s-mx .sub{transform:none;opacity:1;transition-delay:.15s}
.go .s-mx .bdg{animation:sx-pop2 .55s .3s var(--spring) both}
.s-mrg .fd{offset-rotate:0deg;opacity:0}
.s-mrg .f0{offset-path:path("M34 25c14 0 14 23 26 23")} .s-mrg .f1{offset-path:path("M34 71c14 0 14-23 26-23")}
.s-mrg .fd{offset-distance:0%} .s-mrg .fd{cx:0;cy:0}
.go .s-mrg .fd{animation:sx-flow .8s ease-in-out 2}
@keyframes sx-flow{0%{offset-distance:0%;opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}
.s-mrg .out{transform-origin:74px 64px} .go .s-mrg .out{animation:sx-pop5 .5s .75s var(--spring)}
@keyframes sx-pop5{0%,100%{transform:none}50%{transform:scale(1.12)}}
.s-nam .wr{stroke-dasharray:100;stroke-dashoffset:100} :is(.hov,.go) .s-nam .wr{stroke-dashoffset:0;transition:stroke-dashoffset .6s .1s linear}
.go .s-nam .pen{animation:sx-penw .75s linear} @keyframes sx-penw{0%{transform:translate(-24px,0)}25%{transform:translate(-18px,-2px)}50%{transform:translate(-12px,2px)}75%{transform:translate(-6px,-2px)}100%{transform:none}}
.go .s-nam .tag{animation:sx-swing 1s .3s ease-in-out}
.go .s-pk .c0{animation:sx-rise2 .8s var(--soft)} .go .s-pk .c1{animation:sx-rise2 .8s .1s var(--soft)} .go .s-pk .c2{animation:sx-rise2 .8s .2s var(--soft)}
@keyframes sx-rise2{0%,100%{transform:none}45%{transform:translateY(-9px)}}
.go .s-pk .sp1{animation:sx-twirl .9s .35s var(--soft)}
.go .s-plb .t0{animation:sx-pop2 .4s 0.00s var(--spring) both}.go .s-plb .t1{animation:sx-pop2 .4s 0.07s var(--spring) both}.go .s-plb .t2{animation:sx-pop2 .4s 0.14s var(--spring) both}.go .s-plb .t3{animation:sx-pop2 .4s 0.21s var(--spring) both}.go .s-plb .t4{animation:sx-pop2 .4s 0.28s var(--spring) both}.go .s-plb .t5{animation:sx-pop2 .4s 0.35s var(--spring) both}.go .s-plb .t6{animation:sx-pop2 .4s 0.42s var(--spring) both}.go .s-plb .t7{animation:sx-pop2 .4s 0.49s var(--spring) both}
.s-prf .sh{transform-origin:58px 44px} .go .s-prf .sh{animation:sx-unl 1s var(--soft)}
@keyframes sx-unl{0%,100%{transform:none}30%,55%{transform:translateY(-7px) rotate(18deg)}}
.go .s-prf .d0{animation:sx-pop2 .3s .4s var(--spring) both} .go .s-prf .d1{animation:sx-pop2 .3s .55s var(--spring) both} .go .s-prf .d2{animation:sx-pop2 .3s .7s var(--spring) both}
.go .s-qt .film{animation:sx-fs .9s var(--soft)} @keyframes sx-fs{50%{transform:translateX(-5px)}}
.go .s-qt .wre{animation:sx-wrench 1s var(--soft)}
.go .s-rmt .w0{animation:sx-wave 1.2s ease-out} .go .s-rmt .w1{animation:sx-wave 1.2s .15s ease-out} .go .s-rmt .w2{animation:sx-wave 1.2s .3s ease-out} .s-rmt .wv{opacity:.35} .hov .s-rmt .wv{opacity:1;transition:opacity .3s .9s} .go .s-rmt .pb{animation:sx-pop5 .5s var(--spring)}
.s-ren .nm{transform-origin:24px 53px;transition:opacity .2s,transform .35s var(--spring)}
:is(.hov,.go) .s-ren .n0{opacity:0;transform:scaleX(.2)} :is(.hov,.go) .s-ren .n1{opacity:1;transition-delay:.25s}
.go .s-ren .pen{animation:sx-tap .7s ease-in-out} @keyframes sx-tap{0%,100%{transform:none}30%{transform:translate(-3px,-3px)}50%{transform:none}70%{transform:translate(-3px,-3px)}}
.go .s-run .arw{animation:sx-dlA 1.1s var(--soft) 2}
.s-run .bar{transform-origin:30px 72px} .go .s-run .bar{animation:sx-typ 2.2s ease-in-out}
.s-scn .mk{transition:transform .5s var(--spring)}
.go .s-scn .m0{animation:sx-mkd .5s var(--spring)} .go .s-scn .m1{animation:sx-mkd .5s .15s var(--spring)}
@keyframes sx-mkd{0%{transform:translateY(-14px);opacity:0}100%{transform:none;opacity:1}}
.go .s-scn .g0{animation:sx-flash .3s .4s} .go .s-scn .g1{animation:sx-flash .3s .55s} .go .s-scn .g2{animation:sx-flash .3s .7s}
@keyframes sx-flash{50%{filter:brightness(1.4)}}
.go .s-ses .key{animation:sx-turnk .8s var(--soft)} @keyframes sx-turnk{0%,100%{transform:none}50%{transform:rotate(-35deg)}}
.go .s-ses .bdg{animation:sx-pop2 .5s .55s var(--spring) both}
:is(.hov,.go) .s-sgn .ring{stroke-dashoffset:0;transition:stroke-dashoffset .8s ease-out}
.s-sgn .ring{transition:stroke-dashoffset .3s} .go .s-sgn .key{animation:sx-turnk .8s .3s var(--soft)}
.go .s-snp .fl{animation:sx-flsh .5s ease-out} @keyframes sx-flsh{0%{opacity:0;transform:scale(.4)}30%{opacity:.95}100%{opacity:0;transform:scale(1.3)}}
.s-snp .fl{transform-origin:74.5px 34.5px}
.s-snp .ph{transition:transform .6s var(--spring)} :is(.hov,.go) .s-snp .ph{transform:translateY(22px);transition-delay:.25s}
.go .s-sng .rec{animation:sx-spin2 1.2s var(--soft)} @keyframes sx-spin2{0%{transform:none}100%{transform:rotate(360deg)}}
.go .s-sng .tag{animation:sx-swing 1s .2s ease-in-out}
.s-srt .dc{transition:transform .5s var(--spring)} :is(.hov,.go) .s-srt .dc{transform:translateY(14px)}
.s-srt .arr{transform-origin:70px 20px} .go .s-srt .arr{animation:sx-sweep2 .8s var(--soft)} @keyframes sx-sweep2{0%,100%{transform:none}40%{transform:rotate(25deg)}}
.s-spc .t0,.s-spc .t1{transform-origin:40px 0} .go .s-spc .t0{animation:sx-typ .45s .25s both ease-out} .go .s-spc .t1{animation:sx-typ .4s .6s both ease-out}
.s-spc .mic{transform-origin:22px 80px} .go .s-spc .mic{animation:sx-pop5 .5s var(--spring)}
.go .s-sys .g1{animation:sx-pls .9s ease-out} .go .s-sys .g2{animation:sx-pls .9s .2s ease-out both}
.s-thr .rot{transform-origin:70px 66px} .go .s-thr .rot{animation:sx-spin1 1.1s var(--soft)}
.go .s-thr .pic{animation:sx-flash .4s .5s}
.s-vrt .fr{transition:transform .7s var(--spring)} :is(.hov,.go) .s-vrt .fr{transform:rotate(90deg) scale(.86)}
.go .s-vrt .ar{animation:sx-arr .7s ease-in-out}
.go .s-dsh .w0{animation:sx-wave 1.2s ease-out} .go .s-dsh .w1{animation:sx-wave 1.2s .15s ease-out} .go .s-dsh .w2{animation:sx-wave 1.2s .3s ease-out} .s-dsh .wv{opacity:.35} .hov .s-dsh .wv{opacity:1;transition:opacity .3s .9s} .go .s-dsh .dish{animation:sx-dishT 1s ease-in-out} @keyframes sx-dishT{0%,100%{transform:none}40%{transform:rotate(-10deg)}70%{transform:rotate(4deg)}}
.s-wtm .wm{opacity:.35;transition:opacity .4s} :is(.hov,.go) .s-wtm .wm{opacity:1}
.go .s-wtm .bdg{animation:sx-pop2 .5s .35s var(--spring) both}@keyframes ex-pop2{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes ex-twirl{0%{transform:none}40%{transform:scale(1.3) rotate(45deg)}100%{transform:rotate(90deg)}}
@keyframes ex-wave{0%,100%{opacity:.35}25%{opacity:1}55%{opacity:.45}75%{opacity:1}}
@keyframes ex-blink{50%{opacity:.2}}
@keyframes ex-typ{0%{transform:scaleX(0)}100%{transform:none}}
@keyframes ex-swing{0%,100%{transform:none}25%{transform:rotate(14deg)}55%{transform:rotate(-10deg)}80%{transform:rotate(4deg)}}
@keyframes ex-streak{0%,100%{transform:none;opacity:1}20%{transform:translateX(6px) scaleX(1.25);opacity:.5}42%{transform:none;opacity:1}}
@keyframes ex-pls{0%{stroke-dasharray:100;stroke-dashoffset:100}100%{stroke-dasharray:100;stroke-dashoffset:0}}
@keyframes ex-spin1{0%{transform:none}14%{transform:rotate(-20deg)}100%{transform:rotate(360deg)}}
@keyframes ex-wrench{0%,100%{transform:none}30%{transform:rotate(-24deg)}60%{transform:rotate(8deg)}}
@keyframes ex-pop5{0%,100%{transform:none}50%{transform:scale(1.12)}}
@keyframes ex-turnk{0%,100%{transform:none}50%{transform:rotate(-35deg)}}
@keyframes ex-flash{50%{filter:brightness(1.4)}}
@keyframes ex-arr{50%{transform:translateX(8px)}}
@keyframes ex-dlA{0%{transform:none;opacity:1}34%{transform:translateY(15px);opacity:0}35%{transform:translateY(-24px);opacity:0}52%{opacity:1}82%{transform:translateY(2px)}100%{transform:none;opacity:1}}
@keyframes ex-spin2{0%{transform:none}100%{transform:rotate(360deg)}}
@keyframes ex-pop3{50%{transform:scale(1.4) rotate(45deg)}}
@keyframes ex-land{0%{transform:none}100%{transform:translateX(-58px)}}
.e-check .ck{stroke-dasharray:50;stroke-dashoffset:0} .go .e-check .ck{animation:ex-ckd2 .5s ease-out} @keyframes ex-ckd2{0%{stroke-dashoffset:50}100%{stroke-dashoffset:0}} .e-check .gl{transform-origin:48px 46px} .go .e-check .gl{animation:ex-pop5 .45s var(--spring)}
.e-close .gl{transform-origin:48px 46px} .go .e-close .gl{animation:ex-xr .5s var(--soft)} @keyframes ex-xr{0%{transform:none}50%{transform:rotate(90deg) scale(.85)}100%{transform:rotate(90deg)}}
.go .e-download .ar{animation:ex-dlA 1s var(--soft)}
.go .e-upload .ar{animation:ex-upA 1s var(--soft)} @keyframes ex-upA{0%{transform:none;opacity:1}34%{transform:translateY(-15px);opacity:0}35%{transform:translateY(20px);opacity:0}55%{opacity:1}82%{transform:translateY(-2px)}100%{transform:none}}
.e-plus .gl{transform-origin:48px 46px} .go .e-plus .gl{animation:ex-xr .5s var(--soft)}
.e-play .gl{transform-origin:48px 46px} .go .e-play .gl{animation:ex-nud .6s var(--spring)} @keyframes ex-nud{0%,100%{transform:none}40%{transform:translateX(5px) scale(1.1)}}
.e-pause .p0,.e-pause .p1{transform-origin:48px 61px} .go .e-pause .p0{animation:ex-bq .6s ease-in-out} .go .e-pause .p1{animation:ex-bq .6s .15s ease-in-out} @keyframes ex-bq{50%{transform:scaleY(.7)}}
.e-stop .sq{transform-origin:48px 46px} .go .e-stop .sq{animation:ex-pop5 .45s var(--spring)}
.e-refresh .gl{transform-origin:48px 46px} .go .e-refresh .gl{animation:ex-spin1 .9s var(--soft)}
.e-info .dt{transform-origin:48px 35px} .go .e-info .dt{animation:ex-hopd .7s var(--soft)} @keyframes ex-hopd{0%,100%{transform:none}40%{transform:translateY(-8px)}65%{transform:scale(1.15,.85)}}
.go .e-external .ar{animation:ex-outA .6s var(--spring)} @keyframes ex-outA{0%,100%{transform:none}45%{transform:translate(4px,-4px)}}
.go .e-list .l0{animation:ex-lin .4s both var(--soft)} .go .e-list .l1{animation:ex-lin .4s .1s both var(--soft)} .go .e-list .l2{animation:ex-lin .4s .2s both var(--soft)} @keyframes ex-lin{0%{transform:translateX(-8px);opacity:0}100%{transform:none;opacity:1}}
.e-link .gl{transform-origin:48px 46px} .go .e-link .gl{animation:ex-swing .9s ease-in-out}
.e-user .gl{transform-origin:48px 66px} .go .e-user .gl{animation:ex-bob .7s var(--soft)} @keyframes ex-bob{0%,100%{transform:none}40%{transform:translateY(-4px)}70%{transform:scale(1.04,.96)}}
.go .e-resize .a1{animation:ex-o1 .6s var(--spring)} .go .e-resize .a2{animation:ex-o2 .6s var(--spring)} @keyframes ex-o1{50%{transform:translate(4px,-4px)}} @keyframes ex-o2{50%{transform:translate(-4px,4px)}}
.go .e-volume .w0{animation:ex-wave 1.2s ease-out} .go .e-volume .w1{animation:ex-wave 1.2s .15s ease-out} .go .e-volume .w2{animation:ex-wave 1.2s .3s ease-out} .e-volume .wv{opacity:1} .hov .e-volume .wv{opacity:1;transition:opacity .3s .9s}
.e-mute .x{transform-origin:63px 45px} .go .e-mute .x{animation:ex-xr .5s var(--soft)}
.e-half .hf{transform-origin:48px 46px} .go .e-half .hf{animation:ex-spinH .8s var(--soft)} @keyframes ex-spinH{0%{transform:none}100%{transform:rotate(180deg)}}
.go .e-antenna .w0{animation:ex-wave 1.2s ease-out} .go .e-antenna .w1{animation:ex-wave 1.2s .15s ease-out} .go .e-antenna .w2{animation:ex-wave 1.2s .3s ease-out} .e-antenna .wv{opacity:.35} .hov .e-antenna .wv{opacity:1;transition:opacity .3s .9s} .go .e-antenna .v0{animation:ex-wave 1.2s ease-out} .go .e-antenna .v1{animation:ex-wave 1.2s .15s ease-out} .e-antenna .wv{opacity:.4}
.e-clock .mh,.e-clock .hh{transform-origin:48px 46px} .go .e-clock .mh{animation:ex-spin2 1s var(--soft)} .go .e-clock .hh{animation:ex-hh2 1s var(--soft)} @keyframes ex-hh2{100%{transform:rotate(30deg)}}
.e-history .mh,.e-history .hh{transform-origin:50px 48px} .go .e-history .mh{animation:ex-rewM2 1s var(--soft)} .go .e-history .hh{animation:ex-rewH2 1s var(--soft)} @keyframes ex-rewM2{100%{transform:rotate(-360deg)}} @keyframes ex-rewH2{100%{transform:rotate(-30deg)}}
.go .e-globe .land{animation:ex-land 1.4s cubic-bezier(.45,0,.2,1)}
.e-gear .gr{transform-origin:48px 46px} .go .e-gear .gr{animation:ex-spin1 1s var(--soft)}
.go .e-shield .shd{animation:ex-pop5 .5s var(--spring)} .e-shield .ck{stroke-dasharray:50} .go .e-shield .ck{animation:ex-ckd2 .5s .15s ease-out both}
.go .e-warn .tri{animation:ex-shake .6s ease-in-out} @keyframes ex-shake{0%,100%{transform:none}20%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}
.go .e-star .star{animation:ex-starS .7s var(--spring)} @keyframes ex-starS{0%{transform:none}50%{transform:rotate(36deg) scale(1.12)}100%{transform:rotate(72deg)}}
.go .e-heart .ht{animation:ex-beatH .8s ease-in-out} @keyframes ex-beatH{0%,100%{transform:none}15%{transform:scale(1.15)}30%{transform:scale(.96)}45%{transform:scale(1.1)}}
.go .e-sparkle .sp1{animation:ex-twirl .9s var(--soft)} .go .e-sparkle .sp2{animation:ex-twirl .8s .15s var(--soft)} .go .e-sparkle .sp3{animation:ex-twirl .8s .3s var(--soft)}
.go .e-bolt .bl{animation:ex-flsB .5s steps(1) 2} @keyframes ex-flsB{50%{opacity:.3}}
.e-lock .sh{transform-origin:64px 44px} .go .e-lock .sh{animation:ex-unl2 .9s var(--soft)} @keyframes ex-unl2{0%,100%{transform:none}30%,55%{transform:translateY(-8px) rotate(20deg)}}
.go .e-magnet .mg{animation:ex-pull .7s ease-in-out} @keyframes ex-pull{0%,100%{transform:none}30%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}} .e-magnet .sk{opacity:.3} .go .e-magnet .sk{animation:ex-blink .25s 4 steps(1)}
.go .e-mic .w0{animation:ex-wave 1.2s ease-out} .go .e-mic .w1{animation:ex-wave 1.2s .15s ease-out} .go .e-mic .w2{animation:ex-wave 1.2s .3s ease-out} .e-mic .wv{opacity:.35} .hov .e-mic .wv{opacity:1;transition:opacity .3s .9s} .go .e-mic .v0{animation:ex-wave 1.2s ease-out} .go .e-mic .v1{animation:ex-wave 1.2s .15s ease-out}
.go .e-search .mag{animation:ex-magS2 .9s ease-in-out} @keyframes ex-magS2{0%,100%{transform:none}30%{transform:translate(-5px,-3px)}65%{transform:translate(4px,2px)}}
.go .e-trash .lid{animation:ex-lid2 .8s var(--soft)} @keyframes ex-lid2{0%,100%{transform:none}35%,60%{transform:rotate(-22deg) translateY(-3px)}}
.go .e-pencil .pen{animation:ex-penw2 .8s ease-in-out} @keyframes ex-penw2{0%,100%{transform:none}25%{transform:translate(-3px,2px) rotate(-4deg)}50%{transform:translate(2px,-1px)}75%{transform:translate(-2px,2px) rotate(3deg)}}
.go .e-scissors .b1{animation:ex-snA .6s ease-in-out} .go .e-scissors .b2{animation:ex-snB .6s ease-in-out} @keyframes ex-snA{50%{transform:rotate(-14deg)}} @keyframes ex-snB{50%{transform:rotate(14deg)}}
.go .e-eye .lidT{animation:ex-blk .5s ease-in-out} @keyframes ex-blk{0%,100%{transform:scaleY(0)}45%,55%{transform:scaleY(1)}}
.go .e-eyedropper .dp{animation:ex-sq2 .6s ease-in-out} @keyframes ex-sq2{50%{transform:rotate(4deg)}} .go .e-eyedropper .drop{animation:ex-drip .8s .3s ease-in} @keyframes ex-drip{0%{opacity:1;transform:translateY(-4px)}100%{opacity:0;transform:translateY(10px)}}
.e-folder .pp{transition:transform .5s var(--spring)} :is(.hov,.go) .e-folder .pp{transform:translateY(-12px)}
.go .e-picture .sun{animation:ex-sunR .9s var(--soft)} @keyframes ex-sunR{0%{transform:translateY(16px)}100%{transform:none}}
.go .e-film .hol{animation:ex-holS .7s linear} @keyframes ex-holS{0%{transform:none}100%{transform:translateX(-11px)}}
.a-book .pg{transform-origin:48px 54px}
.go .a-book .pg{animation:ex-page 1.1s cubic-bezier(.45,0,.25,1)}
@keyframes ex-page{0%{transform:none}100%{transform:scaleX(-1)}}
.go .a-book .pgs{animation:ex-pgs 1.1s cubic-bezier(.45,0,.25,1)}
@keyframes ex-pgs{0%{opacity:0}45%{opacity:.35}55%{opacity:.35}100%{opacity:0}}
.a-book .bm{transform-origin:61.5px 27px}
.go .a-book .bm{animation:ex-swing 1.2s .2s ease-in-out}

.go .e-bookmark .bm{animation:ex-swing .9s ease-in-out}
.go .e-box .fl1{animation:ex-flp1 .8s var(--soft)} .go .e-box .fl2{animation:ex-flp2 .8s var(--soft)} @keyframes ex-flp1{50%{transform:rotate(-18deg)}} @keyframes ex-flp2{50%{transform:rotate(18deg)}}
.go .e-captions .cct{animation:ex-pop5 .5s var(--spring)}
.go .e-chat .c1{animation:ex-pop4b .5s var(--spring)} .go .e-chat .c2{animation:ex-pop4b .5s .2s var(--spring) both} @keyframes ex-pop4b{0%{transform:scale(.6)}100%{transform:none}}
.e-copy .bk{transition:transform .5s var(--spring)} :is(.hov,.go) .e-copy .bk{transform:translate(4px,-4px)}
.go .e-paste .pp{animation:ex-ppIn .6s var(--soft)} @keyframes ex-ppIn{0%{transform:translateY(-12px);opacity:0}100%{transform:none;opacity:1}}
.go .e-save .sh{animation:ex-shut .6s var(--soft)} @keyframes ex-shut{50%{transform:translateX(-16px)}}
.go .e-tag .tg{animation:ex-swing .9s ease-in-out}
.go .e-mobile .gl{animation:ex-glo .8s ease-in-out} @keyframes ex-glo{40%{opacity:.35}}
.go .e-window .d0{animation:ex-blink .3s 2 steps(1)} .go .e-window .d1{animation:ex-blink .3s .1s 2 steps(1)} .go .e-window .d2{animation:ex-blink .3s .2s 2 steps(1)} .e-window .ct{transform-origin:48px 38px} .go .e-window .ct{animation:ex-typ .5s var(--soft)}
.go .e-layout .p0{animation:ex-pop2 .4s var(--spring) both} .go .e-layout .p1{animation:ex-pop2 .4s .1s var(--spring) both} .go .e-layout .p2{animation:ex-pop2 .4s .2s var(--spring) both}
.go .e-layers .y2{animation:ex-lyU .7s var(--soft)} .go .e-layers .y0{animation:ex-lyD .7s var(--soft)} @keyframes ex-lyU{50%{transform:translateY(-6px)}} @keyframes ex-lyD{50%{transform:translateY(5px)}}
.e-sliders .k{transition:transform .5s var(--spring)} :is(.hov,.go) .e-sliders .k0{transform:translateX(16px)} :is(.hov,.go) .e-sliders .k1{transform:translateX(-18px)} :is(.hov,.go) .e-sliders .k2{transform:translateX(12px)}
.go .e-repo .bl1{animation:ex-bkL .6s var(--spring)} .go .e-repo .bl2{animation:ex-bkR .6s var(--spring)} @keyframes ex-bkL{50%{transform:translateX(-4px)}} @keyframes ex-bkR{50%{transform:translateX(4px)}}
.go .e-gpu .fan{animation:ex-spin2 .9s cubic-bezier(.3,0,.3,1)}
.go .e-freeze .fk{animation:ex-spinF 1s var(--soft)} @keyframes ex-spinF{100%{transform:rotate(60deg)}}
.go .e-hum .pl{animation:ex-plug .8s var(--soft)} @keyframes ex-plug{50%{transform:translateX(6px)}} .e-hum .x{transform-origin:80px 26px} .go .e-hum .x{animation:ex-pop5 .4s .3s var(--spring)}
.go .e-wave .hand{animation:ex-hwave 1s ease-in-out} @keyframes ex-hwave{0%,100%{transform:none}20%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-8deg)}}
.go .e-beat .stk{animation:ex-hit .5s ease-in 2} @keyframes ex-hit{0%,100%{transform:none}50%{transform:rotate(-14deg)}}.go .e-beat .w0{animation:ex-wave 1.2s ease-out} .go .e-beat .w1{animation:ex-wave 1.2s .15s ease-out} .go .e-beat .w2{animation:ex-wave 1.2s .3s ease-out} .e-beat .wv{opacity:.35} .hov .e-beat .wv{opacity:1;transition:opacity .3s .9s}
.go .e-audio .hp{animation:ex-bob .7s var(--soft)}
.go .e-listen .hp{animation:ex-bob .7s var(--soft)}
.go .e-duck .nt{animation:ex-dip2 .9s var(--soft)} @keyframes ex-dip2{0%,100%{transform:none}40%,60%{transform:translateY(8px) scale(.9);opacity:.6}}
.go .e-detach .tp{animation:ex-lift2 .8s var(--soft)} @keyframes ex-lift2{50%{transform:translate(4px,-6px)}}
.e-extend .ar{transform-origin:50px 48px} .go .e-extend .ar{animation:ex-ext .7s var(--spring)} @keyframes ex-ext{0%{transform:scaleX(.4)}100%{transform:none}}
.go .e-fadein .tr{animation:ex-fdi .8s ease-out} @keyframes ex-fdi{0%{opacity:0}100%{opacity:1}} .go .e-fadein .fd{animation:ex-flash .6s}
.go .e-fxclear .sp1{animation:ex-fade2 .7s ease-in-out} @keyframes ex-fade2{50%{opacity:.25;transform:scale(.8)}} .go .e-fxclear .bdg{animation:ex-pop2 .45s .2s var(--spring) both}
.e-fxcopy .bk{transition:transform .5s var(--spring)} :is(.hov,.go) .e-fxcopy .bk{transform:translate(4px,-4px)} .go .e-fxcopy .sp1{animation:ex-twirl .8s var(--soft)}
.go .e-fxpaste .sp1{animation:ex-twirl .8s var(--soft)}
.go .e-gapclose .c1{animation:ex-gcL .8s var(--soft)} .go .e-gapclose .c2{animation:ex-gcR .8s var(--soft)} @keyframes ex-gcL{50%{transform:translateX(9px)}} @keyframes ex-gcR{50%{transform:translateX(-9px)}} .go .e-gapclose .ar{animation:ex-fade2 .8s}
.e-karaoke .wd{transition:fill .2s} .go .e-karaoke .w0{animation:ex-kar .9s steps(1) both} .go .e-karaoke .w1{animation:ex-kar .9s .25s steps(1) both} .go .e-karaoke .w2{animation:ex-kar .9s .5s steps(1) both} @keyframes ex-kar{0%{fill:#ffc533}100%{fill:#ffc533}}
.go .e-keyframe .k0{animation:ex-pop3 .4s var(--spring)} .go .e-keyframe .k1{animation:ex-pop3 .4s .12s var(--spring)} .go .e-keyframe .k2{animation:ex-pop3 .4s .24s var(--spring)}
.go .e-proxy .px{animation:ex-pxS .7s var(--soft)} @keyframes ex-pxS{0%{transform:translate(-10px,-8px);opacity:.3}100%{transform:none;opacity:1}}
.e-ramp .kb{offset-path:path("M10 22c14 0 18 52 38 52s24-52 38-52");offset-distance:50%;offset-rotate:0deg} .go .e-ramp .kb{animation:ex-rmp 1s ease-in-out} @keyframes ex-rmp{0%{offset-distance:50%}30%{offset-distance:15%}75%{offset-distance:85%}100%{offset-distance:50%}}
.go .e-reverse .t1{animation:ex-rvL .6s var(--soft)} .go .e-reverse .t2{animation:ex-rvL .6s .1s var(--soft)} @keyframes ex-rvL{50%{transform:translateX(-7px)}}
.go .e-scenes .g0{animation:ex-flash .3s} .go .e-scenes .g1{animation:ex-flash .3s .15s} .go .e-scenes .g2{animation:ex-flash .3s .3s}
.go .e-silence .r0{animation:ex-sbar .6s 0.00s ease-in-out}.go .e-silence .r1{animation:ex-sbar .6s 0.04s ease-in-out}.go .e-silence .r2{animation:ex-sbar .6s 0.08s ease-in-out}.go .e-silence .r3{animation:ex-sbar .6s 0.12s ease-in-out}.go .e-silence .r4{animation:ex-sbar .6s 0.16s ease-in-out}.go .e-silence .r5{animation:ex-sbar .6s 0.20s ease-in-out}.go .e-silence .r6{animation:ex-sbar .6s 0.24s ease-in-out}.go .e-silence .r7{animation:ex-sbar .6s 0.28s ease-in-out}.go .e-silence .r8{animation:ex-sbar .6s 0.32s ease-in-out}.go .e-silence .r9{animation:ex-sbar .6s 0.36s ease-in-out}.go .e-silence .r10{animation:ex-sbar .6s 0.40s ease-in-out} @keyframes ex-sbar{50%{transform:scaleY(.35)}}
.e-smartzoom .mag{transform-origin:46px 46px} .go .e-smartzoom .mag{animation:ex-pop5 .5s var(--spring)} .e-smartzoom .fr{transform-origin:48px 48px} .go .e-smartzoom .fr{animation:ex-frm .6s var(--soft)} @keyframes ex-frm{50%{transform:scale(.9)}}
.go .e-textanim .l1{animation:ex-lt1 .6s var(--spring)} .go .e-textanim .l2{animation:ex-lt1 .6s .12s var(--spring)} @keyframes ex-lt1{50%{transform:translateY(-8px)}} .e-textanim .ul{transform-origin:14px 76px} .go .e-textanim .ul{animation:ex-typ .6s .2s both var(--soft)}
.go .e-track .xh{animation:ex-trk .9s var(--soft)} @keyframes ex-trk{0%{transform:translate(-30px,34px) scale(.7)}100%{transform:none}}
.go .e-voiceclear .sp1{animation:ex-twirl .8s var(--soft)} .go .e-voiceclear .sp2{animation:ex-twirl .8s .2s var(--soft)}
.go .e-qt_gif .tx{animation:ex-pop5 .5s var(--spring)} .go .e-qt_gif .lp{animation:ex-spin2 .8s var(--soft)}
.e-qt_audio .nt{transform-origin:70px 62px} .go .e-qt_audio .nt{animation:ex-outN .8s var(--spring)} @keyframes ex-outN{0%{transform:translate(-14px,6px) scale(.6);opacity:0}100%{transform:none;opacity:1}}
.e-qt_compress .dc{transform-origin:48px 48px} .go .e-qt_compress .dc{animation:ex-squz .8s var(--soft)} @keyframes ex-squz{0%,100%{transform:none}45%{transform:scaleY(.78)}} .go .e-qt_compress .a1{animation:ex-pr1 .8s var(--soft)} .go .e-qt_compress .a2{animation:ex-pr2 .8s var(--soft)} @keyframes ex-pr1{45%{transform:translateY(6px)}} @keyframes ex-pr2{45%{transform:translateY(-6px)}}
.go .e-qt_trim .sc{animation:ex-snipQ .5s ease-in-out 2} @keyframes ex-snipQ{50%{transform:scaleX(.6)}} .go .e-qt_trim .r{animation:ex-sep .9s var(--soft)} @keyframes ex-sep{50%{transform:translateX(5px)}}.sec-ni,.emo-ni{display:inline-block;vertical-align:middle;flex:0 0 auto}
.emo-ni > svg.ni,.sec-ni > svg.ni{display:block!important;width:100%!important;height:100%!important}
body[data-anim="off"] .ni *{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){body:not(.force-motion) .ni *{animation:none!important;transition:none!important}}

/* b226 — the moving drawing that stands in for a button's picture while the
   pointer is on it: the same box as the picture, never a stretching flex item.
   (style.css said so for the main window; the editor and popup do not load it.) */
.emo-ni{ display:inline-block !important; vertical-align:middle; flex:0 0 auto !important; }
/* motion for data/de-icons.js — the same .hov / .go model as css/gxicons.css (generated by gd-tools/make_de_icons.py) */
.d-review .card{transform-origin:57px 50px}
.go .d-review .card{animation:dv-flip .9s var(--soft)}
@keyframes dv-flip{0%{transform:none}45%{transform:scaleX(0)}55%{transform:scaleX(0)}100%{transform:none}}
.d-review .q,.d-review .tk{transition:opacity .05s .4s}
:is(.hov,.go) .d-review .q{opacity:0} :is(.hov,.go) .d-review .tk{opacity:1}
.d-review .ar{transform-origin:72px 72px;transition:transform .8s var(--spring)}
:is(.hov,.go) .d-review .ar{transform:rotate(-200deg)}
.d-lessons .pg{transform-origin:48px 52px;opacity:0}
.go .d-lessons .pg{animation:dl-turn 1s cubic-bezier(.45,.05,.25,1)}
@keyframes dl-turn{0%{opacity:1;transform:none}50%{opacity:1;transform:scaleX(.02)}51%{opacity:1;transform:scaleX(-.02)}100%{opacity:1;transform:scaleX(-1)}}
.d-lessons .rib{transform-origin:75px 22px;transition:transform .7s var(--spring)}
:is(.hov,.go) .d-lessons .rib{transform:translateY(5px)}
.d-verbs .en{transition:transform .5s var(--spring),opacity .3s}
.go .d-verbs .e0{animation:dvb-in .55s .05s var(--spring) both} .go .d-verbs .e1{animation:dvb-in .55s .2s var(--spring) both} .go .d-verbs .e2{animation:dvb-in .55s .35s var(--spring) both}
@keyframes dvb-in{0%{transform:translateX(22px);opacity:0}100%{transform:none;opacity:1}}
:is(.hov,.go) .d-verbs .en{transform:translateX(-4px)}
.d-nouns .t1{transform-origin:30px 56px} .d-nouns .t2{transform-origin:48px 56px} .d-nouns .t3{transform-origin:66px 56px}
.go .d-nouns .t1{animation:dn-sw 1.1s ease-in-out} .go .d-nouns .t2{animation:dn-sw 1.1s .12s ease-in-out} .go .d-nouns .t3{animation:dn-sw 1.1s .24s ease-in-out}
@keyframes dn-sw{0%,100%{transform:none}25%{transform:rotate(14deg)}55%{transform:rotate(-9deg)}80%{transform:rotate(4deg)}}
.d-nouns .sun{transition:transform .8s var(--spring)} :is(.hov,.go) .d-nouns .sun{transform:translateY(-6px)}
.d-vocab .tb{transition:transform .5s var(--spring)}
:is(.hov,.go) .d-vocab .tb{transform:translateX(5px)}
.d-vocab .b1{transition-delay:.05s}.d-vocab .b2{transition-delay:.1s}.d-vocab .b3{transition-delay:.15s}.d-vocab .b4{transition-delay:.2s}
.d-vocab .cv{transform-origin:14px 45px;transition:transform .6s var(--soft)}
:is(.hov,.go) .d-vocab .cv{transform:skewY(-3deg) scaleX(.94)}
.go .d-phrases .d{animation:dp-dot .5s ease-in-out 2} .go .d-phrases .d2{animation-delay:.12s} .go .d-phrases .d3{animation-delay:.24s}
@keyframes dp-dot{0%,100%{transform:none}50%{transform:translateY(-4px)}}
.d-phrases .ln{stroke-dasharray:100;stroke-dashoffset:0}
.go .d-phrases .ln{animation:dp-ln .6s .45s ease-out both} .go .d-phrases .l2{animation-delay:.65s}
@keyframes dp-ln{0%{stroke-dashoffset:100}100%{stroke-dashoffset:0}}
.d-phrases .b1,.d-phrases .b2{transition:transform .6s var(--spring)}
:is(.hov,.go) .d-phrases .b1{transform:translate(-2px,-2px)} :is(.hov,.go) .d-phrases .b2{transform:translate(2px,2px)}
.d-tips .glow,.d-tips .lit{opacity:0;transition:opacity .45s ease}
:is(.hov,.go) .d-tips .glow{opacity:1} :is(.hov,.go) .d-tips .lit{opacity:.85}
.d-tips .fil{transition:stroke .3s} :is(.hov,.go) .d-tips .fil{stroke:#ff9d0a}
.d-tips .spk path{opacity:0;transform-box:fill-box;transform-origin:center}
.go .d-tips .spk path{animation:dt-spk .9s .25s ease-out} .go .d-tips .spk path+path{animation-delay:.45s}
@keyframes dt-spk{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(.6) rotate(45deg)}}
.d-exams .ck{stroke-dasharray:100;stroke-dashoffset:0}
.go .d-exams .ck{animation:de-ck .35s ease-out both} .go .d-exams .c1{animation-delay:.2s} .go .d-exams .c2{animation-delay:.4s}
@keyframes de-ck{0%{stroke-dashoffset:100}100%{stroke-dashoffset:0}}
.d-exams .st{transform-origin:70px 22px}
.go .d-exams .st{animation:de-st .6s .6s var(--spring) both}
@keyframes de-st{0%{transform:scale(1.8) rotate(-20deg);opacity:0}60%{opacity:1}100%{transform:none;opacity:1}}
.d-place .mk{transition:transform .6s var(--spring)}
:is(.hov) .d-place .mk{transform:translate(13px,-9px)}
.go .d-place .mk{animation:dpl-climb 1.3s ease-in-out}
@keyframes dpl-climb{0%{transform:none}14%{transform:translate(6px,-14px)}20%{transform:translate(13px,-9px)}34%{transform:translate(19px,-23px)}40%{transform:translate(26px,-18px)}54%{transform:translate(32px,-32px)}60%{transform:translate(39px,-27px)}74%{transform:translate(45px,-41px)}80%{transform:translate(52px,-36px)}94%{transform:translate(58px,-50px)}100%{transform:translate(65px,-45px)}}
.d-place .fl{transform-origin:86px 13px}
.go .d-place .fl{animation:dpl-flag .6s 1.1s ease-in-out 2}
@keyframes dpl-flag{0%,100%{transform:none}50%{transform:scaleX(.8) skewY(-6deg)}}
.d-games .bt{transform-box:fill-box;transform-origin:center}
.go .d-games .bt{animation:dg-press .4s ease-out both} .go .d-games .k2{animation-delay:.12s} .go .d-games .k3{animation-delay:.24s} .go .d-games .k4{animation-delay:.36s}
@keyframes dg-press{0%,100%{transform:none;filter:none}45%{transform:scale(.72);filter:brightness(1.45)}}
.d-games .stk{transition:transform .5s var(--spring)} :is(.hov,.go) .d-games .stk{transform:translate(2px,-2px)}
.d-trans .sw{transform-origin:48px 48px}
.go .d-trans .sw{animation:dtr-sw .8s var(--soft)}
@keyframes dtr-sw{0%{transform:none}100%{transform:rotate(180deg)}}
.d-trans .ca,.d-trans .cb{transition:transform .6s var(--spring)}
:is(.hov,.go) .d-trans .ca{transform:translate(3px,3px)} :is(.hov,.go) .d-trans .cb{transform:translate(-3px,-3px)}
.d-cap .ts{transform-origin:48px 32px}
.go .d-cap .ts{animation:dc-sw 1.3s cubic-bezier(.3,.7,.4,1)}
@keyframes dc-sw{0%,100%{transform:none}25%{transform:rotate(-12deg)}55%{transform:rotate(7deg)}80%{transform:rotate(-3deg)}}
.d-dict .tb{transition:transform .45s var(--spring)}
:is(.hov,.go) .d-dict .tb{transform:translateX(4px)}
.go .d-dict .t0{animation:dd-tab .5s .00s var(--spring) both} .go .d-dict .t1{animation:dd-tab .5s .1s var(--spring) both} .go .d-dict .t2{animation:dd-tab .5s .2s var(--spring) both} .go .d-dict .t3{animation:dd-tab .5s .3s var(--spring) both}
@keyframes dd-tab{0%{transform:none}55%{transform:translateX(8px)}100%{transform:translateX(4px)}}
.d-dict .mg{transition:transform .6s var(--spring)}
:is(.hov,.go) .d-dict .mg{transform:translate(-14px,-20px)}
.go .d-dict .mg{animation:dd-mg 1.1s var(--soft)}
@keyframes dd-mg{0%{transform:none}40%{transform:translate(-22px,-26px)}70%{transform:translate(-8px,-14px)}100%{transform:translate(-14px,-20px)}}
.d-slang .ba{transform-origin:16px 56px} .d-slang .bb{transform-origin:77px 81px}
.d-slang .ba,.d-slang .bb{transition:transform .5s var(--spring)}
:is(.hov,.go) .d-slang .ba{transform:rotate(-4deg)} :is(.hov,.go) .d-slang .bb{transform:scale(1.05)}
.go .d-slang .ba{animation:dsl-a .9s var(--soft)} .go .d-slang .bb{animation:dsl-b .9s .35s var(--soft) both}
@keyframes dsl-a{0%{transform:none}35%{transform:scale(1.1) rotate(-6deg)}100%{transform:rotate(-4deg)}}
@keyframes dsl-b{0%{transform:none}40%{transform:scale(1.13)}100%{transform:scale(1.05)}}
.go .d-slang .dt{animation:dsl-dot .9s ease-in-out 2 both} .go .d-slang .d2{animation-delay:.15s} .go .d-slang .d3{animation-delay:.3s}
@keyframes dsl-dot{0%,100%{transform:none;opacity:1}50%{transform:translateY(-4px);opacity:.45}}
.d-letters .pg,.d-letters .pen{transition:transform .5s var(--spring)}
:is(.hov,.go) .d-letters .pg{transform:translateY(-6px)} :is(.hov,.go) .d-letters .pen{transform:translate(2px,-2px) rotate(4deg)}
.go .d-letters .pen{animation:dlt-pen .9s var(--soft)}
@keyframes dlt-pen{0%,100%{transform:translate(2px,-2px) rotate(4deg)}30%{transform:translate(-6px,4px) rotate(-6deg)}60%{transform:translate(4px,0) rotate(6deg)}}
.go .d-letters .l1,.go .d-letters .l2,.go .d-letters .l3{transform-origin:28px 0;animation:dlt-l .6s var(--soft) both}
.go .d-letters .l2{animation-delay:.15s} .go .d-letters .l3{animation-delay:.3s}
@keyframes dlt-l{0%{transform:scaleX(0)}100%{transform:none}}
.d-badges .md{transform-origin:48px 6px;transition:transform .5s var(--spring)}
:is(.hov,.go) .d-badges .md{transform:rotate(-5deg)}
.go .d-badges .md{animation:dbd-sw 1s var(--soft)}
@keyframes dbd-sw{0%{transform:none}30%{transform:rotate(-10deg)}60%{transform:rotate(7deg)}100%{transform:rotate(-5deg)}}
:is(.hov,.go) .d-badges .sp{opacity:1;transition:opacity .2s .2s}
.d-reading .bu{transform-origin:56px 37px;transition:transform .5s var(--spring)}
:is(.hov,.go) .d-reading .bu{transform:translateY(-3px) scale(1.06)}
.go .d-reading .bu{animation:drd-b .9s var(--soft)}
@keyframes drd-b{0%{transform:scale(.6);opacity:.2}60%{transform:translateY(-5px) scale(1.12);opacity:1}100%{transform:translateY(-3px) scale(1.06)}}
.d-sync .ar{transform-origin:52px 30px;transition:transform .5s var(--spring)}
:is(.hov,.go) .d-sync .ar{transform:rotate(8deg)}
.go .d-sync .ar{animation:dsy .9s var(--soft)}
@keyframes dsy{0%{transform:rotate(-30deg);opacity:.3}100%{transform:rotate(8deg);opacity:1}}
.d-school .bell{transform-origin:48px 17px;transition:transform .4s var(--spring)}
:is(.hov,.go) .d-school .bell{transform:rotate(14deg)}
.go .d-school .bell{animation:dsc-b .9s var(--soft)}
@keyframes dsc-b{0%{transform:rotate(0)}20%{transform:rotate(22deg)}40%{transform:rotate(-18deg)}60%{transform:rotate(12deg)}80%{transform:rotate(-6deg)}100%{transform:rotate(0)}}
.d-sprout .stem{transform-origin:48px 76px}
.d-sprout .l{transform-origin:47px 50px;transition:transform .6s var(--spring)} .d-sprout .r{transform-origin:49px 46px;transition:transform .6s var(--spring)}
:is(.hov,.go) .d-sprout .l{transform:rotate(-10deg)} :is(.hov,.go) .d-sprout .r{transform:rotate(9deg)}
.go .d-sprout .stem{animation:dsp-grow .8s var(--spring)}
.go .d-sprout .l{animation:dsp-l .9s .15s var(--spring) both} .go .d-sprout .r{animation:dsp-r .9s .25s var(--spring) both}
@keyframes dsp-grow{0%{transform:scaleY(.45)}100%{transform:none}}
@keyframes dsp-l{0%{transform:rotate(55deg) scale(.4)}100%{transform:rotate(-10deg)}}
@keyframes dsp-r{0%{transform:rotate(-55deg) scale(.4)}100%{transform:rotate(9deg)}}
.d-herb .pr{transform-origin:48px 50px;transform-box:fill-box}
.d-herb .p0{transform-origin:50% 100%} .d-herb .p1{transform-origin:50% 100%} .d-herb .p2{transform-origin:50% 100%}
.go .d-herb .p0{animation:dhb-open .6s var(--spring) both} .go .d-herb .p1{animation:dhb-open .6s .15s var(--spring) both} .go .d-herb .p2{animation:dhb-open .6s .3s var(--spring) both}
@keyframes dhb-open{0%{transform:scale(.2,.6);opacity:.3}100%{transform:none;opacity:1}}
.d-herb .bud{transform-origin:48px 18px;transition:transform .6s var(--spring)} :is(.hov,.go) .d-herb .bud{transform:scale(1.35)}
.d-tree .ap{transition:transform .5s var(--spring)}
:is(.hov) .d-tree .ap{transform:translateY(-2px) scale(1.12);transform-origin:66px 50px}
.go .d-tree .ap{animation:dtr-drop 1.3s cubic-bezier(.5,0,.75,0) both}
@keyframes dtr-drop{0%{transform:none}38%{transform:translateY(32px)}48%{transform:translate(2px,26px)}58%{transform:translate(4px,32px)}66%{transform:translate(5px,30px)}74%{transform:translate(6px,32px);opacity:1}88%{transform:translate(6px,32px);opacity:0}89%{transform:none;opacity:0}100%{transform:none;opacity:1}}
.d-mountain .fl{transition:transform .5s var(--spring)}
.go .d-mountain .fl{animation:dmt-plant .7s var(--spring) both}
@keyframes dmt-plant{0%{transform:translateY(16px);opacity:0}40%{opacity:1}100%{transform:none}}
.d-mountain .cl{transform-origin:62px 9px}
.go .d-mountain .cl{animation:dmt-wave .5s .6s ease-in-out 3}
@keyframes dmt-wave{0%,100%{transform:none}50%{transform:scaleX(.82) skewY(-8deg)}}
.d-mountain .sun{transition:transform .9s var(--soft)} :is(.hov,.go) .d-mountain .sun{transform:translateY(-12px)}
.d-crown .jw{transform-box:fill-box;transform-origin:center}
.go .d-crown .j0{animation:dcr-j .45s var(--spring)} .go .d-crown .j1{animation:dcr-j .45s .12s var(--spring)} .go .d-crown .j2{animation:dcr-j .45s .24s var(--spring)} .go .d-crown .j3{animation:dcr-j .45s .36s var(--spring)}
@keyframes dcr-j{0%{transform:none;filter:none}50%{transform:scale(1.35);filter:brightness(1.5)}100%{transform:none;filter:none}}
.d-crown .spk{opacity:0;transform-box:fill-box;transform-origin:center}
.go .d-crown .spk{animation:dcr-s .8s .45s ease-out}
:is(.hov) .d-crown .spk{opacity:.9;transition:opacity .3s}
@keyframes dcr-s{0%{opacity:0;transform:scale(.2) rotate(0)}45%{opacity:1;transform:scale(1.15) rotate(45deg)}100%{opacity:0;transform:scale(.5) rotate(90deg)}}
.d-brain .zap{stroke-dasharray:100;stroke-dashoffset:100;opacity:0}
.go .d-brain .zap{animation:dbr-z .8s ease-out}
@keyframes dbr-z{0%{stroke-dashoffset:100;opacity:1}70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.d-brain .nu{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .3s}
:is(.hov) .d-brain .nu{opacity:.55}
.go .d-brain .n0{animation:dbr-n .5s .05s ease-out} .go .d-brain .n1{animation:dbr-n .5s .18s ease-out} .go .d-brain .n2{animation:dbr-n .5s .31s ease-out} .go .d-brain .n3{animation:dbr-n .5s .44s ease-out} .go .d-brain .n4{animation:dbr-n .5s .57s ease-out}
@keyframes dbr-n{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.5)}100%{opacity:0;transform:none}}
.d-brain .hl{transform-origin:47px 48px;transition:transform .5s var(--spring)} .d-brain .hr{transform-origin:49px 48px;transition:transform .5s var(--spring)}
:is(.hov,.go) .d-brain .hl{transform:translateX(-1.5px)} :is(.hov,.go) .d-brain .hr{transform:translateX(1.5px)}
.d-target .arw{transition:transform .4s var(--spring)}
.go .d-target .arw{animation:dtg-fly .45s cubic-bezier(.55,0,.9,.4) both}
@keyframes dtg-fly{0%{transform:translate(34px,-34px);opacity:0}30%{opacity:1}100%{transform:none}}
.d-target .sh{transform-origin:44px 50px}
.go .d-target .sh{animation:dtg-q .5s .45s ease-out}
@keyframes dtg-q{0%,100%{transform:none}20%{transform:rotate(4deg)}40%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}}
.d-abacus .row{transition:transform .55s var(--spring)}
:is(.hov,.go) .d-abacus .r0{transform:translateX(32px)} :is(.hov,.go) .d-abacus .r1{transform:translateX(18px)} :is(.hov,.go) .d-abacus .r2{transform:translateX(26px)}
.d-abacus .r1{transition-delay:.08s} .d-abacus .r2{transition-delay:.16s}
.d-envelope .fp{transform-origin:48px 30px;transition:transform .45s var(--soft)}
:is(.hov,.go) .d-envelope .fp{transform:scaleY(-1)}
.d-envelope .lt{transition:transform .5s .15s var(--spring)}
:is(.hov,.go) .d-envelope .lt{transform:translateY(-14px)}
.d-envelope .seal{transition:opacity .2s} :is(.hov,.go) .d-envelope .seal{opacity:0}
.d-mailin .ar{transition:transform .45s var(--spring)}
:is(.hov) .d-mailin .ar{transform:translateY(5px)}
.go .d-mailin .ar{animation:dmi .8s var(--soft)}
@keyframes dmi{0%{transform:translateY(-14px);opacity:0}45%{transform:translateY(8px);opacity:1}70%{transform:translateY(2px)}100%{transform:translateY(5px)}}
.d-board .ln{stroke-dasharray:100;stroke-dashoffset:0}
.go .d-board .ln{animation:dbd-w .9s ease-in-out both}
@keyframes dbd-w{0%{stroke-dashoffset:100}100%{stroke-dashoffset:0}}
.go .d-board .ck{animation:dbd-c .9s ease-in-out both}
@keyframes dbd-c{0%{transform:translate(-50px,0)}20%{transform:translate(-40px,-4px)}40%{transform:translate(-28px,4px)}60%{transform:translate(-16px,-4px)}80%{transform:translate(-6px,4px)}100%{transform:none}}
.d-turtle .hd{transform:translateX(-12px);transition:transform .7s var(--spring)}
:is(.hov,.go) .d-turtle .hd{transform:none}
.d-turtle .lg{transform-origin:50% 0;transform-box:fill-box}
.go .d-turtle .l1{animation:dtt-s .7s .35s ease-in-out} .go .d-turtle .l2{animation:dtt-s .7s .55s ease-in-out}
@keyframes dtt-s{0%,100%{transform:none}50%{transform:translateX(5px) translateY(-3px)}}
.go .d-abc .b0{animation:dac .5s var(--spring)} .go .d-abc .b1{animation:dac .5s .1s var(--spring)} .go .d-abc .b2{animation:dac .5s .2s var(--spring)}
@keyframes dac{0%,100%{transform:none}45%{transform:translateY(-9px)}}
.d-abc .tp{transform-origin:34px 53px;transition:transform .5s var(--spring)}
:is(.hov,.go) .d-abc .tp{transform:translate(29px,0)}
.d-coffee .st{opacity:0;transition:opacity .4s}
:is(.hov) .d-coffee .st{opacity:.7}
.go .d-coffee .s0{animation:dcf 1.4s ease-out} .go .d-coffee .s1{animation:dcf 1.4s .2s ease-out} .go .d-coffee .s2{animation:dcf 1.4s .4s ease-out}
@keyframes dcf{0%{opacity:0;transform:translateY(8px)}40%{opacity:.85}100%{opacity:0;transform:translateY(-8px)}}
.d-scroll .pp{transform-origin:48px 20px;transform:scaleY(.62);transition:transform .7s var(--soft)}
.d-scroll .rb{transform:translateY(-20px);transition:transform .7s var(--soft)}
:is(.hov,.go) .d-scroll .pp{transform:none} :is(.hov,.go) .d-scroll .rb{transform:none}
.d-fire .fo{transform-origin:48px 84px} .d-fire .fi{transform-origin:48px 84px;transition:transform .4s var(--spring)}
:is(.hov) .d-fire .fi{transform:scale(1.12)}
.go .d-fire .fo{animation:dfi-o .9s ease-in-out} .go .d-fire .fi{animation:dfi-i .9s ease-in-out}
@keyframes dfi-o{0%,100%{transform:none}25%{transform:scale(1.08,1.14)}50%{transform:scale(.96,1.02)}75%{transform:scale(1.05,1.1)}}
@keyframes dfi-i{0%,100%{transform:none}30%{transform:scale(1.2,1.3)}60%{transform:scale(.95)}85%{transform:scale(1.12,1.2)}}
.d-pen .ln{stroke-dasharray:100;stroke-dashoffset:0}
.go .d-pen .ln{animation:dpn-l .9s ease-in-out both}
@keyframes dpn-l{0%{stroke-dashoffset:100}100%{stroke-dashoffset:0}}
.d-pen .pn{transition:transform .4s var(--spring)}
:is(.hov) .d-pen .pn{transform:translate(2px,-4px)}
.go .d-pen .pn{animation:dpn-p .9s ease-in-out both}
@keyframes dpn-p{0%{transform:translate(-44px,6px)}20%{transform:translate(-36px,-2px)}40%{transform:translate(-26px,4px)}60%{transform:translate(-16px,0)}80%{transform:translate(-8px,-4px)}100%{transform:none}}
.go .d-keyboard .k0{animation:dkb .3s ease-out} .go .d-keyboard .k3{animation:dkb .3s .12s ease-out} .go .d-keyboard .k5{animation:dkb .3s .24s ease-out} .go .d-keyboard .k1{animation:dkb .3s .36s ease-out} .go .d-keyboard .k6{animation:dkb .3s .48s ease-out}
@keyframes dkb{0%,100%{transform:none;filter:none}50%{transform:translateY(1.6px);filter:brightness(.88)}}
.d-pin .pn{transition:transform .4s var(--spring)}
:is(.hov) .d-pin .pn{transform:translate(4px,-4px)}
.go .d-pin .pn{animation:dpi .55s cubic-bezier(.5,0,.75,0) both}
@keyframes dpi{0%{transform:translate(16px,-16px);opacity:0}60%{transform:none;opacity:1}75%{transform:translate(-1px,1px)}100%{transform:none}}
.d-tongue .up{transition:transform .45s var(--spring)} .d-tongue .lo{transition:transform .45s var(--spring)} .d-tongue .tg{transform-origin:48px 50px;transform:scaleY(.3);transition:transform .5s .1s var(--spring)}
:is(.hov,.go) .d-tongue .up{transform:translateY(-6px)} :is(.hov,.go) .d-tongue .lo{transform:translateY(8px)} :is(.hov,.go) .d-tongue .tg{transform:translateY(8px) scaleY(1.15)}
.d-rocket .fl{transform-origin:48px 66px;transform:scaleY(.4);opacity:.6;transition:transform .3s var(--spring),opacity .3s}
:is(.hov,.go) .d-rocket .fl{transform:none;opacity:1}
.d-rocket .rk{transition:transform .6s var(--spring)} :is(.hov) .d-rocket .rk{transform:translateY(-3px)}
.go .d-rocket .rk{animation:drk-up 1.1s var(--soft)}
@keyframes drk-up{0%{transform:none}35%{transform:translateY(-10px)}100%{transform:translateY(-3px)}}
.d-rocket .sm{opacity:0;transform-origin:48px 84px}
.go .d-rocket .sm{animation:drk-sm 1s ease-out}
@keyframes drk-sm{0%{opacity:0;transform:scale(.4)}30%{opacity:1}100%{opacity:0;transform:scale(1.4)}}
.d-gem .gl{transform-box:view-box}
.go .d-gem .gl{animation:dgm .8s ease-in-out}
@keyframes dgm{0%{translate:0 0}100%{translate:130px 0}}
.d-gem .spk{opacity:0;transform-box:fill-box;transform-origin:center}
:is(.hov) .d-gem .spk{opacity:.9;transition:opacity .3s}
.go .d-gem .spk{animation:dgm-s .7s .5s ease-out}
@keyframes dgm-s{0%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.3) rotate(45deg)}100%{opacity:0;transform:scale(.6) rotate(90deg)}}
.d-muscle .fa{transform-origin:50px 62px;transform:rotate(28deg);transition:transform .55s var(--spring)}
:is(.hov,.go) .d-muscle .fa{transform:none}
.d-muscle .bi{transform-origin:44px 64px;transform-box:view-box;transition:transform .55s var(--spring)}
:is(.hov,.go) .d-muscle .bi{transform:scale(1.18)}
.d-medal .md{transform-origin:48px 60px}
.go .d-medal .md{animation:dmedal-flip .9s var(--soft)}
@keyframes dmedal-flip{0%{transform:none}50%{transform:scaleX(-1)}100%{transform:scaleX(1)}}
.d-medal .gls{opacity:0;transition:opacity .3s} :is(.hov,.go) .d-medal .gls{opacity:1}
.d-gold .md{transform-origin:48px 60px}
.go .d-gold .md{animation:dgold-flip .9s var(--soft)}
@keyframes dgold-flip{0%{transform:none}50%{transform:scaleX(-1)}100%{transform:scaleX(1)}}
.d-gold .gls{opacity:0;transition:opacity .3s} :is(.hov,.go) .d-gold .gls{opacity:1}
.d-compass .nd{transform-origin:48px 50px;transition:transform .6s var(--spring)}
:is(.hov) .d-compass .nd{transform:rotate(18deg)}
.go .d-compass .nd{animation:dcp 1.3s cubic-bezier(.2,.7,.3,1)}
@keyframes dcp{0%{transform:rotate(0)}55%{transform:rotate(400deg)}75%{transform:rotate(345deg)}90%{transform:rotate(368deg)}100%{transform:rotate(360deg)}}
.d-shoot .tl{transform-origin:56px 42px;transition:transform .5s var(--soft)} :is(.hov,.go) .d-shoot .tl{transform:scale(1.25)}
.go .d-shoot .st{animation:dss .7s var(--spring)} @keyframes dss{0%{transform:translate(-26px,28px) scale(.6);opacity:0}100%{transform:none;opacity:1}}
.go .d-shoot .tl{animation:dss-t .7s var(--soft)} @keyframes dss-t{0%{transform:scale(.1)}100%{transform:scale(1.25)}}
.d-fir .sn{transition:transform .5s var(--soft),opacity .5s} :is(.hov,.go) .d-fir .sn{transform:translateY(5px);opacity:0}
.d-fir .t1 .sn{transition-delay:.1s} .d-fir .t2 .sn{transition-delay:.2s}
.d-fir .ti{transform-origin:48px 70px} .go .d-fir .t0{animation:dfr .6s var(--spring)} .go .d-fir .t1{animation:dfr .6s .1s var(--spring)} .go .d-fir .t2{animation:dfr .6s .2s var(--spring)}
@keyframes dfr{0%,100%{transform:none}40%{transform:scaleX(1.06)}}
.d-rose .pa{transform-origin:48px 46px;transition:transform .6s var(--spring)} .d-rose .pb{transform-origin:48px 46px;transition:transform .6s var(--spring)}
:is(.hov,.go) .d-rose .pa{transform:rotate(-16deg)} :is(.hov,.go) .d-rose .pb{transform:rotate(16deg)}
.d-plate .fk,.d-plate .kn{transition:transform .5s var(--spring)}
.go .d-plate .fk{animation:dpt-f .6s var(--spring)} .go .d-plate .kn{animation:dpt-k .6s .1s var(--spring) both}
@keyframes dpt-f{0%{transform:translate(-8px,-10px) rotate(-10deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes dpt-k{0%{transform:translate(8px,-10px) rotate(10deg);opacity:0}100%{transform:none;opacity:1}}
:is(.hov) .d-plate .fk{transform:translateY(-3px)} :is(.hov) .d-plate .kn{transform:translateY(-3px)}
.d-popper .cf,.d-popper .sr{transform-origin:34px 66px;transition:transform .5s var(--spring),opacity .3s}
.d-popper .cf{transform-box:view-box}
:not(.hov):not(.go) > * .d-popper .cf{}
.go .d-popper .cf{animation:dpp .9s var(--soft)} .go .d-popper .sr{animation:dpp .9s var(--soft)}
@keyframes dpp{0%{transform:scale(.2);opacity:0}30%{opacity:1}100%{transform:none;opacity:1}}
:is(.hov) .d-popper .cf{transform:scale(1.08)}
.d-hat .hb{transition:transform .5s var(--spring)} :is(.hov,.go) .d-hat .hb{transform:translateY(-12px) rotate(-6deg);transform-origin:26px 74px}
.d-hat .sp{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .3s .2s,transform .5s .2s var(--spring)} :is(.hov,.go) .d-hat .sp{opacity:1;transform:translateY(20px) scale(1.2)}
.d-masks .ma{transform-origin:29px 44px;transition:transform .6s var(--spring)} .d-masks .mb{transform-origin:67px 56px;transition:transform .6s var(--spring)}
:is(.hov,.go) .d-masks .ma{transform:rotate(-12deg) translateX(-3px)} :is(.hov,.go) .d-masks .mb{transform:rotate(12deg) translateX(3px)}
.d-bowl .pn{transform-box:fill-box;transform-origin:50% 100%}
.go .d-bowl .bl{animation:dbw-b 1s ease-in both} @keyframes dbw-b{0%{transform:none}60%{transform:translateX(26px) rotate(200deg)}100%{transform:none}}
.d-bowl .bl{transform-origin:24px 62px}
.go .d-bowl .p0{animation:dbw-p .7s .45s ease-out} .go .d-bowl .p1{animation:dbw-q .7s .5s ease-out} .go .d-bowl .p2{animation:dbw-p .7s .55s ease-out}
@keyframes dbw-p{0%,100%{transform:none}40%{transform:rotate(28deg)}}
@keyframes dbw-q{0%,100%{transform:none}40%{transform:rotate(-22deg)}}
.d-lift .bb{transition:transform .5s var(--spring)} :is(.hov) .d-lift .bb{transform:translateY(-14px)}
.go .d-lift .bb{animation:dlf 1s var(--soft)} @keyframes dlf{0%{transform:none}30%{transform:translateY(4px)}70%{transform:translateY(-34px)}100%{transform:translateY(-14px)}}
.d-crane .hk{transition:transform .7s var(--soft)} :is(.hov,.go) .d-crane .hk{transform:translateY(-14px)}
.d-crane .jb{transform-origin:28px 16px;transition:transform .7s var(--soft)} :is(.hov,.go) .d-crane .jb{transform:rotate(-4deg)}
.d-houses .wd{transition:fill .3s} :is(.hov,.go) .d-houses .wd{fill:#ffe27a}
.d-houses .w1{transition-delay:.1s} .d-houses .w2{transition-delay:.2s} .d-houses .w3{transition-delay:.3s} .d-houses .w4{transition-delay:.4s}
.d-city .cw{transition:fill .3s} :is(.hov,.go) .d-city .cw{fill:#ffe27a}
.d-city .mn{transform:translateY(10px);opacity:.5;transition:transform .9s var(--soft),opacity .6s} :is(.hov,.go) .d-city .mn{transform:none;opacity:1}
.d-gov .fl{transform:translateY(8px);transition:transform .7s var(--soft)} :is(.hov,.go) .d-gov .fl{transform:none}
.d-gov .cl{transform-origin:48px 5px} .go .d-gov .cl{animation:dgv .5s .6s ease-in-out 3} @keyframes dgv{0%,100%{transform:none}50%{transform:scaleX(.8) skewY(-8deg)}}
.d-bank .dr{transform-origin:40px 67px;transition:transform .5s var(--soft)} :is(.hov,.go) .d-bank .dr{transform:scaleX(.25)}
.d-bank .cn{opacity:0} .go .d-bank .cn{animation:dbk .9s .25s ease-in both} @keyframes dbk{0%{opacity:1;transform:none}80%{opacity:1;transform:translateY(62px) scale(.6)}100%{opacity:0;transform:translateY(66px) scale(.4)}}
.d-hotel .hh{transition:fill .3s} :is(.hov,.go) .d-hotel .hh{fill:#ffd24a}
.d-hotel .dr rect{transition:transform .5s var(--soft)} :is(.hov,.go) .d-hotel .dr rect:first-child{transform:translateX(-6px)} :is(.hov,.go) .d-hotel .dr rect:last-child{transform:translateX(6px)}
.d-tie .tt{transform-origin:48px 30px;transform:translateY(5px) rotate(5deg);transition:transform .5s var(--spring)} :is(.hov,.go) .d-tie .tt{transform:none}
.d-family .arm{transform-box:fill-box;transform-origin:0 100%}
.go .d-family .arm{animation:dfm .5s ease-in-out 2} @keyframes dfm{0%,100%{transform:none}50%{transform:rotate(-30deg)}}
.d-family .ht{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .3s,transform .5s var(--spring)} :is(.hov,.go) .d-family .ht{opacity:1;transform:translateY(-14px) scale(1.15)}
.d-couple .arm{transform-box:fill-box;transform-origin:0 100%}
.go .d-couple .pa .arm{animation:dfm .5s ease-in-out 2}
.d-couple .ht{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .3s,transform .5s var(--spring)} :is(.hov,.go) .d-couple .ht{opacity:1;transform:translateY(-12px) scale(1.15)}
.d-pill .ca,.d-pill .cb{transition:transform .5s var(--spring)} :is(.hov,.go) .d-pill .ca{transform:translateX(-7px)} :is(.hov,.go) .d-pill .cb{transform:translateX(7px)}
.d-pill .gr{opacity:0;transition:opacity .3s .15s} :is(.hov,.go) .d-pill .gr{opacity:1}
.d-brief .ld{transform-origin:10px 36px;transition:transform .5s var(--soft)} :is(.hov,.go) .d-brief .ld{transform:rotate(-14deg) translateY(-4px)}
.d-brief .pp{transition:transform .5s .1s var(--spring)} :is(.hov,.go) .d-brief .pp{transform:translateY(-6px)}
.d-mappin .pn{transition:transform .4s var(--spring)} :is(.hov) .d-mappin .pn{transform:translateY(-6px)}
.go .d-mappin .pn{animation:dmp .6s cubic-bezier(.5,0,.75,0) both} @keyframes dmp{0%{transform:translateY(-24px);opacity:0}60%{transform:none;opacity:1}80%{transform:translateY(-4px)}100%{transform:none}}
.d-mappin .rg{opacity:0;transform-origin:48px 80px} .go .d-mappin .rg{animation:dmp-r .7s .45s ease-out} @keyframes dmp-r{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(2.4)}}
.d-phone .rc{transform-origin:20px 46px;transition:transform .45s var(--spring)} :is(.hov,.go) .d-phone .rc{transform:rotate(-12deg) translateY(-6px)}
.d-phone .wv{opacity:0} .go .d-phone .wv{animation:dph .4s ease-in-out 3} @keyframes dph{0%,100%{opacity:0}50%{opacity:1}}
.d-mega .wv{opacity:.35;transition:opacity .3s} :is(.hov) .d-mega .wv{opacity:1}
.go .d-mega .v0{animation:dmg .7s ease-out} .go .d-mega .v1{animation:dmg .7s .15s ease-out} .go .d-mega .v2{animation:dmg .7s .3s ease-out}
@keyframes dmg{0%{opacity:0;transform:translateX(-6px)}50%{opacity:1}100%{opacity:1;transform:none}}
.d-news .pg{transform-origin:80px 50px;transition:transform .6s var(--soft)} :is(.hov,.go) .d-news .pg{transform:perspective(200px) rotateY(55deg)}
.d-radio .an{transform-origin:66px 34px;transform:scaleY(.55) rotate(-8deg);transition:transform .5s var(--spring)} :is(.hov,.go) .d-radio .an{transform:none}
.d-radio .kn{transform-origin:66px 70px;transition:transform .5s} :is(.hov,.go) .d-radio .kn{transform:rotate(90deg)}
.d-radio .wv{opacity:0} .go .d-radio .wv{animation:dph .5s .3s ease-in-out 2} :is(.hov) .d-radio .wv{opacity:.8}
.d-micro .tb{transition:transform .5s var(--spring)} :is(.hov,.go) .d-micro .tb{transform:translate(-2px,5px)}
.d-micro .lt{transition:opacity .3s .2s} :is(.hov,.go) .d-micro .lt{opacity:1}
.d-crystal .sw{transform-origin:48px 44px;transition:transform 1s var(--soft)} :is(.hov,.go) .d-crystal .sw{transform:rotate(240deg)}
.d-crystal .gl{opacity:0} .go .d-crystal .gl{animation:dcb .8s ease-out} @keyframes dcb{0%{opacity:0}40%{opacity:.35}100%{opacity:0}}
.d-index .cd{transition:transform .45s var(--spring)} :is(.hov,.go) .d-index .k0{transform:translateY(-8px)} :is(.hov,.go) .d-index .k1{transform:translateY(-4px)}
.go .d-index .k2{animation:dix .5s .2s var(--spring)} @keyframes dix{0%,100%{transform:none}50%{transform:translateY(-6px)}}
.d-map .rt{stroke-dasharray:100;stroke-dashoffset:0} .go .d-map .rt{animation:dmap 1s ease-in-out both} @keyframes dmap{0%{stroke-dashoffset:100}100%{stroke-dashoffset:0}}
.d-map .xm{transform-origin:82px 28px;transition:transform .4s var(--spring)} :is(.hov,.go) .d-map .xm{transform:scale(1.5)}
.d-bus .dr rect{transition:transform .4s var(--soft)} :is(.hov,.go) .d-bus .dr rect:first-child{transform:translateX(-4px)} :is(.hov,.go) .d-bus .dr rect:last-child{transform:translateX(4px)}
.go .d-bus .wh{animation:dbs-w .9s ease-out} @keyframes dbs-w{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.d-stop2 .bs{transform:translateX(12px);opacity:.0;transition:transform .7s var(--soft),opacity .4s} :is(.hov,.go) .d-stop2 .bs{transform:none;opacity:1}
.d-car .bm{opacity:0} .go .d-car .bm{animation:dph .3s ease-in-out 2} :is(.hov) .d-car .bm{opacity:.8}
.go .d-car .wh{animation:dbs-w .9s ease-out}
.d-siren .bm{transform-origin:48px 50px;opacity:0} :is(.hov) .d-siren .bm{opacity:.6;transform:scaleX(-1);transition:opacity .3s}
.go .d-siren .bm{animation:dsr 1s linear} @keyframes dsr{0%{opacity:1;transform:none}50%{opacity:1;transform:scaleX(-1)}100%{opacity:1;transform:none}}
.d-sofa .gw{opacity:0;transition:opacity .4s} :is(.hov,.go) .d-sofa .gw{opacity:1}
.d-sofa .sh{transition:fill .3s} :is(.hov,.go) .d-sofa .sh{fill:#ffe27a}
.d-bags .it{transform:translateY(14px);transition:transform .5s var(--spring)} :is(.hov,.go) .d-bags .it{transform:none}
.d-stopsign .oc{transition:filter .3s} :is(.hov,.go) .d-stopsign .oc{filter:brightness(1.18)}
.d-stopsign .hd{opacity:0;transform:translateX(10px);transition:transform .45s var(--spring),opacity .3s} :is(.hov,.go) .d-stopsign .hd{opacity:1;transform:none}
.d-cart .it{transform:translateY(-14px);opacity:0;transition:transform .45s var(--spring),opacity .2s} :is(.hov,.go) .d-cart .it{transform:translateY(8px);opacity:1}
.go .d-cart .wh{animation:dbs-w .8s ease-out}
.go .d-buoy .by{animation:dby 1.2s ease-in-out} @keyframes dby{0%,100%{transform:none}30%{transform:translateY(5px)}65%{transform:translateY(-3px)}}
.go .d-buoy .wv{animation:dby-w 1.2s linear} @keyframes dby-w{0%{transform:none}100%{transform:translateX(-16px)}}
.go .d-salad .lv{animation:dsl .7s var(--soft)} @keyframes dsl{0%{transform:none}40%{transform:translateY(-12px) rotate(-4deg)}100%{transform:none}}
.d-salad .lv{transform-origin:48px 50px}
.d-salt .sh{transform-origin:48px 80px;transition:transform .45s var(--spring)} :is(.hov,.go) .d-salt .sh{transform:rotate(-30deg)}
.d-salt .gr{opacity:0} .go .d-salt .g0{animation:dsa .6s .3s ease-in} .go .d-salt .g1{animation:dsa .6s .4s ease-in} .go .d-salt .g2{animation:dsa .6s .5s ease-in} .go .d-salt .g3{animation:dsa .6s .6s ease-in}
@keyframes dsa{0%{opacity:1;transform:none}100%{opacity:0;transform:translateY(24px)}}
.d-grad .cp{transition:transform .5s var(--spring)} :is(.hov) .d-grad .cp{transform:translateY(-4px)}
.go .d-grad .cp{animation:dgr 1s var(--soft)} @keyframes dgr{0%{transform:none}40%{transform:translateY(-16px) rotate(-14deg)}100%{transform:none}}
.d-grad .ts{transform-origin:74px 32px} .go .d-grad .ts{animation:dgr-t .5s .5s ease-in-out 2} @keyframes dgr-t{0%,100%{transform:none}50%{transform:rotate(18deg)}}
.go .d-dna .rn{animation:ddn .9s ease-in-out} .go .d-dna .r1{animation-delay:.08s} .go .d-dna .r2{animation-delay:.16s} .go .d-dna .r3{animation-delay:.24s}
@keyframes ddn{0%,100%{transform:none}50%{transform:scaleX(.2)}}
.d-dna .sa,.d-dna .sb{transform-origin:48px 48px;transition:transform .7s var(--soft)} :is(.hov,.go) .d-dna .sa{transform:scaleX(-1)} :is(.hov,.go) .d-dna .sb{transform:scaleX(-1)}
.d-bricks .tp{transition:transform .5s var(--spring)} .go .d-bricks .tp{animation:dbr .6s var(--spring) both} @keyframes dbr{0%{transform:translateY(-22px);opacity:0}100%{transform:none;opacity:1}}
:is(.hov) .d-bricks .tp{transform:translateY(-3px)}
.d-suitcase .hd{transform:translateY(12px);transition:transform .45s var(--spring)} :is(.hov,.go) .d-suitcase .hd{transform:none}
.go .d-suitcase .wh{animation:dbs-w .8s .2s ease-out}
.d-receipt .pp{transform:translateY(-22px);transition:transform .8s var(--soft)} :is(.hov,.go) .d-receipt .pp{transform:none}
.d-steth .hb{stroke-dasharray:100;stroke-dashoffset:0} .go .d-steth .hb{animation:dmap 1s ease-in-out both}
.go .d-mirror .sh{animation:dgm .8s ease-in-out} :is(.hov) .d-mirror .sh{translate:30px 0;transition:translate .6s}
.d-idcard .ph{transform-origin:27px 54px;transition:transform .45s var(--spring)} :is(.hov,.go) .d-idcard .ph{transform:scale(1.08)}
.d-idcard .ln{transform-box:fill-box;transform-origin:0 50%} .go .d-idcard .l0{animation:did .4s ease-out both} .go .d-idcard .l1{animation:did .4s .12s ease-out both} .go .d-idcard .l2{animation:did .4s .24s ease-out both}
@keyframes did{0%{transform:scaleX(0)}100%{transform:none}}
.d-stopwatch .bt{transition:transform .2s} .go .d-stopwatch .bt{animation:dsw-b .3s ease-out} @keyframes dsw-b{50%{transform:translateY(3px)}}
.d-stopwatch .hn{transform-origin:48px 52px;transition:transform .8s var(--soft)} :is(.hov) .d-stopwatch .hn{transform:rotate(90deg)}
.go .d-stopwatch .hn{animation:dsw 1.2s cubic-bezier(.3,.6,.4,1)} @keyframes dsw{0%{transform:none}100%{transform:rotate(360deg)}}
.d-hourglass .tp{transform-origin:48px 44px;transition:transform 1s linear} :is(.hov,.go) .d-hourglass .tp{transform:scale(.55)}
.d-hourglass .bt{transform-origin:48px 80px;transform:scale(.6);transition:transform 1s linear} :is(.hov,.go) .d-hourglass .bt{transform:none}
.d-hourglass .fl{opacity:0;transition:opacity .2s} :is(.hov,.go) .d-hourglass .fl{opacity:1}
.d-recycle .ar{transform-origin:48px 50px;transition:transform .8s var(--soft)} :is(.hov) .d-recycle .ar{transform:rotate(40deg)}
.go .d-recycle .ar{animation:drc 1s var(--soft)} @keyframes drc{0%{transform:none}100%{transform:rotate(120deg)}}
.d-scales .bm{transform-origin:48px 24px}
.go .d-scales .bm{animation:dsc2 1.2s ease-in-out} @keyframes dsc2{0%,100%{transform:none}25%{transform:rotate(9deg)}55%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}}
:is(.hov) .d-scales .bm{transform:rotate(5deg);transition:transform .5s var(--spring)}
.d-ball .bl{transform-origin:24px 66px} .go .d-ball .bl{animation:dbl 1s cubic-bezier(.3,.6,.5,1)} @keyframes dbl{0%{transform:none}60%{transform:translate(46px,-22px) rotate(360deg)}75%{transform:translate(48px,-18px) rotate(380deg)}100%{transform:none}}
:is(.hov) .d-ball .bl{transform:rotate(-30deg);transition:transform .5s}
.d-suncloud .sn{transition:transform .7s var(--spring)} :is(.hov,.go) .d-suncloud .sn{transform:translate(8px,-6px)}
.d-suncloud .cl{transition:transform .7s var(--soft)} :is(.hov,.go) .d-suncloud .cl{transform:translateX(-6px)}
.d-plane .pl{transition:transform .6s var(--spring)} :is(.hov) .d-plane .pl{transform:translate(4px,-6px)}
.go .d-plane .pl{animation:dpl2 1.1s var(--soft)} @keyframes dpl2{0%{transform:translate(-10px,10px)}60%{transform:translate(8px,-12px)}100%{transform:translate(4px,-6px)}}
.d-plane .tr{opacity:0} .go .d-plane .tr{animation:dph .4s .2s ease-in-out 2}
.gxw{display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 10px rgba(120,50,10,.20))}.gxw>.ni{width:100%;height:100%}
@media (prefers-reduced-motion:reduce){.gxw *{animation:none!important;transition:none!important}}