.sven-signature{--signature-size:220px;display:inline-grid;justify-items:center;gap:10px;margin:0;background:transparent;color:inherit}
.signature-mark{position:relative;display:block;width:var(--signature-size);aspect-ratio:1;background:transparent}
.signature-original,.signature-motion{display:block;width:100%;height:100%;object-fit:contain}
.signature-motion{display:none;position:absolute;inset:0;overflow:visible}
.signature-replay{display:none;align-items:center;gap:7px;min-height:36px;padding:5px 10px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;cursor:pointer;opacity:.72}
.signature-ready .signature-replay{display:inline-flex}
.signature-replay:hover,.signature-replay:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:3px}
.signature-replay>span{font-size:16px;line-height:1}.signature-replay>small{font:600 10px/1.2 Bahnschrift,"Arial Narrow",sans-serif;letter-spacing:.05em}
.signature-enhanced .signature-original{opacity:0;animation:signatureOriginalSettle .16s 1.58s both}
.signature-enhanced .signature-motion{display:block;animation:signatureCompositeSettle .16s 1.58s both}
.signature-vector-body{transform-box:view-box;transform-origin:160px 160px;animation:signatureBodyEnter .68s cubic-bezier(.2,.75,.2,1) both}
.signature-ribbon{stroke:#052957;stroke-width:1.4;stroke-linejoin:round}
.signature-ribbon-highlight{fill:none;stroke:#eefeff;stroke-opacity:.58;stroke-width:1;stroke-linecap:round}
.signature-tick{transform-box:view-box;transform-origin:158px 183px;filter:drop-shadow(0 3px 1px rgba(2,17,48,.86));animation:signatureTickArrive .62s .55s cubic-bezier(.16,.84,.24,1) both}
.signature-glint{stroke-dasharray:112;stroke-dashoffset:112;opacity:0;filter:drop-shadow(0 0 4px rgba(255,255,255,.8));animation:signatureGlint .46s 1.18s ease-out both}
.signature-compact{--signature-size:72px;gap:5px}.signature-compact .signature-replay{min-height:30px;padding:3px 8px}.signature-compact .signature-replay small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.signature-feature{--signature-size:min(320px,72vw)}
@keyframes signatureBodyEnter{from{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:none}}
@keyframes signatureTickArrive{0%{opacity:0;transform:translate(-18px,-10px) scale(.94)}72%{opacity:1;transform:translate(2px,1px) scale(1.015)}100%{opacity:1;transform:none}}
@keyframes signatureGlint{0%{opacity:0;stroke-dashoffset:112}35%{opacity:.9}100%{opacity:0;stroke-dashoffset:-112}}
@keyframes signatureOriginalSettle{from{opacity:0}to{opacity:1}}
@keyframes signatureCompositeSettle{from{opacity:1}to{opacity:0}}
.motion-paused .signature-original{opacity:1!important}.motion-paused .signature-motion{display:none!important}.motion-paused .signature-replay{opacity:.45;cursor:default}
@media(prefers-reduced-motion:reduce){.signature-original{opacity:1!important}.signature-motion{display:none!important}.signature-replay{opacity:.45;cursor:default}}