/* Cardly card experience: styles for the shared <cardly-card> component host and the signature pad. */
.preview-card:has(cardly-card){display:block;padding:12px 6px;background:#ead9da;min-height:0}
.preview-card cardly-card,.recipient-card cardly-card{display:block;width:100%}
.recipient-card{margin:10px auto 0;max-width:760px}
.sig-fields canvas{display:block;width:100%;max-width:340px;aspect-ratio:255/95;background:#fffdf7;border:1px solid #b8acb4;border-radius:3px;touch-action:none;cursor:crosshair;margin-top:8px}
.sig-fields .text-button{font-size:12px}
input[type=date]{max-width:260px}
.wordmark{display:inline-flex;align-items:center;gap:8px}
.logo-img{display:block;height:34px;width:auto}