:root{--errorMsgColor: red;--errorMsgFontSize: 60%;--errorMsgFontSize-mobile: var(--errorMsgFontSize-mobile);--errorMsgFontWeight: bold;--inputBackgroundColor: #FFFFFF;--inputBorderColor-default: #D1D5DB;--inputFieldBorder: 1px solid var(--inputBorderColor-default, #D1D5DB);--inputFocusVisibleOutline: var(--inputFocusOutline, #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: 5px;--formMargin-left: 5px;--buttonMargin-bottom:10px;--errorMargin-bottom:10px;--inputMargin-bottom:0;--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: 50px;--icon-padding-right: 5px;--custom-icon-width: auto}#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, 0);margin-right:var(--formMargin-right, 0)}.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;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;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:calc(1% + var(--labelMargin-bottom))}input,select{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:var(--inputFieldBorder, 1px solid var(--inputBorderColor-default, #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;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{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:not(:focus-visible),select:focus:not(:focus-visible){outline:none;border-color:var(--inputFocusOutline, #101010)}input:focus-visible,select:focus-visible{outline:var(--inputFocusVisibleOutline, var(--inputFocusOutline, #101010) auto .8px);outline-offset:var(--inputFocusVisibleOutlineOffset, .8px)}input.valid-border:focus:not(:focus-visible){outline:none}input.valid-border:focus-visible{outline:none}input.invalid-border:focus:not(:focus-visible){outline:none;border-color:#f97316}#expirydate.invalid-border{outline:none}.ccicon{position:absolute;right:0;pointer-events:none;width:var(--icon-width, 50px);padding-right:var(--icon-padding-right, 8px)}.customIcon{position:absolute;right:5px;pointer-events:none;height:60%;width:var(--custom-icon-width);padding-right:var(--icon-padding-right)}.card-number{grid-area:number;margin-top:0}.carNumber-input-wrapper,.input-icon-wrapper{display:flex;align-items:center;position:relative;margin-bottom:var(--inputMargin-bottom)}.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:center;margin-bottom:var(--checkboxTextMarginBottom, 10px);margin:0 auto}.onboarding_checkbox_section #onboarding_checkbox{width:var(--checkboxSize);height:var(--checkboxSize);cursor:pointer;margin:0 5px 0 0}.onboarding_checkbox_section .onboarding_checkbox_label{cursor:pointer;color:var(--checkboxLabelColor);font-weight:var(--checkboxLabelFontWeight);font-size:var(--checkboxLabelFontSize);margin:0}.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:var(--inputPadding, 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%)}.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) label{margin-bottom:calc(2% + var(--labelMargin-bottom))}:is(.card-expiry,.card-cvv) input{padding:var(--inputPadding, min(8%, 16px))}}@media(max-width:379px){.onboarding_checkbox_section .onboarding_checkbox_label{font-size:var(--checkboxLabelFontSize-mobile)}}