.ctp-onboarding-form-container.without-state{grid-template-areas:"email email" "country country" "firstname lastname" "firstname-error lastname-error" "mobile mobile" "addressLevel1 addressLevel1" "city city" "zipCode ." "zipCode-error ." "terms terms"}.ctp-onboarding-form-container{box-sizing:border-box;display:grid;grid-column-gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"email email" "country country" "firstname lastname" "firstname-error lastname-error" "mobile mobile" "addressLevel1 addressLevel1" "city city" "stateProvince zipCode" "stateProvince-error zipCode-error" "terms terms";color:#374151;font-weight:700;background-color:transparent;max-width:640px;margin:0 auto}.ctp-onboarding-form-container .email{grid-area:email}.ctp-onboarding-form-container .country{grid-area:country}.ctp-onboarding-form-container .firstname{grid-area:firstname}.ctp-onboarding-form-container .lastname{grid-area:lastname}.ctp-onboarding-form-container .mobile{grid-area:mobile}.ctp-onboarding-form-container .addressLevel1{grid-area:addressLevel1}.ctp-onboarding-form-container .city{grid-area:city}.ctp-onboarding-form-container .stateProvince{grid-area:stateProvince}.ctp-onboarding-form-container .zipCode{grid-area:zipCode}.ctp-onboarding-form-container .terms{grid-area:terms}.ctp-onboarding-form-container .error-text{display:block;color:var(--errorMsgColor, red);font-size:var(--errorMsgFontSize, 60%);font-weight:var(--errorMsgFontWeight, bold);margin-bottom:var(--errorMargin-bottom)}.ctp-onboarding-form-container .form-input.error{border:2px solid var(--inputBorderColor-error,red)!important}.ctp-onboarding-form-container .form-input.valid{border:2px solid var(--inputBorderColor-success,green)}.ctp-onboarding-form-container .terms_text{font-size:70%;font-weight:400;margin-bottom:var(--termsTextMarginBottom, 5%);color:var(--termsTextColor, #374151);font-weight:var(--termsTextFontWeight, 100);font-size:var(--termsTextFontSize, 80%)}.country-field{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="black" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:calc(100% - 10px) center;background-size:16px;cursor:pointer}.remember_me_checkbox_wrapper{display:flex;align-items:center;gap:5px;margin-bottom:var(--checkboxTextMarginBottom, 10px)}.remember_me_checkbox_wrapper #mastercard_remember_checkbox{height:var(--checkboxSize,14px);width:var(--checkboxSize,14px);cursor:pointer;margin:0}.remember_me_checkbox_wrapper .mastercard_remember_checkbox_label{cursor:pointer;font-size:var(--checkboxLabelFontSize,14px);line-height:18px;font-weight:var(--checkboxLabelFontWeight, 200);color:var(--checkboxLabelColor)}.tooltip-icon{display:inline-block;position:relative;cursor:pointer;color:#fff;font-weight:700;border:1px solid #6a6a6a;border-radius:50%;width:16px;height:16px;text-align:center;line-height:16px;font-size:12px;background-color:#6a6a6a;font-family:monospace}.tooltip-icon:hover .tooltip-text,.tooltip-icon:focus .tooltip-text{visibility:visible;opacity:1}.tooltip-text{visibility:hidden;opacity:0;background-color:#e2e1df;color:#374151;text-align:left;padding:6px;position:absolute;z-index:10;bottom:130%;left:50%;transform:translate(-50%);max-width:90vw;min-width:250px;font-size:75%;font-family:Roboto,sans-serif;box-shadow:0 2px 6px #00000026;transition:opacity .3s ease,visibility .3s ease}.firstname,.lastname,.stateProvince,.zipCode{display:flex;flex-direction:column;justify-content:space-between}.error-firstname{grid-area:firstname-error}.error-lastname{grid-area:lastname-error}.error-stateProvince{grid-area:stateProvince-error}.error-zipcode{grid-area:zipCode-error}@media screen and (max-width:380px){.ctp-onboarding-form-container,.ctp-onboarding-form-container.without-state{grid-template-columns:1fr;grid-template-rows:repeat(10,auto);grid-template-areas:"email" "country" "firstname" "firstname-error" "lastname" "lastname-error" "mobile" "addressLevel1" "city" "stateProvince" "stateProvince-error" "zipCode" "zipCode-error" "terms"}.error-text{font-size:var(--errorMsgFontSize-mobile, 60%)!important}}@media(max-width:360px){.tooltip-text{transform:translate(-100%);min-width:180px}}@media(max-width:320px){.tooltip-text{max-width:80vw;font-size:70%}}.visa-email-disabled{cursor:not-allowed;box-shadow:none;background-color:#f5f5f5;border-color:#b1b6ba!important;color:#6c757d}@media screen and (min-width:381px){#firstname,#lastname,#stateProvince,#zipCode{margin-top:2%;padding:var(--inputPadding,8%)}}@media(max-width:379px){.ctp-onboarding-form-container .terms_text{font-size:var(--termsTextFontSize-mobile)}}:root{--errorMsgColor: red;--errorMsgFontSize: 60%;--errorMsgFontSize-mobile: var(--errorMsgFontSize-mobile);--errorMsgFontWeight: bold;--inputBackgroundColor: #FFFFFF;--inputFieldBorder: 1px solid #D1D5DB;--inputFocusVisibleOutline: #101010 auto .8px;--inputFocusVisibleOutlineOffset: .8px;--inputFontSize: 100%;--inputFontSize-mobile: var(--inputFontSize-mobile);--inputFontWeight: 400;--inputPlaceholderColor: #757575;--inputTextColor: #000000;--labelColor: #000000;--labelFontSize: 16px;--labelFontSize-mobile: var(--labelFontSize-mobile);--labelFontWeight: 400;--merchant-font-family: "Roboto", sans-serif;--validColor: green;--btnBgColor: transparent;--btnTextColor: #374151;--btnBorderColor: #374151;--separatorColor: lightgray;--separatorTextColor: gray;--formMargin-right: 10px;--formMargin-left:10px;--buttonMargin-bottom:10px;--errorMargin-bottom:10px;--inputMargin-bottom:10px;--labelMargin-bottom:0px;--fieldSpacing-vertical:0px;--inputBorderRadius:4px;--checkboxSize: 16px;--checkboxLabelColor:"#000000";--termsTextFontSize-mobile:12px;--checkboxLabelFontSize-mobile:12px;--manualEntryLabelFontWeight:400;--manualEntryLabelFontSize-mobile:14px;--manualEntryLabelFontSize:16px;--icon-width: 14%}#root{width:100%}body{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;font-family:var(--merchant-font-family),"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{margin-left:var(--formMargin-left, 20);margin-right:var(--formMargin-right,20)}.ctp_wrapper{width:100%;margin-bottom:1.25rem}.manual_form_wrapper{background-color:transparent;padding:20px 0}.manual_form_wrapper .section_text{color:#374151;font-size:1.1em;max-width:640px;margin:0 auto;padding-bottom:20px;font-size:var(--manualEntryLabelFontSize);font-weight:var(--manualEntryLabelFontWeight)}.form-container{box-sizing:border-box;display:grid;grid-column-gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"number number" "name name" "expiry cvv" "expiry-error cvv-error";color:#374151;font-weight:700;background-color:transparent;max-width:640px;margin:0 auto}.field-container{position:relative;margin-top:3%;margin-bottom:var(--fieldSpacing-vertical)}.field-container input{box-sizing:border-box}label{display:block;color:var(--labelColor, #000000);font-style:normal;font-weight:var(--labelFontWeight, 400);font-size:var(--labelFontSize, 16px);line-height:24px;margin-bottom:var(--labelMargin-bottom)}input,select{margin-top:1%;padding:var(--inputPadding,3%);color:var(--inputTextColor, #000000);font-family:var(--merchant-font-family),"Roboto",sans-serif;font-size:var(--inputFontSize, 100%);font-weight:var(--inputFontWeight, 400);width:100%;border-radius:var(--inputBorderRadius);border:1px solid var(--inputBorderColor-default, #D1D5DB);min-height:50px;left:24px;right:24px;top:51px;background:var(--inputBackgroundColor, #FFFFFF);margin-bottom:var(--inputMargin-bottom)}option{color:var(--inputTextColor, #000000)!important}.line-with-text{display:flex;align-items:center;text-align:center;color:var(--separatorTextColor, gray);margin:20px auto;max-width:640px;margin-bottom:var(--separatorTextMargin-bottom,20px)}.line-with-text:before{content:"";margin-right:10px;flex:1;border-bottom:1px solid var(--separatorColor, lightgray)}.line-with-text:after{content:"";margin-left:10px;flex:1;border-bottom:1px solid var(--separatorColor, lightgray)}.manual_btn_wrapper{max-width:640px;margin:0 auto}.manual_btn_wrapper .manual-card-entry-btn{width:100%;padding:14px;background-color:var(--btnBgColor, transparent);border:2px solid var(--btnBorderColor, #374151);border-radius:5px;color:var(--btnTextColor, #374151);font-size:1em;cursor:pointer;text-transform:uppercase;transition:all .3s ease;font-family:var(--merchant-font-family),"Roboto",sans-serif;margin-bottom:var(--buttonMargin-bottom)}.use-me-button:hover{background-color:#0000000d}input:-webkit-autofill,input:-webkit-autofill:focus{transition:color 0s 600000s!important}input:-internal-autofill-selected{color:var(--inputTextColor, #000000)!important}input::placeholder{color:var(--inputPlaceholderColor, #757575);font-family:var(--merchant-font-family),"Roboto",sans-serif}input:focus,select:focus-visible{outline:none;border-color:var(--inputFocusOutline, #101010)}.ccicon{position:absolute;right:0;pointer-events:none;width:50px;width:var(--icon-width);padding-right:var(--icon-padding-right,10px);padding:4px}.customIcon{position:absolute;right:0;pointer-events:none;height:2.5rem;width:2.5rem;padding:4px}.card-number{grid-area:number;margin-top:0}.carNumber-input-wrapper,.input-icon-wrapper{display:flex;align-items:center}.card-name{grid-area:name}.card-expiry{grid-area:expiry}.card-cvv{grid-area:cvv}.card-cvv .error-msg{width:67%!important;margin-top:1%;margin-bottom:var(--errorMargin-bottom)}.cvv-card-img{margin-left:10%;width:15%}.error-msg{display:block;color:var(--errorMsgColor, red);visibility:visible;font-size:var(--errorMsgFontSize, 60%);font-weight:var(--errorMsgFontWeight, bold);margin-bottom:var(--errorMargin-bottom)}.visibility-hidden{display:none}.invalid-border{border:2px solid var(--inputBorderColor-error,red)!important}.valid-border{border:2px solid var(--inputBorderColor-success,green)!important}.onboarding_checkbox_section{padding-top:20px;display:flex;align-items:flex-start;margin-bottom:var(--checkboxTextMarginBottom,10px)}.onboarding_checkbox_section #onboarding_checkbox{width:var(--checkboxSize);height:var(--checkboxSize);cursor:pointer;margin-right:5px}.onboarding_checkbox_section .onboarding_checkbox_label{cursor:pointer;color:var(--checkboxLabelColor);font-weight:var(--checkboxLabelFontWeight);font-size:var(--checkboxLabelFontSize);padding-top:16px}.onboarding_checkbox_section a.ctp-modal-open-link{cursor:pointer;color:#0054b6}src-button{--src-background-light: transparent;--src-box-shadow: none;--src-border-radius: 5px;--src-border-width: 2px;--src-border-color-light:#374151;--src-padding-vertical: 1.5rem;margin-bottom:var(--buttonMargin-bottom)}.hydrated{visibility:inherit;text-align:center;display:block}.card-expiry,.card-cvv{display:flex;flex-direction:column;justify-content:space-between}.error-expiry{grid-area:expiry-error}.error-cvc{grid-area:cvv-error}@media(min-width:550px){input,select{padding:2%}}@media screen and (max-width:380px){.form-container{grid-template-columns:1fr;grid-template-areas:"number" "name" "expiry" "expiry-error" "cvv" "cvv-error"}.field-container{position:relative;margin-top:1%;margin-bottom:var(--fieldSpacing-vertical)}label{font-size:var(--labelFontSize-mobile, 13px);line-height:18px;margin-bottom:var(--labelMargin-bottom)}input,select{font-size:var(--inputFontSize-mobile, 75%);height:auto}.error-msg{font-size:var(--errorMsgFontSize-mobile, 60%)}.ccicon{width:var(--icon-width);padding-right:var(--icon-padding-right,"10px");padding-bottom:3%}.customIcon{width:7%;height:40%}.manual_form_wrapper .section_text{font-size:14px;padding-bottom:10px;font-size:var(--manualEntryLabelFontSize-mobile);font-weight:var(--manualEntryLabelFontWeight)}.manual_btn_wrapper .manual-card-entry-btn{padding:10px;font-size:13px}src-button{--src-padding-vertical: 10px !important}}@media screen and (min-width:381px){.card-expiry,.card-cvv{margin-top:6%}:is(.card-expiry,.card-cvv) input{margin-top:2%;padding:var(--inputPadding,8%)}}@media(max-width:379px){.onboarding_checkbox_section .onboarding_checkbox_label{font-size:var(--checkboxLabelFontSize-mobile)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}