.signature-pad{aspect-ratio:3;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(to top, transparent 22%, var(--line-strong) 22%, var(--line-strong) calc(22% + 1px), transparent calc(22% + 1px)) , var(--paper);cursor:crosshair;touch-action:none;width:100%;margin:.4rem 0 .5rem;display:block}.signature-swatch{vertical-align:-1px;border-radius:50%;width:.7rem;height:.7rem;display:inline-block}.signature-fonts{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.5rem;margin:.7rem 0;display:grid}.signature-font{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;min-height:4.6rem;padding:.3rem .8rem;overflow:hidden}.signature-font[aria-checked=true]{border-color:var(--green-dark);box-shadow:0 0 0 2px var(--green-pale)}.signature-preview{border:1px solid var(--line);border-radius:var(--radius-sm);background:repeating-conic-gradient(#eef0ee 0 25%, #fff 0 50%) 0 0 / 16px 16px;place-items:center;min-height:8rem;padding:1rem;display:grid}.signature-preview img{max-width:100%;max-height:14rem}