Merge pull request #21801 from overleaf/mf-checkout-page-card-element

[web] Checkout page redesign card input field UI

GitOrigin-RevId: 165116dc7b9d7998cd55c00075eba13731bea10e

services/web/frontend/stylesheets/bootstrap-5/components/all.scss

@@ -31,4 +31,5 @@
 @import 'gallery-search';
 @import 'error-boundary';
 @import 'close-button';
+@import 'recurly';
 @import 'dev-toolbar';

services/web/frontend/stylesheets/bootstrap-5/components/recurly.scss

@@ -0,0 +1,9 @@
+.recurly-element-card {
+  height: 50px;
+  border: 1px solid var(--neutral-60);
+  border-radius: var(--border-radius-base);
+
+  &.recurly-element-card-invalid {
+    border-color: var(--red-50);
+  }
+}