.hd-fill-yellow{fill:#fff700bf}.hd-fill-yellow-light{fill:#fffb7880}.hd-stroke-yellow{stroke:#ffe600}.hd-fill-pink{fill:#ff69b4b3}.hd-fill-pink-light{fill:#ffb6d573}.hd-stroke-pink{stroke:#ff69b4}.hd-fill-green{fill:#00ff7fa6}.hd-fill-green-light{fill:#90ffbe66}.hd-stroke-green{stroke:#00ff7f}.hd-fill-blue{fill:#00bfffa6}.hd-fill-blue-light{fill:#87cefa73}.hd-stroke-blue{stroke:#00bfff}.hd-fill-orange{fill:#ffa500bf}.hd-fill-orange-light{fill:#ffc86480}.hd-stroke-orange{stroke:orange}.hd-fill-teal{fill:#14b8a6a6}.hd-fill-teal-light{fill:#99f6e473}.hd-stroke-teal{stroke:#14b8a6}.hand-drawn-animate .hand-drawn-stroke{stroke-dasharray:100;stroke-dashoffset:100px}.hand-drawn-animate .hand-drawn-highlight{opacity:0;transform-origin:0;transform:scale(.8)rotate(-1deg)}.hand-drawn-animate .hand-drawn-highlight-inner{opacity:0}.hand-drawn-animate .hand-drawn-text{color:inherit}.hand-drawn-immediate.hand-drawn-animate .hand-drawn-highlight{animation:hand-drawn-highlight-in var(--hd-duration) cubic-bezier(.22, 1, .36, 1) var(--hd-delay) forwards}.hand-drawn-immediate.hand-drawn-animate .hand-drawn-highlight-inner{animation:hand-drawn-inner-fade calc(var(--hd-duration) * .6) ease-out calc(var(--hd-delay) + var(--hd-duration) * .5) forwards}.hand-drawn-immediate.hand-drawn-animate .hand-drawn-text{animation:hand-drawn-text-reveal calc(var(--hd-duration) * .5) ease-out calc(var(--hd-delay) + var(--hd-duration) * .3) forwards}.hand-drawn-observe.hand-drawn-animate.is-visible .hand-drawn-highlight{animation:hand-drawn-highlight-in var(--hd-duration) cubic-bezier(.22, 1, .36, 1) var(--hd-delay) forwards}.hand-drawn-observe.hand-drawn-animate.is-visible .hand-drawn-highlight-inner{animation:hand-drawn-inner-fade calc(var(--hd-duration) * .6) ease-out calc(var(--hd-delay) + var(--hd-duration) * .5) forwards}.hand-drawn-observe.hand-drawn-animate.is-visible .hand-drawn-text{animation:hand-drawn-text-reveal calc(var(--hd-duration) * .5) ease-out calc(var(--hd-delay) + var(--hd-duration) * .3) forwards}@keyframes hand-drawn-draw{0%{stroke-dashoffset:100px}15%{stroke-dashoffset:90px}50%{stroke-dashoffset:35px}85%{stroke-dashoffset:8px}to{stroke-dashoffset:0}}@keyframes hand-drawn-jitter{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-.3px,.2px)rotate(-.2deg)}20%{transform:translate(.4px,-.1px)rotate(.15deg)}30%{transform:translate(-.2px,.3px)rotate(-.1deg)}40%{transform:translate(.3px,.1px)rotate(.2deg)}50%{transform:translate(-.1px,-.2px)rotate(-.15deg)}60%{transform:translate(.2px,.2px)rotate(.1deg)}70%{transform:translate(-.3px)rotate(-.2deg)}80%{transform:translate(.1px,-.3px)rotate(.15deg)}90%{transform:translate(-.2px,.1px)rotate(-.1deg)}}.hand-drawn-immediate.hand-drawn-animate .hand-drawn-stroke:not(.hand-drawn-circle-stroke),.hand-drawn-observe.hand-drawn-animate.is-visible .hand-drawn-stroke:not(.hand-drawn-circle-stroke){animation:hand-drawn-draw var(--hd-duration) linear var(--hd-delay) forwards, hand-drawn-jitter 80ms ease-in-out var(--hd-delay) 8}.hand-drawn-animate .hand-drawn-circle-stroke{stroke-dasharray:var(--hd-stroke-length,88) calc(100 - var(--hd-stroke-length,88));stroke-dashoffset:100px}@keyframes hand-drawn-circle-draw{0%{stroke-dashoffset:100px}5%{stroke-dashoffset:97px}12%{stroke-dashoffset:92px}25%{stroke-dashoffset:75px}45%{stroke-dashoffset:45px}55%{stroke-dashoffset:35px}70%{stroke-dashoffset:20px}85%{stroke-dashoffset:8px}to{stroke-dashoffset:0}}@keyframes hand-drawn-circle-jitter{0%,to{transform:translate(0)rotate(0)}8%{transform:translate(calc(-.4px * var(--hd-jitter-scale,1)), calc(.3px * var(--hd-jitter-scale,1))) rotate(calc(-.25deg * var(--hd-jitter-scale,1)))}16%{transform:translate(calc(.5px * var(--hd-jitter-scale,1)), calc(-.2px * var(--hd-jitter-scale,1))) rotate(calc(.2deg * var(--hd-jitter-scale,1)))}24%{transform:translate(calc(-.3px * var(--hd-jitter-scale,1)), calc(.4px * var(--hd-jitter-scale,1))) rotate(calc(-.15deg * var(--hd-jitter-scale,1)))}32%{transform:translate(calc(.4px * var(--hd-jitter-scale,1)), calc(.2px * var(--hd-jitter-scale,1))) rotate(calc(.25deg * var(--hd-jitter-scale,1)))}40%{transform:translate(calc(-.2px * var(--hd-jitter-scale,1)), calc(-.3px * var(--hd-jitter-scale,1))) rotate(calc(-.2deg * var(--hd-jitter-scale,1)))}48%{transform:translate(calc(.3px * var(--hd-jitter-scale,1)), calc(.3px * var(--hd-jitter-scale,1))) rotate(calc(.15deg * var(--hd-jitter-scale,1)))}56%{transform:translate(calc(-.4px * var(--hd-jitter-scale,1)), calc(.1px * var(--hd-jitter-scale,1))) rotate(calc(-.25deg * var(--hd-jitter-scale,1)))}64%{transform:translate(calc(.2px * var(--hd-jitter-scale,1)), calc(-.4px * var(--hd-jitter-scale,1))) rotate(calc(.2deg * var(--hd-jitter-scale,1)))}72%{transform:translate(calc(-.3px * var(--hd-jitter-scale,1)), calc(.2px * var(--hd-jitter-scale,1))) rotate(calc(-.15deg * var(--hd-jitter-scale,1)))}80%{transform:translate(calc(.4px * var(--hd-jitter-scale,1)), calc(-.1px * var(--hd-jitter-scale,1))) rotate(calc(.25deg * var(--hd-jitter-scale,1)))}88%{transform:translate(calc(-.2px * var(--hd-jitter-scale,1)), calc(.3px * var(--hd-jitter-scale,1))) rotate(calc(-.2deg * var(--hd-jitter-scale,1)))}}.hand-drawn-immediate.hand-drawn-animate .hand-drawn-circle-stroke,.hand-drawn-observe.hand-drawn-animate.is-visible .hand-drawn-circle-stroke{animation:hand-drawn-circle-draw var(--hd-duration) cubic-bezier(.25, .1, .25, 1) var(--hd-delay) forwards, hand-drawn-circle-jitter .12s ease-in-out var(--hd-delay) infinite;animation-iteration-count:1, calc(var(--hd-duration) / .12s)}@keyframes hand-drawn-highlight-in{0%{opacity:0;transform:scale(.7)rotate(-2deg)translate(0)}20%{opacity:.5;transform:scale(.9)rotate(-.5deg)translate(.5px,-.3px)}40%{opacity:.7;transform:scale(1.02)rotate(.3deg)translate(-.3px,.2px)}60%{opacity:.85;transform:scale(1.04)rotate(-.2deg)translate(.2px,.1px)}80%{opacity:.95;transform:scale(1.01)rotate(.1deg)translate(-.1px,-.2px)}to{opacity:1;transform:scale(1)rotate(-1deg)translate(0)}}@keyframes hand-drawn-inner-fade{0%{opacity:0}to{opacity:1}}@keyframes hand-drawn-text-reveal{0%{color:inherit}to{color:#0f172a}}@media (prefers-reduced-motion:reduce){.hand-drawn-animate .hand-drawn-stroke,.hand-drawn-animate .hand-drawn-circle-stroke{stroke-dashoffset:0;animation:none!important}.hand-drawn-animate .hand-drawn-highlight,.hand-drawn-animate .hand-drawn-highlight-inner{opacity:1;transform:scale(1)rotate(-1deg);animation:none!important}.hand-drawn-animate .hand-drawn-text{color:#0f172a;animation:none!important}}
