.App{width:100%;padding-bottom:80px;display:flex;justify-content:center}.logo-container{display:flex;flex-direction:row;align-items:center}.logo-image{width:78px;height:48px}.logo-text{font-size:14px;font-weight:500;line-height:21px;letter-spacing:-.011em;text-align:left;display:flex;margin:0 0 0 8px}.title-text{font-size:24px;font-weight:700;line-height:32px;text-align:left;margin-top:52px;margin-bottom:8px}.subtitle-text{font-size:16px;font-weight:400;line-height:28px;text-align:left;margin-bottom:44px;margin-top:0}.label{font-size:20px;font-weight:600;line-height:26px;margin:0 0 16px;letter-spacing:-.04em;color:#344054}.input,.label{text-align:left}.input{width:100%;height:480px;border:1px solid #d0d5dd;padding:16px 20px;gap:8px;border-radius:8px;font-size:16px;font-weight:400;line-height:24px;color:#101828}.input::placeholder{color:#667085}.input:focus{border-color:#00a3ab;outline:none;box-shadow:0 0 0 4px #ebffff,0 1px 2px 0 #1018280d}.info-text{font-size:16px;font-weight:500;line-height:30px;text-align:left;color:#1f1f1f}.button{display:flex;flex-direction:row;align-items:center;padding:10px 16px;gap:8px;border-radius:8px;border:1px solid;font-size:14px;font-weight:700;line-height:20px;text-align:left;background:#fbffff}.btn-regular{cursor:pointer;border-color:#00a3ab;color:#00a3ab}.btn-regular:active{background:#d6fdff}.btn-disabled{border-color:#c1c1c1;color:#c1c1c1}.btn-red{cursor:pointer;border-color:#ab0000;color:#ab0000}.btn-red:active{background:#ab000033}.btn-copy{cursor:pointer;border-color:#00a3ab;color:#00a3ab;height:fit-content}.btn-copy:active{background:#d6fdff}.dot-disabled{background:#c1c1c1}.dot-regular{background:#3de900}.button-dot{width:8px;height:8px;border-radius:100%}.output{width:100%;height:480px;overflow:auto;padding:16px 20px;gap:8px;border-radius:8px;font-size:16px;font-weight:400;line-height:24px;text-align:left}.inactive-output{border:1px solid #d0d5dd;background:#f1f1f1}.active-output{border:1px solid #00a3ab;background:#fff;box-shadow:0 0 0 4px #ebffff,0 1px 2px 0 #1018280d}.loader-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.loader{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.output-text{font-size:16px;font-weight:400;line-height:30px;text-align:left;margin:0;color:#101828;white-space:pre-wrap}.person-placeholder{border:1px solid #156082;background:#d0f0ff;padding:2px 8px;border-radius:6px;color:#156082;font-weight:500}.location-placeholder{border:1px solid #fcceee;background:#fdf2fa;padding:2px 8px;border-radius:6px;color:#c11574;font-weight:500}.date-placeholder{border:1px solid #b93815;background:#f9dbaf;color:#b93815;padding:2px 8px;border-radius:6px;font-weight:500}.pib-placeholder{border:1px solid #fecdca;background:#fef3f2;color:#b42318;padding:2px 8px;border-radius:6px;font-weight:500}.mbr-placeholder{border:1px solid #b54708;color:#b54708;background:#fedf89;padding:2px 8px;border-radius:6px;font-weight:500}.org-placeholder{border:1px solid #067647;color:#067647;background:#90debd;padding:2px 8px;border-radius:6px;font-weight:500}.phone-number-placeholder{border:1px solid #d9d6fe;padding:2px 8px;border-radius:6px;background:#f4f3ff;color:#5925dc;font-weight:500}.srb-number-placeholder{border:1px solid #6941c6;padding:2px 8px;border-radius:6px;background:#e9d7fe;color:#6941c6;font-weight:500}.postal-code-placeholder{border:1px solid #979cb7;padding:2px 8px;border-radius:6px;background:#f8f9fc;color:#363f72;font-weight:500}.bank-account-placeholder{border:1px solid #06764780;padding:2px 8px;border-radius:6px;background:#ecfdf3;color:#067647;font-weight:500}.jmbg-placeholder{border:1px solid #fe898980;padding:2px 8px;border-radius:6px;background:#ffebeb;color:#b54708;font-weight:500}.link-placeholder{border:1px solid #3538cd80;border-radius:6px;background:#c7d7fe}.email-address-placeholder,.link-placeholder{padding:2px 8px;color:#3538cd;font-weight:500}.email-address-placeholder{border:1px solid #c7d7fe;border-radius:6px;background:#eef4ff}.ip-address-placeholder{border:1px solid #d1d5db;padding:2px 8px;border-radius:6px;background:#f3f4f6;color:#6b7280;font-weight:500}.miscellaneous-placeholder{border:1px solid #bde97b;padding:2px 8px;border-radius:6px;background:#d7f5ba;color:#6fa21b;font-weight:500}.registration-plate-placeholder{border:1px solid #c8a27a;padding:2px 8px;border-radius:6px;background:#fff8e7;color:#a67c52;font-weight:500}.id-number-placeholder{border:1px solid #afcbf8;padding:2px 8px;border-radius:6px;background:#f8fafd;color:#1e3a8a;font-weight:500}.driver-licence-placeholder{border:1px solid #9b72cf;padding:2px 8px;border-radius:6px;background:#c8b1e4;color:#532b88;font-weight:500}.passport-placeholder{border:1px solid #fad643;padding:2px 8px;border-radius:6px;background:#fff0b5;color:#755c10;font-weight:500}.reset-icon{height:16px;width:16px}.output-container{display:flex;flex-direction:row;justify-content:space-between}.copy-button-container{display:flex;justify-content:flex-end;align-items:end;padding-top:16px}