.vi-signature-field .form-control{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vi-signature-field__signature{border:1px solid var(--vi-input-border-color);background-color:var(--vi-input-bg);max-width:300px;min-height:100px;overflow:hidden;position:relative}:where(.vi-form--accent) .vi-signature-field__signature{border-color:var(--vi---accent\/\/form-control-border-color);background-color:var(--vi---accent\/\/form-control-background-color)}.vi-signature-field__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--vi-input-border-color);text-transform:lowercase;font-size:0.6875rem;font-size:var(--font-size-micro,0.6875rem);line-height:1.727272727;line-height:var(--micro-line-height,1.727272727);position:absolute;right:0;top:0;padding:1px 8px}.vi-signature-field__button:focus{outline-offset:-2px}.vi-signature-field__button[disabled]{display:none}:where([dir="rtl"]) .vi-signature-field__button{right:auto;left:0}:where(.vi-form--accent) .vi-signature-field__button{color:var(--vi---accent\/\/form-control-border-color)}.vi-signature-field__button svg{margin:0 !important}.vi-signature-field canvas{display:block;background-color:transparent !important}