.signature-pane{grid-gap:2rem;grid-gap:2rem;grid-template-columns:minmax(0,1.15fr) minmax(18.75rem,.85fr);align-items:start;gap:2rem;display:grid}.signature-pane-write{grid-gap:.5rem;grid-gap:.5rem;gap:.5rem;min-width:0;display:grid}.signature-pane-preview{top:calc(var(--topbar-h) + 1rem);grid-gap:.625rem;grid-gap:.625rem;gap:.625rem;min-width:0;margin:0;display:grid;position:sticky}.signature-pane-preview figcaption{min-height:1.75rem;color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.signature-mail{grid-gap:1rem;grid-gap:1rem;background:var(--surface-muted);border-radius:.875rem;gap:1rem;padding:1.25rem;display:grid}.signature-mail-body{grid-gap:.5rem;grid-gap:.5rem;gap:.5rem;display:grid}.signature-mail-body i{background:var(--line);border-radius:62.4375rem;height:.5rem}.signature-mail-body i:nth-child(2){width:86%}.signature-mail-body i:nth-child(3){width:42%}.signature-mail .signature{border:0;border-radius:.625rem;max-width:none;padding:1rem}@media (max-width:980px){.signature-pane{grid-template-columns:minmax(0,1fr);gap:1.5rem}.signature-pane-preview{order:-1;position:static}}.signature-pane-label{color:var(--ink-strong);margin:.5rem 0 0;font-size:.8125rem;font-weight:700}.signature-pane-label:first-child{margin-top:0}