.pdf-template{position:relative;padding:40px 0}.pdf-template__wrapper{display:flex;gap:48px}@media(max-width: 900px){.pdf-template{flex-direction:column;gap:24px}}.pdf-template__left{flex:0 1 750px;max-width:100%;border-radius:8px;background:#d0d6dd;padding:12px;position:relative;min-height:600px;display:flex;flex-direction:column;height:100%}.pdf-template__left .pdf-template__pdf{min-height:350px;border:1px solid #e2e5ec;border-radius:12px;background:#fcfcfe;position:relative;overflow:hidden}.pdf-template__left .pdf-template__pdf canvas{width:100% !important;max-width:100% !important;height:auto !important;display:block}.pdf-template__left .btn-outline.btn-salin-text{display:flex;padding-right:8px;padding-left:8px;justify-content:center;align-items:center;gap:8px;position:absolute;left:50%;bottom:40px;transform:translateX(-50%);z-index:10;border-radius:8px;border:1px solid #008a00;background:#f7fbff;box-shadow:0px 94px 26px 0px rgba(0,0,0,0),0px 60px 24px 0px rgba(0,0,0,.01),0px 34px 20px 0px rgba(0,0,0,.05),0px 15px 15px 0px rgba(0,0,0,.09),0px 4px 8px 0px rgba(0,0,0,.1);font-weight:400;color:#008a00;opacity:1;pointer-events:auto;transition:background .18s cubic-bezier(0.4, 0.6, 0.3, 1),color .18s cubic-bezier(0.4, 0.6, 0.3, 1),box-shadow .16s,opacity .18s}.pdf-template__left .btn-outline.btn-salin-text.hide{opacity:0;pointer-events:none}.pdf-template__left .btn-outline.btn-salin-text:hover,.pdf-template__left .btn-outline.btn-salin-text:focus-visible{background:#008a00;color:#fff;border-color:#008a00;box-shadow:0 2px 12px 0 rgba(0,138,0,.12),0 1.5px 8px 0 rgba(0,0,0,.08);outline:none}.pdf-template__left .btn-outline.btn-salin-text:hover svg path,.pdf-template__left .btn-outline.btn-salin-text:focus-visible svg path{fill:#fff}.pdf-template__left .pdf-loading-overlay{position:absolute;z-index:30;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:500;font-size:1.1em;color:#008a00;opacity:1;pointer-events:all;transition:opacity .18s}.pdf-template__left .pdf-loading-overlay[hidden],.pdf-template__left .pdf-loading-overlay.hide{opacity:0;pointer-events:none}.pdf-template__left .pdf-spinner{border:3px solid rgba(238,238,255,.1333333333);border-radius:50%;border-top:3px solid #008a00;width:36px;height:36px;animation:spin 1s linear infinite;margin-bottom:16px}.pdf-template__left .pdf-template__overlay{position:absolute;left:0;top:0;width:90%;pointer-events:none;color:#1a1a1a;font-weight:500;font-family:inherit;line-height:1.7;white-space:pre-wrap;opacity:.8;padding:32px 18px 12px 22px;font-size:16px}.pdf-template__left .pdf-template__textarea{width:100%;min-height:90px;margin-top:10px;font-size:15px;color:#344;background:#f8fafb;border-radius:6px;border:1px solid #e2e6ea;resize:vertical;display:none}.pdf-template__right{flex:1 1 0;border-radius:12px;background:#f2f4f7;padding:32px;position:relative;min-height:450px;display:flex;flex-direction:column;gap:24px}.pdf-template__right-header{gap:8px;display:flex;flex-direction:column}.pdf-template__right-kategori{color:#626b79;font-variant-numeric:lining-nums tabular-nums;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.pdf-template__right-desc{color:#626b79;font-variant-numeric:lining-nums tabular-nums;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.pdf-template__right-title{color:#232933;font-variant-numeric:lining-nums tabular-nums;font-size:20px;font-style:normal;font-weight:600;line-height:28px;margin-bottom:0px}.pdf-template__right-separator{line-height:0px}.pdf-template__right-form .form-title{color:#626b79;font-variant-numeric:lining-nums tabular-nums;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-bottom:10px}.pdf-template__right-form .form-group{padding-bottom:10px;font-size:14px;line-height:20px}.pdf-template__right-form .form-label{color:#232933;font-variant-numeric:lining-nums tabular-nums;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.pdf-template__right-form .form-control{border-radius:6px;border:1px solid #d0d6dd;background:#fff;font-size:14px;line-height:150%}.pdf-template__right-form .form-action{display:flex;flex-direction:column;gap:16px;overflow:hidden;position:relative}.pdf-template__right-form .form-action .btn{width:100%;max-width:100%;margin:0px;display:flex;align-items:center;justify-content:center;gap:8px}.pdf-template__right-form .form-action .btn.btn--border:hover path,.pdf-template__right-form .form-action .btn.btn--border:focus path{stroke:#fff}.pdf-template__right-form .form-group.pdf-checkbox label{margin-bottom:0px;font-size:14px;line-height:150%;display:flex;align-items:center;gap:8px}.pdf-template__right-form .form-group.pdf-dropdown select{padding-right:2.2em;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}/*# sourceMappingURL=pdf-template.min.css.map */