.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}.dropzone{border:2px dashed #d9dee3;border-radius:6px;background:#fafbfc;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.dropzone:hover{border-color:#696cff;background:#f5f5ff}.dropzone .dz-message{margin:2em 0;color:#697a8d}.dropzone .dz-preview{margin:10px}.dropzone .dz-preview .dz-image{border-radius:6px}.dropzone .dz-preview .dz-error-message{top:auto;bottom:100%;margin-bottom:10px}.existing-files-list{margin-top:15px}.existing-file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#f8f9fa;border:1px solid #e7e7e7;border-radius:6px;margin-bottom:8px}.existing-file-item .file-info{display:flex;align-items:center;gap:10px}.existing-file-item .file-info i{font-size:24px;color:#dc3545}.existing-file-item .btn-delete-existing{color:#dc3545;cursor:pointer;padding:5px 10px}.existing-file-item .btn-delete-existing:hover{background:#dc3545;color:#fff;border-radius:4px}.image-gallery{display:flex;flex-wrap:wrap;gap:8px;max-width:250px}.image-gallery img{max-width:75px;max-height:75px;object-fit:cover;cursor:pointer;border-radius:4px;border:1px solid #e7e7e7;transition:transform .2s}.image-gallery img:hover{transform:scale(1.1);border-color:#696cff}.lampiran{font-size:14px}.lampiran-page{margin:auto;padding:10mm}.letter-title{font-weight:700;text-transform:uppercase}.lampiran-underline{border-bottom:1px solid #000;display:inline-block;min-width:250px}.lampiran table th,.lampiran table td{vertical-align:middle;text-align:left}.signature-box{height:150px;border:1px solid #000;padding-top:10px;font-weight:700}.iwwa--file-pdf{display:inline-block;width:22px;height:22px;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23fff'%3E%3Cpath d='M14.105 20.35c0-.76-.528-1.214-1.459-1.214c-.38 0-.637.037-.772.073v2.441c.16.036.356.049.625.049c.993 0 1.606-.503 1.606-1.349m5.766-1.19c-.417 0-.687.037-.847.074v5.408c.16.037.417.037.65.037c1.692.012 2.796-.92 2.796-2.894c.013-1.717-.993-2.625-2.599-2.625'/%3E%3Cpath d='M30.918 15.983h-.678v-3.271l-.006-.062a.55.55 0 0 0-.131-.359L24.66 6.075l-.004-.004a.57.57 0 0 0-.255-.159l-.03-.01a.5.5 0 0 0-.127-.016H10.867c-.611 0-1.107.497-1.107 1.107v8.99h-.678c-.874 0-1.582.708-1.582 1.582v8.228c0 .873.709 1.582 1.582 1.582h.678v5.633c0 .61.496 1.107 1.107 1.107h18.266c.61 0 1.107-.497 1.107-1.107v-5.633h.678c.874 0 1.582-.709 1.582-1.582v-8.228c0-.874-.709-1.582-1.582-1.582m-20.051-8.99H23.69v5.664c0 .306.248.553.554.553h4.89v2.773H10.867zm13.59 14.73c0 1.582-.576 2.674-1.375 3.348c-.87.723-2.194 1.067-3.813 1.067c-.969 0-1.655-.062-2.122-.122v-8.119c.687-.11 1.582-.171 2.527-.171c1.569 0 2.587.282 3.384.883c.859.637 1.399 1.655 1.399 3.114m-14.436 4.33v-8.156c.576-.098 1.386-.171 2.526-.171c1.153 0 1.975.221 2.526.662c.527.417.882 1.104.882 1.913c0 .81-.269 1.496-.76 1.962c-.638.601-1.582.871-2.686.871c-.245 0-.466-.012-.637-.037v2.956zm19.112 6.655H10.867v-5.333h18.266zm1.604-13.388H27.56v1.889h2.968v1.521H27.56v3.323h-1.875v-8.266h5.052z'/%3E%3C/g%3E%3C/svg%3E")}