.doodle-figure[data-v-6ac2da69]{--ink:var(--on-surface);--muted:var(--on-surface-variant);--tick:#2f7d55;--accent:#d4513c;background:var(--surface-container-low);border-radius:16px;padding:clamp(1rem,3vw,2rem)}.doodle-figure figcaption[data-v-6ac2da69]{text-align:center}.doodle[data-v-6ac2da69]{display:block;height:auto;overflow:visible;width:100%}.doodle--tall[data-v-6ac2da69]{margin:0 auto;max-width:22rem}.doodle--wide[data-v-6ac2da69]{display:none}@media(min-width:600px){.doodle--wide[data-v-6ac2da69]{display:block}.doodle--tall[data-v-6ac2da69]{display:none}}.ink[data-v-6ac2da69]{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.ink-fill[data-v-6ac2da69]{fill:var(--ink)}.tick[data-v-6ac2da69]{fill:none;stroke:var(--tick);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5}.hand[data-v-6ac2da69]{fill:var(--ink);font-family:Caveat,Comic Sans MS,cursive;font-size:22px;font-weight:500}.d-label[data-v-6ac2da69]{fill:var(--muted)}.d-accent[data-v-6ac2da69],.d-title[data-v-6ac2da69]{font-size:30px;font-weight:700}.d-accent[data-v-6ac2da69]{fill:var(--accent)}.doodle:not(.is-playing) .doodle__loop[data-v-6ac2da69]{opacity:0}.is-static .doodle .doodle__loop[data-v-6ac2da69]{opacity:1}.is-playing .doodle__loop[data-v-6ac2da69]{animation:loop-out-6ac2da69 .6s ease-in var(--loop-out,12.6s) both}.is-playing .fade[data-v-6ac2da69]{animation:fade-in-6ac2da69 .4s ease-out var(--d,0s) both}.is-playing .draw[data-v-6ac2da69]{animation:draw-6ac2da69 var(--len,.6s) ease-in-out var(--d,0s) both}.is-playing .typer[data-v-6ac2da69]{animation:type-6ac2da69 .9s steps(18) var(--d,0s) both;transform-box:fill-box;transform-origin:left center}.is-playing .pop[data-v-6ac2da69]{animation:pop-6ac2da69 .5s cubic-bezier(.34,1.56,.64,1) var(--d,0s) both}.is-playing .pop[data-v-6ac2da69],.is-playing .stamp[data-v-6ac2da69]{transform-box:fill-box;transform-origin:center}.is-playing .stamp[data-v-6ac2da69]{animation:stamp-6ac2da69 .35s ease-out var(--d,0s) both}@keyframes fade-in-6ac2da69{0%{opacity:0;transform:translateY(4px)}}@keyframes draw-6ac2da69{0%{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes type-6ac2da69{0%{transform:scaleX(0)}}@keyframes pop-6ac2da69{0%{opacity:0;transform:scale(.2)}}@keyframes stamp-6ac2da69{0%{opacity:0;transform:scale(1.5) rotate(-6deg)}70%{opacity:1;transform:scale(.94) rotate(1deg)}}@keyframes loop-out-6ac2da69{to{opacity:0}}.visual-regression-doodle[data-v-6ac2da69]{--navy:#173a6b;--teal:#16b6c9;--diff:#d6336c;--amber:#e0a526;--pass:#2f7d55}.code[data-v-6ac2da69]{fill:var(--ink);font-family:JetBrains Mono,monospace;font-size:14px}.code--removed[data-v-6ac2da69]{fill:#9f403d}.code--added[data-v-6ac2da69]{fill:var(--pass)}.removed-bg[data-v-6ac2da69]{fill:#fbe1df}.added-bg[data-v-6ac2da69]{fill:#dcf1e3}.camera[data-v-6ac2da69]{fill:var(--surface-container-lowest)}.flash[data-v-6ac2da69]{fill:var(--amber);opacity:0}.shot-button--before[data-v-6ac2da69]{fill:var(--navy)}.shot-button--after[data-v-6ac2da69]{fill:var(--teal)}.diff-box[data-v-6ac2da69]{fill:none;stroke:var(--diff);stroke-dasharray:6 4;stroke-width:3}.d-small[data-v-6ac2da69]{fill:var(--muted);font-size:18px}.d-center[data-v-6ac2da69],.d-diff[data-v-6ac2da69]{text-anchor:middle}.d-diff[data-v-6ac2da69]{fill:var(--diff);font-size:24px;font-weight:700}.d-pass[data-v-6ac2da69]{fill:var(--pass)}.pending[data-v-6ac2da69]{fill:var(--amber)}.passed[data-v-6ac2da69]{fill:var(--pass)}.passed-tick[data-v-6ac2da69]{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.accept-flash[data-v-6ac2da69]{fill:var(--pass);opacity:0}.cursor__arrow[data-v-6ac2da69]{fill:var(--ink);stroke:var(--surface-container-low);stroke-linejoin:round;stroke-width:1.5}.show-then-hide[data-v-6ac2da69]{opacity:0}.is-playing .swipe[data-v-6ac2da69]{animation:swipe-6ac2da69 .35s ease-out var(--d,0s) both;transform-box:fill-box;transform-origin:left center}.is-playing .flash[data-v-6ac2da69]{animation:flash-6ac2da69 .5s ease-out var(--d,0s) both;transform-box:fill-box;transform-origin:center}.is-playing .show-then-hide[data-v-6ac2da69]{animation:show-then-hide-6ac2da69 1.7s linear var(--d,0s) both}.is-playing .accept-flash[data-v-6ac2da69]{animation:accept-flash-6ac2da69 .4s ease-out var(--d,0s) both}.is-playing .cursor[data-v-6ac2da69]{animation:cursor-move-6ac2da69 .8s ease-in-out 7.4s both,cursor-click-6ac2da69 .2s ease-in-out 8.25s 2 alternate;transform-box:fill-box;transform-origin:left top}@keyframes swipe-6ac2da69{0%{transform:scaleX(0)}}@keyframes flash-6ac2da69{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}@keyframes show-then-hide-6ac2da69{0%{opacity:0}10%,90%{opacity:1}to{opacity:0}}@keyframes accept-flash-6ac2da69{0%,to{opacity:0}40%{opacity:.35}}@keyframes cursor-move-6ac2da69{0%{opacity:0;transform:translate(130px,90px)}20%{opacity:1}}@keyframes cursor-click-6ac2da69{to{transform:scale(.85)}}