.doodle[data-v-23b890d4]{--doodle-cycle:1.6s;--doodle-beat:.2s;--doodle-alive:2.4s;--pile-grow:2.8s;pointer-events:none;--doodle-w:var(--doodle-weight,1);width:100%;height:auto;display:block;overflow:hidden}.doodle path[data-v-23b890d4]{fill:none;stroke-linecap:round;stroke-linejoin:round}.doodle__graphite[data-v-23b890d4]{stroke:var(--color-fg);stroke-opacity:.75;mix-blend-mode:multiply}.cannon__band[data-v-23b890d4],.doodle__graphite[data-v-23b890d4]{stroke-width:calc(2.6px*var(--doodle-w))}.cannon__band[data-v-23b890d4]{stroke:var(--color-primary)}.doodle__draw[data-v-23b890d4]{stroke-dasharray:1 2;stroke-dashoffset:1.1px;animation:doodle-cannon-draw-23b890d4 var(--dur) linear var(--t0) both}@keyframes doodle-cannon-draw-23b890d4{0%{stroke-dashoffset:1.1px}to{stroke-dashoffset:0}}.cannon__kick[data-v-23b890d4]{animation:doodle-cannon-kick-23b890d4 var(--doodle-beat) steps(1) var(--doodle-alive) infinite}@keyframes doodle-cannon-kick-23b890d4{0%{transform:translate(-.8px,.6px)}35%,to{transform:none}}.cannon__foam[data-v-23b890d4],.cannon__grow[data-v-23b890d4],.cannon__puff[data-v-23b890d4],.cannon__x[data-v-23b890d4],.cannon__y[data-v-23b890d4]{animation-duration:var(--doodle-cycle);animation-delay:calc(var(--doodle-alive) + var(--k)*var(--doodle-beat));animation-iteration-count:infinite}.cannon__x[data-v-23b890d4]{animation-name:doodle-cannon-x-23b890d4;animation-timing-function:linear}@keyframes doodle-cannon-x-23b890d4{0%{transform:none}to{transform:translateX(var(--dx))}}.cannon__y[data-v-23b890d4]{animation-name:doodle-cannon-y-23b890d4}@keyframes doodle-cannon-y-23b890d4{0%{animation-timing-function:cubic-bezier(.333,.667,.667,1);transform:none}38%{transform:translateY(var(--peak));animation-timing-function:cubic-bezier(.333,0,.667,.333)}to{transform:translateY(var(--fall))}}.cannon__grow[data-v-23b890d4]{animation-name:doodle-cannon-grow-23b890d4;animation-timing-function:cubic-bezier(.333,.667,.667,1)}@keyframes doodle-cannon-grow-23b890d4{0%{transform:scale(.55)}to{transform:scale(1)rotate(60deg)}}.cannon__foam[data-v-23b890d4],.cannon__puff[data-v-23b890d4]{opacity:0;animation-name:doodle-cannon-show-23b890d4;animation-timing-function:step-end}@keyframes doodle-cannon-show-23b890d4{0%{opacity:0}1.5%,to{opacity:1}}.doodle .cannon__foam[data-v-23b890d4]{fill:var(--color-surface);fill-opacity:.9;stroke:none}.cannon__puff[data-v-23b890d4]{stroke-width:calc(2.2px*var(--doodle-w))}.cannon__pile[data-v-23b890d4]{visibility:hidden;animation-duration:var(--pile-grow);animation-delay:calc(var(--doodle-alive) + var(--doodle-cycle));animation-timing-function:step-end;animation-fill-mode:forwards}.cannon__pile--1[data-v-23b890d4]{animation-name:doodle-cannon-pile-1-23b890d4}.cannon__pile--2[data-v-23b890d4]{animation-name:doodle-cannon-pile-2-23b890d4}.cannon__pile--3[data-v-23b890d4]{animation-name:doodle-cannon-pile-3-23b890d4}@keyframes doodle-cannon-pile-1-23b890d4{0%{visibility:visible}42.86%,to{visibility:hidden}}@keyframes doodle-cannon-pile-2-23b890d4{0%{visibility:hidden}42.86%{visibility:visible}to{visibility:hidden}}@keyframes doodle-cannon-pile-3-23b890d4{0%{visibility:hidden}to{visibility:visible}}.doodle .cannon__pile-fill[data-v-23b890d4]{fill:var(--color-surface);stroke:none}:root[data-motion=paused] .cannon__foam[data-v-23b890d4],:root[data-motion=paused] .cannon__grow[data-v-23b890d4],:root[data-motion=paused] .cannon__kick[data-v-23b890d4],:root[data-motion=paused] .cannon__pile[data-v-23b890d4],:root[data-motion=paused] .cannon__puff[data-v-23b890d4],:root[data-motion=paused] .cannon__x[data-v-23b890d4],:root[data-motion=paused] .cannon__y[data-v-23b890d4],:root[data-motion=paused] .doodle[data-v-23b890d4] *,:root[data-motion=paused] .doodle__draw[data-v-23b890d4]{animation:none!important}:root[data-motion=paused] .cannon__pile--3[data-v-23b890d4]{visibility:visible}:root[data-motion=paused] .doodle__draw[data-v-23b890d4]{stroke-dashoffset:0}:root[data-motion=paused] .cannon__x[data-v-23b890d4]{transform:translateX(var(--sx))}:root[data-motion=paused] .cannon__y[data-v-23b890d4]{transform:translateY(var(--sy))}:root[data-motion=paused] .cannon__grow[data-v-23b890d4]{transform:scale(var(--ss)) rotate(var(--sr))}:root[data-motion=paused] .cannon__foam[data-v-23b890d4],:root[data-motion=paused] .cannon__puff[data-v-23b890d4]{opacity:1}