.wobble{width:100%;position:relative}.wobble-piece{will-change:transform;height:auto;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.wobble-piece[data-tap]{cursor:pointer}.wobble-piece.is-boing{animation:.52s cubic-bezier(.23,1,.32,1) wb-boing!important}@keyframes wb-rock{0%,to{transform:rotate(calc(var(--a) * -1)) translateY(0) scale(1, 1)}25%{transform:rotate(0)translateY(-1.5%)scale(.99,1.02)}50%{transform:rotate(var(--a)) translateY(0) scale(1.02, .98)}75%{transform:rotate(0)translateY(-1.5%)scale(.99,1.02)}}@keyframes wb-bob{0%,to{transform:rotate(calc(var(--a) * -1)) translateY(0)}50%{transform:rotate(var(--a)) translateY(-4%)}}@keyframes wb-float{0%,to{transform:translateY(0) rotate(calc(var(--a) * -1))}50%{transform:translateY(-6%) rotate(var(--a))}}@keyframes wb-wiggle{0%,to{transform:rotate(calc(var(--a) * -1))}50%{transform:rotate(var(--a))}}@keyframes wb-sway{0%,to{transform:rotate(calc(var(--a) * -1)) translateY(0)}50%{transform:rotate(var(--a)) translateY(-3%)}}@keyframes wb-beat{0%,40%,to{transform:scale(1)}10%{transform:scale(1.25)}25%{transform:scale(1.1)}}@keyframes wb-twinkle{0%,to{transform:rotate(calc(var(--a) * -1)) scale(.85)}50%{transform:rotate(var(--a)) scale(1.15)}}@keyframes wb-spin{to{transform:rotate(360deg)}}@keyframes wb-pop{0%,to{opacity:.7;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes wb-hop{0%,60%,to{transform:translateY(0)scale(1)}20%{transform:translateY(-14%)scale(.95,1.05)}40%{transform:translateY(0)scale(1.06,.94)}}@keyframes wb-boing{0%{transform:scale(1)}30%{transform:scale(1.08,.9)}55%{transform:scale(.95,1.06)}80%{transform:scale(1.02,.98)}to{transform:scale(1)}}@keyframes wb-drift{0%,to{translate:calc(var(--px) * -1) 0}50%{translate:var(--px) 0}}@keyframes wb-write{0%{clip-path:inset(-10% 100% -10% -2%)}to{clip-path:inset(-10% -2%)}}@keyframes wb-clink-l{0%,55%,to{transform:rotate(0)}70%{transform:rotate(9deg)}76%{transform:rotate(6deg)}}@keyframes wb-clink-r{0%,55%,to{transform:rotate(0)}70%{transform:rotate(-9deg)}76%{transform:rotate(-6deg)}}@keyframes wb-flicker{0%,to{transform:rotate(-1.5deg)scaleY(1)}30%{transform:rotate(1deg)scaleY(1.02)}60%{transform:rotate(-.5deg)scaleY(.99)}}@media (prefers-reduced-motion:reduce){.wobble-piece{animation:none!important}}.wobble-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wobble.is-waiting .wobble-piece[data-write]{animation-play-state:paused!important}@keyframes wb-flutter{0%,to{translate:0;rotate:-6deg}20%{translate:calc(var(--px) * .8) calc(var(--px) * -.5);rotate:10deg}40%{translate:calc(var(--px) * .3) calc(var(--px) * -.9);rotate:-4deg}60%{translate:calc(var(--px) * -.6) calc(var(--px) * -.4);rotate:-14deg}80%{translate:calc(var(--px) * -.5) calc(var(--px) * .2);rotate:6deg}}@keyframes wb-flap{0%,to{scale:1}50%{scale:.45 1}}@keyframes wb-glint{0%,60%,to{transform:scale(1)rotate(0)}75%{transform:scale(1.6)rotate(45deg)}88%{transform:scale(1.15)rotate(80deg)}}
