@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700);#root,body,html{margin:0;max-height:100vh;max-width:100vw;padding:0;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.material-input{border:1px solid #e5dfdc;border-radius:3px;font-size:16px;font-size:13px;height:-webkit-max-content;height:max-content;padding:10px 15px;transition:border-color .3s ease,box-shadow .3s ease}.material-input:focus{border-color:#007bff;box-shadow:0 0 2px rgba(0,123,255,.5);outline:none}.current-step-tag{background-color:#c4dbff;border-radius:100px;color:#0076f5;font-size:14px;font-weight:600;height:-webkit-min-content;height:min-content;padding:8px 20px;width:-webkit-max-content;width:max-content}button{border:none;border-radius:5px;color:#fff;cursor:pointer;max-width:250px;padding:10px 20px}button,button:hover{background-color:#0076f5}textarea{border:1px solid #e5dfdc;border-radius:5px;font-family:"monospace";font-size:13px;overflow:scroll}textarea:focus{background-color:#fefefe;border-color:#cbbfb9;outline:0}.button{border:1px solid #cbbfb9;border-radius:4px;cursor:pointer;padding:10px 15px;width:-webkit-max-content;width:max-content}.button.clear{background-color:#e5dfdc;margin-right:10px}.button.save{background-color:#0076f5;color:#fff}.button.save.disabled{background-color:#70b5ff;cursor:not-allowed}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #cbbfb9;border-radius:50%;border-top-color:#fefefe;height:1ch;width:1ch}.dropdown select{background-color:#fff;border:1px solid #e5dfdc;border-radius:4px;cursor:pointer;padding:8px 10px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.app{display:flex;flex-flow:column}.app-header{padding:20px}.app-header .__legacy_node__{display:none;visibility:hidden}.app-header .app-header-steps{display:flex;gap:20px}.app-header .app-header-steps .step{cursor:pointer}.app-header .main{align-items:center;display:flex;font-size:25px;font-weight:600;margin-top:20px}.app-header .main .dropdown{margin:0 10px}.app-header .main .dropdown select{border:0;border-bottom:1px solid #0076f5;border-radius:0;color:#0076f5;font-size:25px;font-weight:600;padding:0;width:9ch}.app-header .main .dropdown select option{font-size:18px}.app-header-drop-downs{display:flex}.app-header-drop-downs>div{align-items:center;display:flex;margin-left:20px}.app-header-drop-downs label{align-items:center;display:flex;margin-right:10px}.app-header-drop-downs label svg{margin-right:5px}.app-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:auto 1fr;height:auto;overflow:scroll}.app-content .main{grid-gap:20px;display:grid;gap:20px;grid-column:1/-1;grid-template-columns:minmax(60vw,1fr) 1fr;margin-bottom:50px}.app-content .main>.header{margin-bottom:30px}.app-content .main>div{display:flex;flex-flow:column}.app-content .main .request-header,.app-content .main .response-mapping{grid-column:2/3}.app-content .main .data{border:1px solid #e5dfdc;border-radius:4px;max-width:-webkit-max-content;max-width:max-content;padding:30px}.app-content .main .data-header{border-bottom:2px solid #f5f5f5;display:flex;padding-bottom:15px}.app-content .main .data-header h2{font-size:20px;margin:0}.app-content .main .data-header img{cursor:pointer;margin-left:auto}.app-content .main .data>div{max-width:-webkit-max-content;max-width:max-content}.app-content .main .data .request-body,.app-content .main .data .request-header{margin-top:50px}.app-content .main .data .data-viewer{margin-top:20px;max-height:80vh;max-width:-webkit-max-content;max-width:max-content;overflow:scroll}.app-content .main .data .data-viewer .table{border-radius:5px;display:grid;grid-auto-flow:row;max-width:-webkit-max-content;max-width:max-content}.app-content .main .data .data-viewer .table-row{grid-column-gap:5px;background-color:#fefefe;-webkit-column-gap:5px;column-gap:5px;display:grid;grid-auto-columns:minmax(100px,1fr);grid-auto-flow:column;padding:0 10px}.app-content .main .data .data-viewer .table-row:last-child{border:0!important}.app-content .main .data .data-viewer .table-row:last-child .table-cell:first-child{margin-left:5px}.app-content .main .data .data-viewer .table-row:last-child .table-cell:last-child{margin-right:5px}.app-content .main .data .data-viewer .table-row:first-child{background-color:#f5f5f5;border-radius:4px;font-size:14px;font-weight:800;padding:5px 0}.app-content .main .data .data-viewer .table-cell:has(.MuiSwitch-root){align-items:center;display:flex;justify-content:center}.app-content .main .data .data-viewer .table-cell{align-self:center;justify-self:center;margin:6px 0;overflow-wrap:break-word;text-align:center;width:100%}.app-content .main .data .data-viewer .table-cell .dropdown select{max-width:100%;min-width:50px}.app-content .main .data .data-viewer .table-cell .dropdown select>option:first-child{font-size:13px}.app-content .main .data .data-viewer .table-cell .variant-wrap{border:1px solid #1a1a1a;border-radius:3px;display:flex;justify-content:space-around;margin:10px;padding-left:5px;width:-webkit-min-content;width:min-content}.app-content .main .data .data-viewer .table-cell .variant-wrap .variant-delete{cursor:pointer;padding:0 5px}.app-content .main .data .data-viewer .table-cell .variant-wrap .variant-input{margin-top:5px}.app-content .main .data .data-viewer .table-cell .variant-add{border:1px solid #1a1a1a;border-radius:3px;cursor:pointer;font-size:12px;margin:5px;padding:2px 5px}.app-content .request-body-wrapper{display:grid;grid-auto-flow:row;grid-template-columns:minmax(300px,30vw) auto;margin-bottom:96px}.app-content .request-body-wrapper .current-step-tag{grid-column:1/-1}.app-content .request-body-wrapper>div{margin-left:50px}.app-content .request-body-wrapper .header{font-size:16px;grid-column:1/-1}.app-content .request-body-wrapper .heading{font-size:16px;font-weight:600;margin:0}.app-content .request-body-wrapper .data{margin-right:20px}.app-content .request-body-wrapper .curl{border:1px solid #e5dfdc;border-radius:4px;padding:30px}.app-content .request-body-wrapper .curl .curl-input-section{align-items:center;display:flex;flex-flow:column;margin-top:20px;width:auto}.app-content .request-body-wrapper .curl .curl-input-section textarea{background-color:#100c05;border:0;color:#fefefe;height:70ch;max-height:100ch;max-width:calc(100% - 40px);min-height:50ch;min-width:calc(100% - 40px);overflow:scroll;padding:20px;width:calc(100% - 40px)}.app-content .request-body-wrapper .submit{background-color:#fefefe;bottom:0;box-shadow:0 0 10px #e5dfdc;margin:0;padding:20px;position:fixed;width:calc(100% - 40px)}.app-content .request-body-wrapper .submit button{align-self:flex-end}.app-content .response-body-wrap .current-step-tag{grid-column:1/-1;margin-left:50px}.app-content .response-body-wrap .data:nth-child(2){margin-left:50px!important}.app-content .response-body-wrap .data:last-child{margin-right:20px}.app-content .response-body-wrap .hs-status-mapping{margin-top:50px}.app-content .code-preview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,auto);grid-template-rows:auto 1fr;margin-left:50px;overflow:hidden}.app-content .code-preview-header{grid-gap:0;display:grid;gap:0;grid-column:1/-1;grid-template-columns:-webkit-min-content -webkit-max-content;grid-template-columns:min-content max-content;overflow:hidden;width:-webkit-min-content;width:min-content}.app-content .code-preview-header .button:first-child{margin-right:10px}.app-content .code-preview-header h2{grid-column:1/-1}.app-content .code-preview-header .pr-steps{background-color:#fefefe;border-radius:5px;display:grid;grid-column:1/-1;grid-template-columns:1fr repeat(2,-webkit-min-content);grid-template-columns:1fr repeat(2,min-content);margin-top:20px;max-width:80%;padding:10px}.app-content .code-preview-header .pr-steps .button{font-size:10px;font-weight:500;margin-left:20px;padding:5px 10px}.app-content .code-preview-header .pr-steps .button:hover{background-color:#cbbfb9}.app-content .code-preview-header .pr-steps .close:hover{background-color:#d32240;color:#fefefe}.app-content .code-preview-header .pr-steps .curl{font-family:monospace;font-size:16px;font-weight:600;grid-column:1/-1;margin-top:10px}.app-content .code-preview .connector-integration>div,.app-content .code-preview .transformer-integration>div{display:flex}.app-content .code-preview .connector-integration>div .filename,.app-content .code-preview .transformer-integration>div .filename{font-family:monospace;font-size:18px;font-weight:900}.app-content .code-preview .connector-integration>div .button,.app-content .code-preview .transformer-integration>div .button{font-size:10px;font-weight:500;margin-left:20px;padding:5px 10px}.app-content .code-preview .connector-integration>div .button:hover,.app-content .code-preview .transformer-integration>div .button:hover{background-color:#cbbfb9}.app-content .code-preview #connectors,.app-content .code-preview #transformers{border-radius:3px;display:block;max-width:calc(50vw - 80px);overflow:scroll;padding:20px!important}.app-content .code-preview #connectors code,.app-content .code-preview #transformers code{max-width:calc(50vw - 80px);overflow-wrap:break-word}.auth-type{display:flex;flex-flow:column;padding:30px 30px 30px 10vw}.auth-type-subheader{margin-bottom:80px}.auth-type-subheader>code{color:#333}.auth-type-flow-type>.dropdown{margin-top:10px}.auth-type-flow-type>.dropdown select{max-width:100px}.auth-type-flow-type>.dropdown select>option:first-child{font-size:13px}.auth-type-content{border:1px solid #e5dfdc;border-radius:8px;display:flex;flex-flow:column;gap:30px;margin-top:30px;padding:40px 40px 50px;width:-webkit-max-content;width:max-content}.auth-type-content .label{margin-bottom:20px}.auth-type .header{font-size:30px;font-weight:600}.auth-type .flow-type-header{font-size:19px;font-weight:600}.auth-type-header-map{border-radius:5px;height:-webkit-max-content;height:max-content;overflow:hidden;transition:width .3s ease;width:-webkit-max-content;width:max-content}.auth-type-header-map .header{font-size:20px}.auth-type-header-map .header .subheading{font-size:15px;font-weight:400;margin-top:5px}.auth-type-header-map .content{grid-gap:20px;background-color:#fff;display:grid;gap:20px;grid-template-columns:auto 1fr}.auth-type-header-map .content .auth-key-field{display:flex;flex-flow:column;margin-top:20px}.auth-type-header-map .content .auth-key-field-value{display:flex;flex-flow:column;font-size:18px;font-weight:600;margin-right:5px}.auth-type-header-map .content .auth-key-field-info{font-size:14px;margin-top:8px;max-width:75ch;min-width:35ch}.auth-type-header-map .content input{margin-top:20px}.auth-type-header-map .footer{display:flex;font-size:15px;justify-content:flex-end;margin-top:40px}.auth-type-code-snippets{background-color:#100c05;border-radius:5px;color:#fff;width:-webkit-max-content;width:max-content}.auth-type-code-snippets .code-snippet-header{display:flex;font-size:13px}.auth-type-code-snippets .code-snippet-header .integration{border-bottom:1px solid #333;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px}.auth-type-code-snippets .code-snippet-header .integration.selected{border-bottom:1px solid #0076f5;color:#0076f5}.auth-type-code-snippets .code-snippet-header .copy-to-clipboard{cursor:pointer;padding:10px 20px}.auth-type-code-snippets .code-snippet-header .copy-to-clipboard:hover{color:#0076f5}
/*# sourceMappingURL=main.e94816dd.css.map*/