.ks-sting{--speed:1;--start-delay:0s;--draw-ease:cubic-bezier(.16, 1, .3, 1);--pop-ease:linear(0, .5 10%, .9 20%, 1.08 30%, 1.04 40%, .99 55%, 1.005 70%, 1);line-height:0;display:block}.ks-sting svg{width:100%;height:auto;display:block;overflow:visible}.ks-stroke{stroke-dasharray:var(--length) var(--length);stroke-dashoffset:0}.ks-dot,.ks-tape-under,.ks-tape-over{transform-box:fill-box;transform-origin:50%}[data-sting=wait] .ks-stroke{stroke-dashoffset:var(--length);opacity:0}[data-sting=wait] :is(.ks-dot,.ks-tape-under,.ks-tape-over){opacity:0}@keyframes ks-draw{0%{stroke-dashoffset:var(--length);opacity:0}1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes ks-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ks-slap{0%{opacity:0;transform:scale(1.35)rotate(-14deg)}to{opacity:1;transform:none}}@keyframes ks-shake{0%{transform:translate(0)}33%{transform:translate(8px,-5px)}66%{transform:translate(-8px,5px)}to{transform:translate(0)}}[data-sting=run] .ks-stroke{animation:ks-draw calc(.34s / var(--speed)) var(--draw-ease) calc(var(--start-delay) + var(--stroke-delay) / var(--speed)) both}[data-sting=run] .ks-dot{animation:ks-pop calc(.34s / var(--speed)) var(--pop-ease) calc(var(--start-delay) + .55s / var(--speed)) both}[data-sting=run] .ks-tape-under{animation:ks-slap calc(.21s / var(--speed)) steps(3, end) calc(var(--start-delay) + .89s / var(--speed)) both}[data-sting=run] .ks-tape-over{animation:ks-slap calc(.21s / var(--speed)) steps(3, end) calc(var(--start-delay) + 1.1s / var(--speed)) both}[data-sting=run] .ks-mark{animation:ks-shake calc(.21s / var(--speed)) steps(3, end) calc(var(--start-delay) + 1.31s / var(--speed)) both}@media (prefers-reduced-motion:reduce){.ks-sting *{animation:none!important}[data-sting=wait] :is(.ks-stroke,.ks-dot,.ks-tape-under,.ks-tape-over){opacity:1;stroke-dashoffset:0}}