.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{color:var(--errorMsgColor, red);font-size:var(--errorMsgFontSize, 60%);font-weight:var(--errorMsgFontWeight, bold)}.ctp-onboarding-form-container .form-input.error{border:2px solid var(--errorMsgColor, red)}.ctp-onboarding-form-container .form-input.valid{border:2px solid var(--validColor, green)}.ctp-onboarding-form-container .terms_text{font-size:70%;font-weight:400}.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:10px}.remember_me_checkbox_wrapper #mastercard_remember_checkbox{width:14px;height:14px;cursor:pointer;margin:0}.remember_me_checkbox_wrapper .mastercard_remember_checkbox_label{cursor:pointer;font-size:80%;line-height:18px}.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:8%}}:root{--errorMsgColor: red;--errorMsgFontSize: 60%;--errorMsgFontSize-mobile: calc(.75 * var(--errorMsgFontSize));--errorMsgFontWeight: bold;--inputBackgroundColor: #FFFFFF;--inputFieldBorder: 1px solid #D1D5DB;--inputFocusVisibleOutline: #101010 auto .8px;--inputFocusVisibleOutlineOffset: .8px;--inputFontSize: 100%;--inputFontSize-mobile: calc(.75 * var(--inputFontSize));--inputFontWeight: 400;--inputPlaceholderColor: #757575;--inputTextColor: #000000;--labelColor: #000000;--labelFontSize: 16px;--labelFontSize-mobile: calc(.75 * var(--labelFontSize));--labelFontWeight: 400;--merchant-font-family: "Roboto", sans-serif;--validColor: green;--btnBgColor: transparent;--btnTextColor: #374151;--btnBorderColor: #374151;--separatorColor: lightgray;--separatorTextColor: gray}#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}.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}.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:"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%}.field-container input{box-sizing:border-box}label{color:var(--labelColor, #000000);font-style:normal;font-weight:var(--labelFontWeight, 400);font-size:var(--labelFontSize, 16px);line-height:24px}input,select{margin-top:1%;padding:3%;color:var(--inputTextColor, #000000)!important;font-family:var(--merchant-font-family),"Roboto",sans-serif;font-size:var(--inputFontSize, 100%);font-weight:var(--inputFontWeight, 400);width:100%;border-radius:4px;border:var(--inputFieldBorder, 1px solid #D1D5DB);height:50px;left:24px;right:24px;top:51px;background:var(--inputBackgroundColor, #FFFFFF)}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}.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}.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-visible,select:focus-visible{outline:var(--inputFocusVisibleOutline, #101010 auto .8px);outline-offset:var(--inputFocusVisibleOutlineOffset, .8px)}.ccicon{position:absolute;right:0;pointer-events:none;width:50px;padding:1%}.card-number{grid-area:number;margin-top:0}.carNumber-input-wrapper{display:flex;align-items:center}.card-name{grid-area:name}.card-expiry{grid-area:expiry}.card-cvv{grid-area:cvv}.card-cvv .input-image-wrapper{display:flex;align-items:center}.card-cvv .error-msg{width:67%!important;margin-top:1%}.cvv-card-img{margin-left:10%;width:15%}.error-msg{color:var(--errorMsgColor, red);visibility:visible;font-size:var(--errorMsgFontSize, 60%);font-weight:var(--errorMsgFontWeight, bold)}.visibility-hidden{display:none}.invalid-border{border:2px solid red!important}.valid-border{border:2px solid green!important}.onboarding_checkbox_section{padding-top:20px;display:flex;align-items:flex-start}.onboarding_checkbox_section #onboarding_checkbox{width:16px;height:16px;cursor:pointer;margin-right:5px}.onboarding_checkbox_section .onboarding_checkbox_label{cursor:pointer}.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}.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%}label{font-size:var(--labelFontSize-mobile, 13px);line-height:18px}input,select{font-size:var(--inputFontSize-mobile, 75%);height:auto}.error-msg{font-size:var(--errorMsgFontSize-mobile, 60%)}.ccicon{width:14%}.manual_form_wrapper .section_text{font-size:14px;padding-bottom:10px}.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:8%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
