#sada-playful{position:relative}
#sada-playful .sp-mast{position:sticky;top:0;z-index:30;background:var(--sp-bg)}
#sada-playful .sp-signature{transition:none}
#sada-playful .sp-signature:hover{transform:none}
#sada-playful.sh-signing .sp-signature{opacity:0}
#sada-playful .sh-signature-stage[hidden]{display:none}
#sada-playful .sh-signature-stage{position:fixed;inset:0;z-index:100;background:var(--sp-bg);overflow:hidden}
#sada-playful .sh-signature-flyer{position:absolute;left:50%;top:46%;width:min(78%,880px);transform:translate(-50%,-50%);transform-origin:0 0;background:transparent}
#sada-playful .sh-logo-ink{display:block;width:100%;height:100%;overflow:visible}
#sada-playful .sh-signature-drawing{display:block;width:100%;height:auto;overflow:visible}
#sada-playful .sh-pen{stroke-dasharray:1;stroke-dashoffset:1}
#sada-playful.sh-signing .sh-pen{animation:sh-write var(--pen-time) var(--pen-start) cubic-bezier(.4,0,.25,1) forwards}
#sada-playful .sh-tagline-reveal,#sada-playful .sh-signature-complete{opacity:0}
#sada-playful.sh-signing .sh-tagline-reveal{animation:sh-appear .5s 2.9s ease forwards}
#sada-playful.sh-signing .sh-signature-complete{animation:sh-appear .15s 3.3s ease forwards}
#sada-playful .sh-signature-skip{position:absolute;right:5%;bottom:6%;padding:12px 3px;border:0;border-bottom:1px solid var(--sp-line);background:transparent;color:var(--sp-muted);font:400 12px/1.4 Arial,Helvetica,sans-serif}
#sada-playful .sh-replay-signature{border:0;padding:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit}
#sada-editorial-preview #sada-playful .sh-signature-stage{position:absolute;inset:0 0 auto;height:610px;max-height:none}
#sada-editorial-preview #sada-playful .sh-signature-flyer{top:44%}
@keyframes sh-write{to{stroke-dashoffset:0}}
@keyframes sh-appear{to{opacity:1}}
@media(max-width:620px){#sada-playful .sh-signature-flyer{width:94%;top:43%}#sada-playful .sh-signature-skip{font-size:11px;min-height:44px}#sada-playful .sh-replay-signature{min-height:44px}#sada-editorial-preview #sada-playful .sh-signature-stage{height:620px}}
@media(prefers-reduced-motion:reduce){#sada-playful .sh-signature-stage{display:none!important}#sada-playful.sh-signing .sp-signature{opacity:1}#sada-playful .sh-pen,#sada-playful .sh-tagline-reveal,#sada-playful .sh-signature-complete{animation:none!important}}