:root{--errorMsgColor:red;--errorMsgFontSize:60%;--errorMsgFontSize-mobile:var(--errorMsgFontSize-mobile);--errorMsgFontWeight:bold;--inputBackgroundColor:#fff;--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);--maskFontSize:28px;--maskFontSizeMobile:75%;--inputFontWeight:400;--inputPlaceholderColor:#757575;--inputTextColor:#000;--labelColor:#000;--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;--customPaddingTermText:20px 0}#root{width:100%}body{font-family:var(--merchant-font-family), "Roboto", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox}.App{margin-left:var(--formMargin-left,0);margin-right:var(--formMargin-right,0)}.ctp_wrapper{width:100%;margin-bottom:1.25rem}.manual_form_wrapper{padding:var(--customPaddingTermText);background-color:#0000}.manual_form_wrapper .section_text{color:var(--labelColor);font-size:var(--manualEntryLabelFontSize);font-weight:var(--manualEntryLabelFontWeight);margin:0 auto;padding-bottom:20px}.form-container{box-sizing:border-box;grid-column-gap:8px;color:#374151;background-color:#0000;grid-template:"number number""name name""expiry cvv""expiry-error cvv-error"/1fr 1fr;margin:0 auto;font-weight:700;display:grid}.field-container{margin-top:3%;margin-bottom:var(--fieldSpacing-vertical);position:relative}.field-container input{box-sizing:border-box}label{color:var(--labelColor,#000);font-style:normal;font-weight:var(--labelFontWeight,400);font-size:var(--labelFontSize,16px);margin-bottom:calc(1% + var(--labelMargin-bottom));line-height:24px;display:block}input,select{padding:var(--inputPadding,3%);color:var(--inputTextColor,#000);font-family:var(--merchant-font-family), "Roboto", sans-serif;font-size:var(--inputFontSize,100%);font-weight:var(--inputFontWeight,400);border-radius:var(--inputBorderRadius);border:var(--inputFieldBorder,1px solid var(--inputBorderColor-default,#d1d5db));background:var(--inputBackgroundColor,#fff);box-sizing:border-box;width:100%;height:50px;top:51px;left:24px;right:24px}#securitycode[type=password].has-value{font-size:var(--maskFontSize);letter-spacing:4px}#securitycode[type=password]{font-size:var(--inputFontSize,100%)}option{color:var(--inputTextColor,#000)!important}.line-with-text{text-align:center;color:var(--separatorTextColor,gray);margin:20px auto;margin-bottom:var(--separatorTextMargin-bottom,20px);align-items:center;display:flex}.line-with-text:before{content:"";border-bottom:1px solid var(--separatorColor,lightgray);flex:1;margin-right:10px}.line-with-text:after{content:"";border-bottom:1px solid var(--separatorColor,lightgray);flex:1;margin-left:10px}.manual_btn_wrapper{margin:0 auto}.manual_btn_wrapper .manual-card-entry-btn{background-color:var(--btnBgColor,transparent);border:2px solid var(--btnBorderColor,#374151);width:100%;color:var(--btnTextColor,#374151);cursor:pointer;text-transform:uppercase;font-size:1em;font-family:var(--merchant-font-family), "Roboto", sans-serif;margin-bottom:var(--buttonMargin-bottom);border-radius:5px;padding:14px;transition:all .3s}.use-me-button:hover{background-color:#0000000d}input:-webkit-autofill{transition:color 0s 600000s!important}input:-webkit-autofill:focus{transition:color 0s 600000s!important}:-webkit-any(input:autofill,input:-webkit-autofill,select:-webkit-autofill,select:autofill){-webkit-box-shadow:0 0 0 1000px var(--inputBackgroundColor) inset;box-shadow:0 0 0 1000px var(--inputBackgroundColor) inset;-webkit-text-fill-color:var(--inputTextColor)}:is(input:autofill,input:autofill,select:autofill,select:autofill){-webkit-box-shadow:0 0 0 1000px var(--inputBackgroundColor) inset;box-shadow:0 0 0 1000px var(--inputBackgroundColor) inset;-webkit-text-fill-color:var(--inputTextColor)}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){border-color:var(--inputFocusOutline,#101010);outline:none}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),input.valid-border:focus-visible,#cardnumber.invalid-scheme-border:focus-visible,input.invalid-border:focus:not(:focus-visible),#expirydate.invalid-border{outline:none}#securitycode.invalid-border:focus-visible{border:none!important}.card-cvv:has(input:focus-visible)+.error-cvc .security-error-msg{display:none}.ccicon{pointer-events:none;width:var(--icon-width,50px);padding-right:var(--icon-padding-right,8px);position:absolute;right:0}.customIcon{pointer-events:none;height:60%;width:var(--custom-icon-width);padding-right:var(--icon-padding-right);position:absolute;right:5px}.card-number{grid-area:number;margin-top:0}.carNumber-input-wrapper,.input-icon-wrapper{margin-bottom:var(--inputMargin-bottom);align-items:center;display:flex;position:relative}.card-name{grid-area:name}.card-expiry{grid-area:expiry}.card-cvv{grid-area:cvv}.card-cvv .error-msg{margin-top:1%;margin-bottom:var(--errorMargin-bottom);width:67%!important}.cvv-card-img{width:15%;margin-left:10%}.error-msg{color:var(--errorMsgColor,red);visibility:visible;font-size:var(--errorMsgFontSize,60%);font-weight:var(--errorMsgFontWeight,bold);margin-bottom:var(--errorMargin-bottom);display:block}.visibility-hidden{display:none}.invalid-border,#cardnumber.invalid-scheme-border{border:2px solid var(--inputBorderColor-error,red)!important}.valid-border{border:2px solid var(--inputBorderColor-success,green)!important}.onboarding_checkbox_section{align-items:center;margin:0 auto;padding-top:20px;display:flex}.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{flex-direction:column;justify-content:space-between;display:flex}.error-expiry{grid-area:expiry-error}.error-cvc{grid-area:cvv-error}@media (width>=550px){input,select{padding:var(--inputPadding,2%)}}@media screen and (width<=380px){.form-container{grid-template-columns:1fr;grid-template-areas:"number""name""expiry""expiry-error""cvv""cvv-error"}.field-container{margin-top:1%;margin-bottom:var(--fieldSpacing-vertical);position:relative}label{font-size:var(--labelFontSize-mobile,13px);margin-bottom:var(--labelMargin-bottom);line-height:18px}input,select,#securitycode[type=password]{font-size:var(--inputFontSize-mobile,75%);height:auto}#securitycode[type=password].has-value{font-size:var(--maskFontSizeMobile)}.error-msg{font-size:var(--errorMsgFontSize-mobile,60%)}.manual_form_wrapper .section_text{font-size:var(--manualEntryLabelFontSize-mobile);font-weight:var(--manualEntryLabelFontWeight);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 (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 (width<=379px){.onboarding_checkbox_section .onboarding_checkbox_label{font-size:var(--checkboxLabelFontSize-mobile)}}