.gravity-theme .ginput_full[data-payment-element="false"] .StripeElement, .gform_legacy_markup_wrapper .ginput_full[data-payment-element="false"] .StripeElement {
background-color: #fff;
border: 1px solid #bbb;
border-radius: 2px;
box-shadow: none;
height: 40px;
padding: 10px 10px;
}
.gravity-theme .StripeElement--focus, .gform_legacy_markup_wrapper .StripeElement--focus {
border: 2px solid #8bc1fc;
}
.gravity-theme .StripeElement--invalid, .gform_legacy_markup_wrapper .StripeElement--invalid {
border-color: #fa755a;
}
.gravity-theme .StripeElement--webkit-autofill, .gform_legacy_markup_wrapper .StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
.gravity-theme div.gform_stripe_requires_action, .gform_legacy_markup_wrapper div.gform_stripe_requires_action {
display: none;
}
.gravity-theme .ginput_stripe_creditcard input, .gform_legacy_markup_wrapper .ginput_stripe_creditcard input {
padding: 8px;
}
.gravity-theme .ginput_stripe_creditcard .cc-details-container, .gform_legacy_markup_wrapper .ginput_stripe_creditcard .cc-details-container {
align-items: center;
display: flex;
justify-content: center;
position: relative;
}
.gravity-theme .ginput_stripe_creditcard .cc-details-container input.cc-cardnumber::-moz-placeholder, .gform_legacy_markup_wrapper .ginput_stripe_creditcard .cc-details-container input.cc-cardnumber::-moz-placeholder {
color: #9092b0;
}
.gravity-theme .ginput_stripe_creditcard .cc-details-container input.cc-cardnumber::placeholder, .gform_legacy_markup_wrapper .ginput_stripe_creditcard .cc-details-container input.cc-cardnumber::placeholder {
color: #9092b0;
}
.gravity-theme .ginput_stripe_creditcard .cc-details-container input.cc-cardnumber, .gform_legacy_markup_wrapper .ginput_stripe_creditcard .cc-details-container input.cc-cardnumber {
background: url(data:image/svg+xml;charset=utf8,%3Csvg width='22px' height='14px' viewBox='0 0 22 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Crect fill='%23DCDFE6' x='0' y='0' width='22' height='14' rx='2'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='3' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='7' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='11' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='15' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23FFFFFF' x='3' y='4' width='5' height='3'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E) 16px 50% / auto 20px no-repeat;
background-color: rgba(255, 255, 255, 0.5);
padding-left: 56px;
}
.gravity-theme .ginput_stripe_creditcard .cc-placeholders, .gform_legacy_markup_wrapper .ginput_stripe_creditcard .cc-placeholders {
align-items: center;
display: flex;
flex-wrap: nowrap;
height: 100%;
position: absolute;
right: 24px;
top: 0;
width: auto;
z-index: 2;
}
.gravity-theme .ginput_stripe_creditcard .cc-placeholders span, .gform_legacy_markup_wrapper .ginput_stripe_creditcard .cc-placeholders span {
color: #9092b0;
display: inline-block;
}
.gravity-theme #stripe-payment-link, .gform_legacy_markup_wrapper #stripe-payment-link {
margin-bottom: 12px;
}
.gravity-theme #stripe-payment-link::before, .gform_legacy_markup_wrapper #stripe-payment-link::before {
content: var(--link-login-string);
display: inline-block;
font-size: 14.88px;
font-weight: 400;
margin-bottom: 12px;
}
.gravity-theme #stripe-payment-link:not(.visible), .gform_legacy_markup_wrapper #stripe-payment-link:not(.visible) {
display: none;
}
html[dir="rtl"] .gravity-theme .ginput_stripe_creditcard .cc-details-container .cc-cardnumber, html[dir="rtl"] .gform_legacy_markup_wrapper .ginput_stripe_creditcard .cc-details-container .cc-cardnumber {
background-position: calc(100% - 16px) 50%;
padding-left: 8px;
padding-right: 56px;
}
html[dir="rtl"] .gravity-theme .ginput_stripe_creditcard .cc-placeholders, html[dir="rtl"] .gform_legacy_markup_wrapper .ginput_stripe_creditcard .cc-placeholders {
left: 24px;
right: auto;
}
html[dir="rtl"] .gravity-theme .ginput_stripe_creditcard .cc-cvc-placeholder, html[dir="rtl"] .gform_legacy_markup_wrapper .ginput_stripe_creditcard .cc-cvc-placeholder {
padding-left: 0 !important;
padding-right: 16px;
}