.app-brand-text.demo{font-size:1.5rem}.custom-option{border:1px solid #e4e6e8;border-radius:.375rem;padding-inline-start:0}.custom-option.is-invalid{border:2px solid #ff3e1d}.custom-option:hover{border-color:#7a838b}.custom-option:has(input[type=radio]:checked){border:2px solid #696cff;margin:0}.custom-option .custom-option-content{inline-size:100%}.custom-option .form-check-input{margin-inline-start:-2.016em}.custom-option.is-invalid .form-check-input:hover{border:2px solid #384551}.custom-option.custom-option-basic .custom-option-content{padding:1.065em;padding-inline-start:3.515em}.custom-option.custom-option-basic .custom-option-header{display:flex;align-items:center;justify-content:space-between;padding-block-end:.4375rem}.custom-option .custom-option-body{color:#646e78}.custom-option.custom-option-icon{overflow:hidden}.custom-option.custom-option-icon.checked .icon-base,.custom-option.custom-option-icon.checked svg{color:#696cff}.custom-option.custom-option-icon.is-invalid .icon-base,.custom-option.custom-option-icon.is-invalid svg{color:#ff3e1d}.custom-option.custom-option-icon.is-invalid:hover .icon-base,.custom-option.custom-option-icon.is-invalid:hover svg{color:#384551}.custom-option.custom-option-icon .icon-base,.custom-option.custom-option-icon svg{color:#384551}.custom-option.custom-option-icon .custom-option-content{padding:1.065em;text-align:center}.custom-option.custom-option-icon .custom-option-body{display:block;margin-block-end:.5rem}.custom-option.custom-option-icon .custom-option-body .icon-base{block-size:1.75rem;font-size:1.75rem;inline-size:1.75rem;display:block;margin-block-end:.5rem;margin-inline:auto}.custom-option.custom-option-icon .custom-option-body svg{block-size:2.5rem;inline-size:2.5rem;margin-block-end:.5rem}.custom-option.custom-option-icon .custom-option-body .custom-option-title{display:block;color:#384551;font-weight:500;margin-block-end:.5rem}.custom-option.custom-option-icon .form-check-input{margin:0;float:none}.custom-option.custom-option-label.checked{background-color:#696cff1f;color:#696cff}.custom-option.custom-option-label.checked .custom-option-header span,.custom-option.custom-option-label.checked .custom-option-title{color:#696cff}.file-drop-area{position:relative;display:flex;align-items:center;max-width:100%;padding:25px;border:1px dashed #91979f;border-radius:10px;transition:.2s}.choose-file-button{flex-shrink:0;background-color:#e4e6e8;border:1px solid #e4e6e8;border-radius:3px;padding:8px 15px;margin-right:10px;font-size:12px;text-transform:uppercase}.file-message{font-size:small;font-weight:300;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-input{position:absolute;left:0;top:0;height:100%;width:100%;cursor:pointer;opacity:0}.letter-container{max-width:800px;margin:40px auto;padding:30px;background-color:#fff;border:1px solid #dee2e6;box-shadow:0 .5rem 1rem #00000026}.header-logo{max-width:150px;margin-bottom:20px}.address-block,.date-block,.subject-block,.salutation-block,.body-block,.closing-block,.signature-block{margin-bottom:15px}.signature-block{margin-top:30px}.signature-line{border-top:1px solid #000;width:250px;margin-top:50px}.closing-text{margin-bottom:5px}.uploaded-files{margin-top:12px;width:100%}.uploaded-file{display:flex;align-items:center;padding:8px 12px;margin-bottom:6px;background-color:#fff;border:1px solid #e3e6ea;border-radius:6px;font-size:14px;color:#333;box-shadow:0 1px 2px #0000000d}.uploaded-file i{color:#007bff;margin-right:8px}.uploaded-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:12px}.uploaded-image{display:flex;flex-direction:column;align-items:center;background-color:#fff;border:1px solid #e3e6ea;border-radius:8px;padding:10px;box-shadow:0 1px 3px #00000014}.uploaded-image img{width:150px;height:150px;border-radius:8px;object-fit:cover;border:1px solid #ddd;margin-bottom:8px}.uploaded-image span{font-size:14px;color:#333;text-align:center;word-break:break-word}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-control:not(:focus).is-invalid~.input-group-text,.input-group>.form-control:not(:focus).is-invalid~.input-group-text i{border-color:#ff3e1d!important;border-width:2px!important;z-index:3!important}.form-control.is-invalid{border-color:#ff3e1d!important;border-width:2px!important}