.sig-frame{place-items:center;display:grid}.sig{border-radius:var(--r);color:#17181a;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#fff;outline:none;flex:none;transition:width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),border-radius .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #17181a1a}.sig:focus-visible{box-shadow:inset 0 0 0 1px #17181a1a,0 0 0 2px var(--primary)}.sig-ink{pointer-events:none;--sig-c:#1d3f8f;color:var(--sig-c);transition:color .26s;position:absolute;inset:0;overflow:visible}.sig[data-settled] .sig-ink{color:color-mix(in srgb,var(--sig-c)30%,#fff)}.sig-line{opacity:.16;pointer-events:none;background:currentColor;height:1px;position:absolute}.sig-hint{text-align:center;opacity:.38;pointer-events:none;font-size:12px;transition:opacity .22s;position:absolute;top:140px;left:0;right:0}.sig[data-inked] .sig-hint{opacity:0}.sig[data-signed]{cursor:default}.sig-face{width:300px;height:180px;transition:scale .6s cubic-bezier(.22,1,.36,1),opacity .42s .22s;position:absolute;top:50%;left:50%;translate:-50% -50%}.sig[data-signed] .sig-face{opacity:0;transition:scale .6s cubic-bezier(.22,1,.36,1),opacity .42s .16s;scale:.35}.sig[data-settled] :is(.sig-clear,.sig-hint){opacity:0;transition:opacity .16s}.sig[data-settled] .sig-line{opacity:.08;transition:opacity .42s}.sig-said{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.sig-pill{width:100%;height:100%;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:500;animation:.32s .42s both sig-said;display:flex}.sig-pill:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:999px}.sig-check{color:#1f9d55;animation:.42s cubic-bezier(.3,1.6,.4,1) .46s both sig-check}.sig-clear{background:color-mix(in srgb,currentColor 7%,transparent);height:28px;color:inherit;font:inherit;cursor:pointer;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:10px;padding:0 12px;font-size:12px;font-weight:500;transition:opacity .16s,scale .22s cubic-bezier(.24,1.34,.38,1),background .16s;position:absolute;top:10px;right:10px;scale:.9}.sig[data-inked] .sig-clear{opacity:1;pointer-events:auto;scale:1}@media (hover:hover){.sig-clear:hover{background:color-mix(in srgb,currentColor 12%,transparent)}}.sig-clear:active{scale:.96}.sig-clear:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes sig-said{0%{opacity:0}}@keyframes sig-check{0%{opacity:0;rotate:-20deg;scale:.3}}@media (prefers-reduced-motion:reduce){.sig,.sig-face,.sig-ink{transition:none}.sig-pill,.sig-check{animation:none}}