@font-face{font-family:SP Auth Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/landing/crayon/assets/fonts/patrick-hand-400-latin.8d0a3384d26c.woff2) format("woff2")}.sp-crayon-auth{--scribble-reach:0.75rem;position:relative}.sp-crayon-auth .cl-card,.sp-crayon-auth>section{border-color:transparent}.sp-crayon-auth h1{font-family:SP Auth Hand,Patrick Hand,Comic Sans MS,cursive;font-size:2.25rem;line-height:1.05;rotate:-1.5deg;filter:url(#sp-blog-crayon-type);-webkit-text-stroke:.03em currentColor}.sp-crayon-auth-greeter{position:absolute;right:calc(100% + 1.5rem);bottom:-.5rem;width:8rem;height:auto;pointer-events:none}@media (max-width:767px){.sp-crayon-auth-greeter{position:static;display:block;width:3.75rem;margin:0 auto .75rem}}.sp-crayon-auth .sp-blog-scribble{position:absolute;top:calc(var(--scribble-reach) * -1);left:calc(var(--scribble-reach) * -1);width:calc(100% + var(--scribble-reach) * 2);height:calc(100% + var(--scribble-reach) * 2);overflow:visible;pointer-events:none}@media (max-width:767px){.sp-crayon-auth{--greeter-h:calc(3.75rem * 315 / 160 + 0.75rem)}.sp-crayon-auth .sp-blog-scribble{top:calc(var(--greeter-h) - var(--scribble-reach));height:calc(100% - var(--greeter-h) + var(--scribble-reach) * 2)}}.sp-crayon-auth .sp-blog-scribble path{fill:none;stroke:currentColor;stroke-width:.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.sp-crayon-auth .sp-blog-scribble path{animation:sp-crayon-auth-draw .7s cubic-bezier(.55,.05,.3,1) .25s backwards}}@keyframes sp-crayon-auth-draw{0%{stroke-dashoffset:1}}