.js-anim .chsp-write{animation:1.5s cubic-bezier(.45,.05,.35,1) .6s both chsp-write;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 55%);mask-image:linear-gradient(90deg,#000 45%,#0000 55%);-webkit-mask-size:220% 100%;mask-size:220% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes chsp-write{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.js-anim .chsp-underline path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.7s ease-out 1.95s forwards chsp-draw}@keyframes chsp-draw{to{stroke-dashoffset:0}}.chsp-mist{z-index:1;pointer-events:none;opacity:.4;mix-blend-mode:screen;background:radial-gradient(28% 32% at 18% 55%,#ffffffb3,#0000 70%),radial-gradient(22% 26% at 46% 40%,#ffffff8c,#0000 70%),radial-gradient(30% 30% at 72% 62%,#fff9,#0000 70%),radial-gradient(20% 24% at 92% 45%,#ffffff80,#0000 70%);position:absolute;inset:38% -50% 8%}@media (prefers-reduced-motion:no-preference){.chsp-mist{animation:70s ease-in-out infinite alternate chsp-drift}}@keyframes chsp-drift{0%{transform:translate(-6%)}to{transform:translate(6%)}}.chsp-print{opacity:.55;transform:translate(-50%, -50%) rotate(var(--chsp-rot)) scaleX(var(--chsp-flip))}.chsp-trail[data-state=armed] .chsp-print{opacity:0}.chsp-trail[data-state=walking] .chsp-print{animation:.55s ease-out both chsp-step}@keyframes chsp-step{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--chsp-rot)) scaleX(var(--chsp-flip)) scale(.6)}55%{opacity:.75}to{opacity:.55;transform:translate(-50%, -50%) rotate(var(--chsp-rot)) scaleX(var(--chsp-flip))}}@media (prefers-reduced-motion:reduce){.chsp-write,.chsp-underline path,.chsp-print{animation:none!important}.chsp-write{-webkit-mask-image:none;mask-image:none}.chsp-underline path{stroke-dashoffset:0}.chsp-trail .chsp-print{opacity:.55}}