#app{display:flex;width:100%;height:100%}.signature-preview{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.signature-preview>div{display:flex;flex-direction:column;line-height:150%;color:var(--polytech-grey)}.signature-preview>div .empty{min-height:10px}.signature-preview>div .bold{font-weight:700}.signature-preview>div .italic{font-style:italic}.signature-preview>div .underlined{text-decoration:underline}.signature-preview>div .dark{color:var(--polytech-dark)}.signature-preview>div .light{color:var(--polytech-light)}.signature-preview>div .black{color:var(--polytech-grey)}.signature-preview>div .name{font-size:1.2em;font-weight:700;color:var(--polytech-dark)}.signature-preview>div .role{font-weight:700}.signature-preview>div .mail{margin-top:10px;margin-bottom:10px}.signature-preview>div .mail a{text-decoration:none;font-weight:700}.signature-preview>div .address{display:inline-block}.signature-preview>div .logo{margin-top:10px}.signature-properties{display:flex;height:100%;width:700px;flex-direction:column;padding:20px;box-sizing:border-box;background-color:#eee;box-shadow:0 0 10px #00000080}.signature-properties .logo{text-align:center;margin-bottom:10px}.signature-properties .logo img{width:250px}.signature-properties h2{font-size:1.1em;text-transform:uppercase;margin-top:20px;padding-bottom:5px;border-bottom:1px solid var(--polytech-light)}.signature-properties>.fields{height:100%;overflow-y:auto}.signature-properties .field{display:flex;flex-direction:column;margin-bottom:10px}.signature-properties .field:last-child{margin-bottom:0}.signature-properties .field label{margin-bottom:5px;font-weight:700}.signature-properties .optional-fields-list{margin-top:10px;margin-bottom:10px}.signature-properties a:last-of-type{margin-bottom:30px;display:flex;justify-content:center;align-items:center}.signature-properties a:last-of-type>img{margin-right:10px}.optional-fields-list{background-color:#0000000d;padding:10px;box-sizing:border-box}.optional-fields-list>div{overflow-y:auto}.optional-fields-list .optional-field-editor{margin-top:10px;padding-bottom:10px;border-bottom:1px solid var(--primary)}.optional-fields-list .optional-field-editor:first-child{margin-top:0}.optional-fields-list .optional-field-editor:last-child{border-bottom:none}.optional-field-editor{display:flex;flex-direction:column;width:100%}.optional-field-editor>label{font-weight:700;margin-bottom:5px}.optional-field-editor>div:first-of-type{display:flex}.optional-field-editor>div:first-of-type input{width:100%}.optional-field-editor>div:first-of-type .close-button{width:20px;flex-shrink:0;background-repeat:no-repeat;background-position:right;background-size:15px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='currentColor'%20class='size-6'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20d='m14.74%209-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%200%201-2.244%202.077H8.084a2.25%202.25%200%200%201-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%200%200-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%200%201%203.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%200%200-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%200%200-7.5%200'%20/%3e%3c/svg%3e");cursor:pointer}.optional-field-editor .options{display:flex;margin-top:10px;align-items:center}.optional-field-editor .options>*{margin-right:10px}.optional-field-editor .options>*:last-child{margin-right:0}.optional-field-editor .options>label{display:flex;align-items:center}.optional-field-editor .options>label.light-blue{color:var(--polytech-light)}.optional-field-editor .options>label.dark-blue{color:var(--polytech-dark)}.optional-field-editor .options input[type=radio]{margin-top:0;margin-right:5px}.toggle-button{width:30px;height:30px;background-color:#bbb;background-repeat:no-repeat;background-position:center;background-size:20px;cursor:pointer}.toggle-button.active{background-color:var(--primary)}.toggle-button.bold{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='%23eee'%20class='size-6'%3e%3cpath%20stroke-linejoin='round'%20d='M6.75%203.744h-.753v8.25h7.125a4.125%204.125%200%200%200%200-8.25H6.75Zm0%200v.38m0%2016.122h6.747a4.5%204.5%200%200%200%200-9.001h-7.5v9h.753Zm0%200v-.37m0-15.751h6a3.75%203.75%200%201%201%200%207.5h-6m0-7.5v7.5m0%200v8.25m0-8.25h6.375a4.125%204.125%200%200%201%200%208.25H6.75m.747-15.38h4.875a3.375%203.375%200%200%201%200%206.75H7.497v-6.75Zm0%207.5h5.25a3.75%203.75%200%200%201%200%207.5h-5.25v-7.5Z'%20/%3e%3c/svg%3e")}.toggle-button.italic{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='%23eee'%20class='size-6'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M5.248%2020.246H9.05m0%200h3.696m-3.696%200%205.893-16.502m0%200h-3.697m3.697%200h3.803'%20/%3e%3c/svg%3e")}.toggle-button.underline{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='%23eee'%20class='size-6'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M17.995%203.744v7.5a6%206%200%201%201-12%200v-7.5m-2.25%2016.502h16.5'%20/%3e%3c/svg%3e")}:root{--polytech-dark: #004674;--polytech-light: #009EE2;--polytech-grey: #444;--primary: var(--polytech-light)}body{margin:0;display:flex;width:100dvw;height:100dvh;font-family:arial;font-size:11px}input{padding:5px;box-sizing:border-box;border:1px solid #aaa;border-radius:3px;font-size:11px}a{color:var(--polytech-light)}a.no-deco{text-decoration:none;color:unset}button{background-color:var(--primary);padding:5px;box-sizing:border-box;width:100%;border:none;border-radius:5px;color:#eee;font-size:12px;cursor:pointer}