.sig-pad{width:100%;max-width:520px}.sig-pad__box{aspect-ratio:3;background:#fff;border:1px solid #cfd4dc;border-radius:10px;width:100%;position:relative;overflow:hidden}.sig-pad__canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.sig-pad.is-disabled .sig-pad__canvas{cursor:default}.sig-pad__line{pointer-events:none;border-top:1px dashed #b9c0cb;position:absolute;bottom:22%;left:8%;right:8%}.sig-pad__hint{text-align:center;color:#9aa3b2;pointer-events:none;font-size:.85rem;position:absolute;top:42%;left:0;right:0}.sig-pad__clear{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d5d9e0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;top:8px;right:8px}.sig-pad__clear:hover{color:#b91c1c;border-color:#b91c1c}.sig-pad__label{text-align:center;color:#6b7280;margin:6px 0 0;font-size:.8rem}