@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);
:root{--font-family-mono:"IBM Plex Mono",monospace;--font-family-sans:"IBM Plex Sans",sans-serif;--colors-text-heading:#1e1f1e;--typography-size-heading-2:20px;--typography-line-height-line-height-xl:24px;--colors-text-paragraph-grey:#686968;--typography-font-size-text-sm:13px;--typography-line-height-line-height-sm:16px;--colors-text-link:#44b58f;--demensions-spacing-sm:15px;--demensions-spacing-xxs:5px;--demensions-spacing-xs:10px;--demensions-spacing-md:20px;--demensions-spacing-lg:30px;--demensions-radius-card:10px;--colors-background-primary:#fff;--spacing-vertical-lg-lg-md-md:30px;--demensions-spacing-lg-responsive:30px;--demensions-spacing-xl-responsive:50px;--colors-text-action-secondary:#686968;--colors-border-action-primary:#44b58f;--typography-font-size-text-base:16px;--typography-line-height-line-height-base:20px;--demensions-radius-rounded-full:9999px;--colors-background-action-primary:#44b58f;--colors-background-action-default:#fff;--colors-background-action-tertiary:#e0e3e6;--demensions-min-max-width-5xs:192px;--colors-text-on-success:#308166;--colors-background-badge-success:#c5e8dc;--demensions-min-max-width-mm-w-3xs:256px;--colors-text-help:#686968;--demensions-min-max-width-4xl:896px;--demensions-min-max-width-3xs:256px;--demensions-min-max-width-mm-w-5xs:192px;--components-formSection-label-horizontal-max-width:224px;--components-label-padding:12px;--demensions-radius-input:10px;--colors-border-input:#bbc3c9;--colors-background-input:#fff;--demensions-min-max-width-2xl:672px;--colors-background-action-transparent-hover:#f1f3f4;--demensions-radius-button:9999px;--colors-text-action-primary:#44b58f;--demensions-min-max-width-xl:576px;--demensions-min-max-width-max-page-width:1272px;--demensions-radius-2xl:20px;--colors-background-information:#efeef7;--typography-body-md:16px;--line-height-md:20px;--colors-background-secondary:#f8f9fa;--demensions-radius-lg:10px;--colors-background-badge-default:#e0e3e6}.ghl-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:960px}body{background:#e0e3e6;font-family:var(--font-family-sans)}body,p{margin:0;padding:0}.spinner-border{display:none;height:1rem;margin-left:10px;width:1rem}.top-heading{color:var(--colors-text-heading,#1e1f1e);font-family:var(--font-family-mono);font-size:var(--typography-size-heading-2,20px);font-style:normal;font-weight:700;line-height:var(--typography-line-height-line-height-xl,24px);margin-bottom:2px!important}.sub-heading{align-self:stretch;color:var(--colors-text-paragraph-grey,#686968);line-height:16px}.sub-heading,.sub-heading a{font-size:var(--typography-font-size-text-sm,13px);font-style:normal;font-weight:400}.sub-heading a{color:var(--colors-text-link,#44b58f);line-height:var(--typography-line-height-line-height-sm,16px)}.custom-tabs{align-items:flex-start;align-self:stretch;display:flex;gap:var(--demensions-spacing-md,20px)}.custom-tabs .tab-item{align-items:center;color:var(--colors-text-action-secondary,#686968);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-weight:500;gap:var(--demensions-spacing-xs,10px);height:55px;line-height:var(--typography-line-height-line-height-base,20px);max-height:55px;min-height:55px;padding:var(--demensions-spacing-sm,15px) var(--demensions-spacing-xxs,5px)}.custom-tabs .tab-item.active-tab{border-bottom:2px solid var(--colors-border-action-primary,#44b58f);color:#1e1f1e}.toggle-switch{cursor:pointer;display:inline-block;height:25px;position:relative;vertical-align:middle;width:44px}.toggle-switch input{display:none}.slider{align-items:center;background:var(--colors-background-action-tertiary,#e0e3e6);display:flex;height:25px;justify-content:flex-end;padding:13px 2px;width:45px}.slider,.slider:before{border-radius:var(--demensions-radius-rounded-full,9999px)}.slider:before{background-color:#fff;background:var(--colors-background-action-default,#fff);bottom:1px;content:"";flex-shrink:0;height:22px;left:2px;position:absolute;transition:.4s;width:22px}input:checked+.slider{background:var(--colors-background-action-primary,#44b58f)}input:checked+.slider:before{transform:translateX(19px)}.choose-integration-text{color:#686968;font-size:14px;font-weight:400}.ghl-form{align-content:flex-start;align-items:flex-start;align-self:stretch;border-radius:var(--demensions-radius-card,10px);display:flex;flex-wrap:wrap;.form-flex{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:var(--demensions-spacing-lg,30px);padding:var(--demensions-spacing-lg-responsive,30px)}}.ghl-form p{color:var(--colors-text-help,#686968);font-size:var(--typography-font-size-text-sm,13px);font-weight:400;line-height:var(
        --typography-line-height-line-height-sm,16px
    )}.ghl-form .col-form-label,.ghl-form p{font-family:var(--font-family-sans);font-style:normal}.ghl-form .col-form-label{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--colors-text-heading,#1e1f1e);display:-webkit-box;font-size:var(--typography-font-size-text-base,16px);font-weight:500;line-height:var(
        --typography-line-height-line-height-base,20px
    );overflow:hidden;padding:0!important;text-overflow:ellipsis;width:100%}a{color:#37b0f6;text-decoration:none}a:hover{color:#0a8fdb}.ghl-form .add-btn{color:var(--colors-text-action-primary,#44b58f);cursor:pointer;font-family:var(--font-family-sans);font-size:var(--typography-font-size-text-base,16px);font-style:normal;font-weight:500;justify-content:start;line-height:var(
        --typography-line-height-line-height-base,20px
    );min-width:45px;overflow:hidden;text-align:center;text-overflow:ellipsis}.ghl-form .add-btn,.ghl-form .return-to-ghl{align-items:center;display:flex;gap:var(--demensions-spacing-xxs,5px);max-width:var(--demensions-min-max-width-xl,576px)}.ghl-form .return-to-ghl{background:#37b0f6;border-radius:var(--demensions-radius-button,9999px);height:45px;justify-content:center;min-width:70px;padding:0 var(--demensions-spacing-md,20px);a{color:#fff!important;font-style:normal;font-weight:500;line-height:var(--typography-line-height-line-height-base,20px)}}.ghl-form .return-to-ghl:hover{background-color:#277daf}.ghl-form .form-control{max-width:var(--demensions-min-max-width-4xl,896px)}.ghl-form .form-control,.ghl-form .form-select{align-items:center;align-self:stretch;background:var(--colors-background-input,#fff);border:1px solid var(--colors-border-input,#bbc3c9);border-radius:var(--demensions-radius-input,10px);display:flex;gap:var(--demensions-spacing-xs,10px);height:45px;padding:0 var(--demensions-spacing-sm,15px)}.ghl-form .form-select{min-width:100px}.ghl-form .form-select.selected,.ghl-form .form-select:active,.ghl-form .form-select:focus{color:#000!important}.ghl-form input[type=text]::-moz-placeholder{color:#989898!important}.ghl-form input[type=text]::placeholder{color:#989898!important}.ghl-form .close{border:none;cursor:pointer;font-size:18px}.ghl-form .remove-row{padding:0}.alert{align-items:center;border:none;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:10px;height:44px;justify-content:center;left:calc(50% - 330px);max-width:660px;min-width:660px;order:1;padding:10px;position:absolute;top:81px;width:660px;z-index:1}.alert.alert-success{background:#44b58f;border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,.25);color:#fff}.alert.alert-success .icon{height:24px;margin-right:5px;width:24px}.alert.alert-success div{font-family:Roboto;font-size:16px;font-weight:400;line-height:22px}.alert.alert-success .btn-close{background-size:12px;height:17px;margin-left:0!important;width:17px}.ghl-form input,.ghl-form select{border:1px solid #c9cfd4!important;color:#1e1f1e;font-size:16px!important;line-height:30px;padding:5px 15px}.ghl-form input:hover,.ghl-form select:hover{border:1px solid #aab1b7!important}.ghl-form input:focus,.ghl-form select:focus{border:1px solid #37b0f6!important}.required-field{color:#ff6d34!important;margin-left:5px!important}.ghl-form .form-control:focus,.ghl-form .form-select:focus{box-shadow:none!important}.select2-container--bootstrap-5 .select2-selection{background-color:var(--colors-background-input,#fff)!important;border:1px solid var(--colors-border-input,#bbc3c9)!important;border-radius:var(--demensions-radius-input,10px)!important;font-size:16px!important;height:44px!important}.select2-container--bootstrap-5 .select2-results__option{color:#1e1f1e!important;font-size:14px;font-weight:500;letter-spacing:0;line-height:100%;vertical-align:middle}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{color:#989898!important;font-size:14px!important;font-weight:500!important;padding:13px 15px!important}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option,.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=option]{font-size:14px;font-weight:500;height:auto;line-height:32px;vertical-align:middle}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:10px 30px!important}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted{background-color:#ebf7fe!important}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected{background-color:#f8f9fa!important}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled{background-color:#fff!important;color:rgba(30,31,30,.3)!important}.select2-container--bootstrap-5 .select2-results__options::-webkit-scrollbar{width:5px}.select2-container--bootstrap-5 .select2-results__options::-webkit-scrollbar-button{display:none;height:0}.select2-container--bootstrap-5 .select2-results__options::-webkit-scrollbar-track{background:transparent}.select2-container--bootstrap-5 .select2-results__options::-webkit-scrollbar-thumb{background-color:rgba(30,31,30,.2);border:none;border-radius:37px}.select2-container--bootstrap-5 .select2-dropdown{border:0;border-radius:10px!important;box-shadow:0 5px 20px rgba(0,0,0,.1);margin:10px 0}.select2-container .select2-selection--single .select2-selection__rendered{line-height:30px!important}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{color:#989898!important;line-height:32px!important}.select2-container--bootstrap-5.select2-container--focus .select2-selection,.select2-container--bootstrap-5.select2-container--open .select2-selection{box-shadow:none!important}.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection{border-bottom:1px solid #86b7fe!important;border-radius:6px!important}.event-select-error .select2-container--bootstrap-5 .select2-selection--single,.ghl-form .input-error{border:1px solid #f1416c!important;color:#f1416c}.ghl-form .error-text{color:#f1416c;font-size:13px;font-weight:400;letter-spacing:0;line-height:100%;margin-top:4px;text-align:left}.ghl-form .toggle-switch{min-height:25px!important}.ghl-form .toggle-switch .form-check-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E")}.select2-container--bootstrap-5.select2-container--focus .select2-selection,.select2-container--bootstrap-5.select2-container--open .select2-selection,.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection{border-bottom:1px solid #37b0f6!important;box-shadow:none!important}.select2-container--bootstrap-5 .select2-selection--single{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23BBC3C9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")!important;padding:.375rem 2.25rem .375rem .75rem!important}.select2-container--bootstrap-5.readonly-select2 .select2-selection--single{background-color:#fff;background-image:none!important;pointer-events:none}.ghl-form .event-select-error .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection{border-bottom:1px solid #f1416c!important;color:#f1416c}.ghl-form .toggle-switch .form-check-input{background-color:#bbc3c9!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");background-size:24px;border-radius:30px;height:30px;width:44px}.ghl-form .toggle-switch .form-check-input:focus{box-shadow:none}.ghl-flex-row{align-content:flex-start;align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:var(--demensions-spacing-xs,10px) var(--demensions-spacing-md,20px);margin-bottom:30px;min-width:var(--demensions-min-max-width-3xs,256px)}.ghl-flex-row:last-child{margin-bottom:0!important}.ghl-label-box{align-items:flex-start;display:flex;flex:1 0 0;gap:5px;max-width:var(--components-formSection-label-horizontal-max-width,224px);min-width:var(--demensions-min-max-width-mm-w-5xs,192px);padding-top:var(--components-label-padding,12px)}#integrationToggle{align-items:center;background:var(--colors-background-badge-success,#c5e8dc);border-radius:var(--demensions-radius-badge,9999px);color:var(--colors-text-on-success,#308166);display:flex;font-family:var(--font-family-sans);font-size:var(--typography-font-size-text-sm,13px)!important;font-style:normal;font-weight:500;gap:var(--demensions-spacing-xxs,5px);height:25px;justify-content:center;line-height:var(
        --typography-line-height-line-height-sm,16px
    );max-width:var(--demensions-min-max-width-5xs,192px);min-width:25px;overflow:hidden;padding:0 var(--demensions-spacing-xs,10px);text-align:center;text-overflow:ellipsis}.integration-status-div{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:var(--demensions-spacing-xs,10px);min-width:var(--demensions-min-max-width-mm-w-3xs,256px)}.form-check-label{font-size:16px!important}.backfill{align-self:stretch;background:var(--colors-background-secondary,#f8f9fa);border-radius:var(--demensions-radius-lg,10px);gap:var(--demensions-spacing-lg,30px);padding:var(--demensions-spacing-lg-responsive,30px)}.backfill,.backfill-box{align-items:flex-start;display:flex;flex-direction:column}.backfill-box{gap:10px;width:780px}.backfill-text{align-items:center;align-self:stretch;display:flex;gap:10px;margin-left:10px;max-width:var(--demensions-min-max-width-2xl,672px)}#sync-loader{border-width:1.5px!important;color:#bbc3c9!important;height:18px!important;width:18px!important}.sync-loader-class{display:inline-block!important}.para-flex{align-items:start;flex-direction:column;gap:10px}.para-flex,.sync-progress{display:flex;justify-content:space-between}.sync-progress{align-items:center}.sync-complete p,.sync-progress p{font-size:13px!important}.submit-disabled{background-color:#a9ddcb!important}.sync-complete,.sync-progress{display:none!important}.select2-results__options>li{align-items:start!important;align-self:stretch!important;color:var(--colors-text-paragraph,#1e1f1e)!important;display:flex!important;flex-direction:column!important;font-size:var(--typography-font-size-text-base,16px)!important;font-style:normal!important;font-weight:400!important;justify-content:start!important;line-height:var(
        --typography-line-height-line-height-base,20px
    )!important;min-width:100px!important;padding-bottom:10px!important;padding-top:10px!important;text-overflow:ellipsis!important;ul{display:flex!important;flex-direction:column!important;width:100%!important}}.cm-additional-info{background:var(--colors-background-information,#efeef7);border-radius:var(--demensions-radius-2xl,20px);flex-direction:column;margin-top:20px;max-width:var(--demensions-min-max-width-max-page-width,1272px);padding:var(--demensions-spacing-md,20px)}.cm-additional-info,.cm-additional-info p{align-items:flex-start;align-self:stretch;display:flex}.cm-additional-info p{color:var(--colors-text-paragraph-grey,#686968);font-family:var(--font-family-sans);font-size:var(--typography-body-md,16px);font-style:normal;font-weight:400;gap:15px;line-height:var(--line-height-md,20px)}.form-bg{align-items:center;align-self:stretch;background:#f8f9fa!important;display:flex;flex-direction:column;gap:10px;padding:var(--demensions-spacing-lg-responsive,30px)}.form-white-bg{background:#fff!important}.form-header{background:var(--colors-background-primary,#fff);border-radius:var(--demensions-radius-card,10px);flex-direction:column;gap:var(--demensions-spacing-lg,30px);max-width:1280px;padding:var(--spacing-vertical-lg-lg-md-md,30px) var(--spacing-vertical-lg-lg-md-md,30px) 0 var(--spacing-vertical-lg-lg-md-md,30px);width:900px}.form-header,.form-logo-bar{align-items:flex-start;display:flex}.form-logo-bar{align-self:stretch}.form-header-separator{align-self:stretch;border:1px solid #e0e3e6;height:1px;margin-top:21px;transform:rotate(-90deg);width:45px}.capi_gateway{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:30px;max-width:var(--demensions-min-max-width-4xl,896px)}.form-para{a{color:var(--colors-text-link,#44b58f);font-size:var(--typography-font-size-text-sm,13px);font-style:normal;font-weight:400;line-height:var(--typography-line-height-line-height-sm,16px)}}a:hover{color:#308166!important}.form-info-box{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:var(--demensions-spacing-spacing-xs-2,10px);gap:10px;min-width:var(--demensions-min-max-width-mm-w-3xs,256px);padding-top:12px}.close{align-items:center;align-self:stretch;display:flex;height:45px;justify-content:center;max-width:var(--demensions-min-max-width-4xl,896px);min-width:45px;padding:0 var(--demensions-spacing-sm,15px)}.close:hover{background:var(
        --colors-background-action-transparent-hover,#f1f3f4
    )!important;border-radius:var(--demensions-radius-button,9999px)}#opportunity-stages,#user-data-rows{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:var(--demensions-spacing-md,20px);min-width:var(--demensions-min-max-width-mm-w-3xs,256px);width:100%}.user-data-row{align-self:stretch;gap:var(--demensions-spacing-md,20px)}.ghl-save-btn{align-items:flex-start;align-self:stretch;display:flex;flex-direction:row;gap:10px;justify-content:space-between;padding:var(--demensions-spacing-lg-responsive,30px)}.ghl-form #submitBtn{align-items:center;background:var(--colors-background-action-primary,#44b58f);border-radius:var(--demensions-radius-button,9999px);display:flex;font-style:normal;font-weight:500;gap:var(--demensions-spacing-xxs,5px);height:45px;justify-content:center;line-height:var(--typography-line-height-line-height-base,20px);max-width:var(--demensions-min-max-width-xl,576px);min-width:70px;padding:0 var(--demensions-spacing-md,20px)}.ghl-form #submitBtn:hover{background:#308166}.cm-form-section{align-self:stretch;gap:var(--demensions-spacing-md,20px)}.cm-form-section,.event_stages{align-items:center;display:flex}.event_stages{gap:10px;width:100%}.event_stages #event_stages,.event_stages #triggerValues,.event_stages #trigger_action{flex:1 1 0;min-width:0}.event_stages .close{align-items:center;display:flex;flex:0 0 auto;height:45px;justify-content:center;width:45px}.event_stages .select2-container{width:100%!important}.is-disabled{opacity:.5;pointer-events:none}#integrationToggle.inactive{background:var(--colors-background-badge-default,#e0e3e6);color:#676b6f}.user-data-row{align-items:center;display:flex;gap:10px}.user-data-row>div:nth-child(3){display:flex;flex:0 0 45px;justify-content:center}.user-data-row>div:first-child,.user-data-row>div:nth-child(2){flex:1}.user-data-action{width:45px}.backfill-sync-status{align-items:center;display:flex;gap:30px}.add-para{font-size:24px;font-weight:400;margin-bottom:1px}.first-row-clear,.remove-event,.remove-row{opacity:0;transition:opacity .2s ease-in-out}.event_stages:hover .first-row-clear,.event_stages:hover .remove-event,.user-data-row:hover .first-row-clear,.user-data-row:hover .remove-event,.user-data-row:hover .remove-row{opacity:1}