@font-face {
    font-family: "Liberation Serif";
    src: url("../fonts/signature/liberation-serif/LiberationSerif-Regular.woff2") format("woff2"),
         url("../fonts/signature/liberation-serif/LiberationSerif-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Liberation Serif";
    src: url("../fonts/signature/liberation-serif/LiberationSerif-Bold.woff2") format("woff2"),
         url("../fonts/signature/liberation-serif/LiberationSerif-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Liberation Serif";
    src: url("../fonts/signature/liberation-serif/LiberationSerif-Italic.woff2") format("woff2"),
         url("../fonts/signature/liberation-serif/LiberationSerif-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Liberation Serif";
    src: url("../fonts/signature/liberation-serif/LiberationSerif-BoldItalic.woff2") format("woff2"),
         url("../fonts/signature/liberation-serif/LiberationSerif-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Liberation Sans";
    src: url("../fonts/signature/liberation-sans/LiberationSans-Regular.woff2") format("woff2"),
         url("../fonts/signature/liberation-sans/LiberationSans-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Liberation Sans";
    src: url("../fonts/signature/liberation-sans/LiberationSans-Bold.woff2") format("woff2"),
         url("../fonts/signature/liberation-sans/LiberationSans-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Liberation Sans";
    src: url("../fonts/signature/liberation-sans/LiberationSans-Italic.woff2") format("woff2"),
         url("../fonts/signature/liberation-sans/LiberationSans-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Liberation Sans";
    src: url("../fonts/signature/liberation-sans/LiberationSans-BoldItalic.woff2") format("woff2"),
         url("../fonts/signature/liberation-sans/LiberationSans-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Liberation Mono";
    src: url("../fonts/signature/liberation-mono/LiberationMono-Regular.woff2") format("woff2"),
         url("../fonts/signature/liberation-mono/LiberationMono-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Liberation Mono";
    src: url("../fonts/signature/liberation-mono/LiberationMono-Bold.woff2") format("woff2"),
         url("../fonts/signature/liberation-mono/LiberationMono-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Liberation Mono";
    src: url("../fonts/signature/liberation-mono/LiberationMono-Italic.woff2") format("woff2"),
         url("../fonts/signature/liberation-mono/LiberationMono-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Liberation Mono";
    src: url("../fonts/signature/liberation-mono/LiberationMono-BoldItalic.woff2") format("woff2"),
         url("../fonts/signature/liberation-mono/LiberationMono-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Carlito";
    src: url("../fonts/signature/carlito/Carlito-Regular.woff2") format("woff2"),
         url("../fonts/signature/carlito/Carlito-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Carlito";
    src: url("../fonts/signature/carlito/Carlito-Bold.woff2") format("woff2"),
         url("../fonts/signature/carlito/Carlito-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Carlito";
    src: url("../fonts/signature/carlito/Carlito-Italic.woff2") format("woff2"),
         url("../fonts/signature/carlito/Carlito-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Carlito";
    src: url("../fonts/signature/carlito/Carlito-BoldItalic.woff2") format("woff2"),
         url("../fonts/signature/carlito/Carlito-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Caladea";
    src: url("../fonts/signature/caladea/Caladea-Regular.woff2") format("woff2"),
         url("../fonts/signature/caladea/Caladea-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Caladea";
    src: url("../fonts/signature/caladea/Caladea-Bold.woff2") format("woff2"),
         url("../fonts/signature/caladea/Caladea-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Caladea";
    src: url("../fonts/signature/caladea/Caladea-Italic.woff2") format("woff2"),
         url("../fonts/signature/caladea/Caladea-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Caladea";
    src: url("../fonts/signature/caladea/Caladea-BoldItalic.woff2") format("woff2"),
         url("../fonts/signature/caladea/Caladea-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "DejaVu Sans";
    src: url("../fonts/signature/dejavu-sans/DejaVuSans.woff2") format("woff2"),
         url("../fonts/signature/dejavu-sans/DejaVuSans.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "DejaVu Sans";
    src: url("../fonts/signature/dejavu-sans/DejaVuSans-Bold.woff2") format("woff2"),
         url("../fonts/signature/dejavu-sans/DejaVuSans-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "DejaVu Sans";
    src: url("../fonts/signature/dejavu-sans/DejaVuSans-Oblique.woff2") format("woff2"),
         url("../fonts/signature/dejavu-sans/DejaVuSans-Oblique.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "DejaVu Sans";
    src: url("../fonts/signature/dejavu-sans/DejaVuSans-BoldOblique.woff2") format("woff2"),
         url("../fonts/signature/dejavu-sans/DejaVuSans-BoldOblique.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

#signatureBlockModal,
#signaturePreviewModal {
    --sig-default-font-family: "Liberation Serif", "Times New Roman", serif;
    --sig-default-font-size: 12pt;
}

#signatureBlockModal #sb-editor,
#signatureBlockModal #sb-preview,
#signaturePreviewBody {
    font-family: var(--sig-default-font-family);
    font-size: var(--sig-default-font-size);
    line-height: 1.45;
    color: #111827;
}

#signatureBlockModal #sb-editor {
    min-height: 18rem;
    white-space: normal;
    overflow-wrap: anywhere;
}

#signatureBlockModal #sb-preview,
#signaturePreviewBody {
    background: #fff;
}

#signatureBlockModal #sb-editor p,
#signatureBlockModal #sb-preview p,
#signaturePreviewBody p {
    margin-bottom: 0.75rem;
}

#signatureBlockModal #sb-editor p:last-child,
#signatureBlockModal #sb-preview p:last-child,
#signaturePreviewBody p:last-child {
    margin-bottom: 0;
}

#signatureBlockModal #sb-editor img,
#signatureBlockModal #sb-preview img,
#signaturePreviewBody img {
    max-width: 100%;
    height: auto;
}

#signatureBlockModal #sb-var-list .list-group-item {
    cursor: pointer;
}

#signatureBlockModal #sb-var-list .list-group-item.sig-variable-token--selected {
    background: color-mix(in srgb, #bc4e4e 9%, #ffffff);
    border-left: 3px solid #bc4e4e;
    box-shadow: inset 0 -1px 0 color-mix(in srgb, #bc4e4e 12%, transparent);
}

#signatureBlockModal #sb-var-list .list-group-item.sig-variable-token--selected code {
    color: #a03f3f;
}

#signatureBlockModal .sig-preview-token {
    border-radius: 0.25rem;
    cursor: pointer;
    transition: background-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
}

#signatureBlockModal .sig-preview-token:not(.sig-preview-token--selected):hover,
#signatureBlockModal .sig-preview-token:not(.sig-preview-token--selected):focus-visible {
    background: rgba(255, 242, 189, 0.55);
    box-shadow: 0 0 0 1px rgba(221, 174, 64, 0.35);
    outline: none;
}

#signatureBlockModal .sig-preview-token--selected {
    border-radius: 4px;
    background: #fff2bd;
    box-shadow: 0 0 0 2px rgba(221, 174, 64, 0.55);
    outline: 1px solid rgba(159, 107, 0, 0.65);
    outline-offset: 1px;
}

#signatureBlockModal #sb-editor::highlight(sig-editor-selection) {
    background: rgba(255, 242, 189, 0.65);
}

#signatureBlockModal #sb-editor::highlight(sig-editor-linked-token) {
    background: color-mix(in srgb, #bc4e4e 16%, #ffffff);
    color: #8e2f2f;
}

#signatureBlockModal #sb-editor .sig-font--liberation-serif,
#signatureBlockModal #sb-editor [data-sig-font="liberation-serif"],
#signatureBlockModal #sb-preview .sig-font--liberation-serif,
#signatureBlockModal #sb-preview [data-sig-font="liberation-serif"],
#signaturePreviewBody .sig-font--liberation-serif,
#signaturePreviewBody [data-sig-font="liberation-serif"] {
    font-family: "Liberation Serif", "Times New Roman", serif;
}

#signatureBlockModal #sb-editor .sig-font--liberation-sans,
#signatureBlockModal #sb-editor [data-sig-font="liberation-sans"],
#signatureBlockModal #sb-preview .sig-font--liberation-sans,
#signatureBlockModal #sb-preview [data-sig-font="liberation-sans"],
#signaturePreviewBody .sig-font--liberation-sans,
#signaturePreviewBody [data-sig-font="liberation-sans"] {
    font-family: "Liberation Sans", Arial, sans-serif;
}

#signatureBlockModal #sb-editor .sig-font--liberation-mono,
#signatureBlockModal #sb-editor [data-sig-font="liberation-mono"],
#signatureBlockModal #sb-preview .sig-font--liberation-mono,
#signatureBlockModal #sb-preview [data-sig-font="liberation-mono"],
#signaturePreviewBody .sig-font--liberation-mono,
#signaturePreviewBody [data-sig-font="liberation-mono"] {
    font-family: "Liberation Mono", "Courier New", monospace;
}

#signatureBlockModal #sb-editor .sig-font--carlito,
#signatureBlockModal #sb-editor [data-sig-font="carlito"],
#signatureBlockModal #sb-preview .sig-font--carlito,
#signatureBlockModal #sb-preview [data-sig-font="carlito"],
#signaturePreviewBody .sig-font--carlito,
#signaturePreviewBody [data-sig-font="carlito"] {
    font-family: Carlito, Calibri, sans-serif;
}

#signatureBlockModal #sb-editor .sig-font--caladea,
#signatureBlockModal #sb-editor [data-sig-font="caladea"],
#signatureBlockModal #sb-preview .sig-font--caladea,
#signatureBlockModal #sb-preview [data-sig-font="caladea"],
#signaturePreviewBody .sig-font--caladea,
#signaturePreviewBody [data-sig-font="caladea"] {
    font-family: Caladea, Cambria, serif;
}

#signatureBlockModal #sb-editor .sig-font--dejavu-sans,
#signatureBlockModal #sb-editor [data-sig-font="dejavu-sans"],
#signatureBlockModal #sb-preview .sig-font--dejavu-sans,
#signatureBlockModal #sb-preview [data-sig-font="dejavu-sans"],
#signaturePreviewBody .sig-font--dejavu-sans,
#signaturePreviewBody [data-sig-font="dejavu-sans"] {
    font-family: "DejaVu Sans", Verdana, sans-serif;
}

#signatureBlockModal #sb-editor .sig-size--10,
#signatureBlockModal #sb-editor [data-sig-size="10"],
#signatureBlockModal #sb-preview .sig-size--10,
#signatureBlockModal #sb-preview [data-sig-size="10"],
#signaturePreviewBody .sig-size--10,
#signaturePreviewBody [data-sig-size="10"] {
    font-size: 10pt;
}

#signatureBlockModal #sb-editor .sig-size--11,
#signatureBlockModal #sb-editor [data-sig-size="11"],
#signatureBlockModal #sb-preview .sig-size--11,
#signatureBlockModal #sb-preview [data-sig-size="11"],
#signaturePreviewBody .sig-size--11,
#signaturePreviewBody [data-sig-size="11"] {
    font-size: 11pt;
}

#signatureBlockModal #sb-editor .sig-size--12,
#signatureBlockModal #sb-editor [data-sig-size="12"],
#signatureBlockModal #sb-preview .sig-size--12,
#signatureBlockModal #sb-preview [data-sig-size="12"],
#signaturePreviewBody .sig-size--12,
#signaturePreviewBody [data-sig-size="12"] {
    font-size: 12pt;
}

#signatureBlockModal #sb-editor .sig-size--14,
#signatureBlockModal #sb-editor [data-sig-size="14"],
#signatureBlockModal #sb-preview .sig-size--14,
#signatureBlockModal #sb-preview [data-sig-size="14"],
#signaturePreviewBody .sig-size--14,
#signaturePreviewBody [data-sig-size="14"] {
    font-size: 14pt;
}

#signatureBlockModal #sb-editor .sig-size--16,
#signatureBlockModal #sb-editor [data-sig-size="16"],
#signatureBlockModal #sb-preview .sig-size--16,
#signatureBlockModal #sb-preview [data-sig-size="16"],
#signaturePreviewBody .sig-size--16,
#signaturePreviewBody [data-sig-size="16"] {
    font-size: 16pt;
}