.ds-signature-pad{gap:var(--gap-200);flex-direction:column;width:100%;display:flex}.ds-signature-pad__body{gap:var(--gap-200);flex-direction:column;min-width:0;display:flex}.ds-signature-pad__mode{align-self:flex-start}.ds-signature-pad__typed{gap:var(--gap-200);flex-direction:column;display:flex}.ds-signature-pad__surface{box-sizing:border-box;block-size:calc(var(--control-height-default) * 4);border:var(--border-025) solid var(--color-input-border-primary);border-radius:var(--radius-300);background-color:var(--color-input-bg-primary);color:var(--color-text-primary);transition:border-color var(--motion-duration-base) var(--motion-ease-standard);position:relative;overflow:hidden}.ds-signature-pad__surface:hover{border-color:var(--color-input-border-hover)}.ds-signature-pad--height-tall .ds-signature-pad__surface{block-size:calc(var(--control-height-default) * 6)}.ds-signature-pad--compact .ds-signature-pad__surface{block-size:calc(var(--control-height-compact) * 4)}.ds-signature-pad--compact.ds-signature-pad--height-tall .ds-signature-pad__surface{block-size:calc(var(--control-height-compact) * 6)}.ds-signature-pad__surface--typed{align-items:flex-end;display:flex}.ds-signature-pad__baseline{inset-inline:var(--padding-500);border-block-start:var(--border-025) dashed var(--color-divider);pointer-events:none;position:absolute;inset-block-start:70%}.ds-signature-pad__placeholder{font-family:var(--font-caption-family);font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-line-height);letter-spacing:var(--font-caption-letter-spacing);color:var(--color-text-tertiary);position:absolute;inset-block-end:var(--gap-100);inset-inline-start:0}.ds-signature-pad__canvas{touch-action:none;cursor:crosshair;block-size:100%;inline-size:100%;position:absolute;inset:0}.ds-signature-pad__stroke{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.ds-signature-pad__preview{font-family:var(--font-family-body);font-size:var(--font-heading-2-size);font-style:italic;line-height:var(--font-heading-2-line-height);white-space:nowrap;text-overflow:ellipsis;position:absolute;inset-block-end:30%;inset-inline-start:var(--padding-500);inset-inline-end:var(--padding-500);overflow:hidden}.ds-signature-pad__actions{justify-content:flex-end;gap:var(--gap-100);display:flex}.ds-signature-pad--error .ds-signature-pad__surface{border-color:var(--color-status-error-border)}.ds-signature-pad--disabled .ds-signature-pad__surface{opacity:.4;cursor:not-allowed}.ds-signature-pad--disabled .ds-signature-pad__canvas{pointer-events:none}