.StripeElement{display:block;margin:0;background-color:var(--primary-white);padding:11.4px 14px;font:var(--font-text-m);font-family:var(--font-family-primary),monospace;border-radius:16px;border:1px solid #d5d7da;outline:0}.StripeElement--focus{border:1px solid var(--focus-visible-primary);outline:none;box-shadow:0 0 0 4px var(--violet-200),0 1px 2px 0 rgba(10,13,18,.05);transition:box-shadow .3s ease;-webkit-transition:all .15s ease}.StripeElement--invalid{border:1px solid var(--ruby-500)}.StripeElement--focus.StripeElement--invalid{border:1px solid var(--ruby-500);outline:none;box-shadow:0 0 0 4px var(--ruby-300),0 1px 2px 0 rgba(10,13,18,.05);transition:box-shadow .3s ease}.StripeElement.FpxBankElement,.StripeElement.IdealBankElement,.StripeElement.PaymentRequestButton{padding:0}.StripeElement.PaymentRequestButton{height:40px}.cardForm_form__jtUap{width:100%;display:grid;gap:32px}@media screen and (max-width:576px){.cardForm_form__jtUap{gap:22px}}.cardForm_gridContainer__Ecyjk{display:grid;gap:20px;text-align:left}.cardForm_innerGrid__xugeI{display:grid;gap:2px}.cardForm_flexContainer__coVPb{display:flex;gap:16px}.cardForm_inputContainerFlex__VH2C8,.cardForm_inputContainer__bFPbP{flex-grow:1;max-width:304px;width:100%}@media screen and (max-width:576px){.cardForm_inputContainerFlex__VH2C8,.cardForm_inputContainer__bFPbP{max-width:100%}}.cardForm_flexColContainerAuto__CJVfr,.cardForm_inputContainerFlex__VH2C8{display:flex;flex-direction:column;gap:6px}.cardForm_flexColContainerAuto__CJVfr{flex-grow:1;width:auto}.cardForm_gridGap__Q2g9T{display:grid;gap:6px;flex-grow:1;width:auto}@media screen and (max-width:576px){.cardForm_buttonGroup__Pz_jG{flex-direction:column-reverse}}