From b3b94962b1e55d3bf2bca7d5dd58ac693d656f9a Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Mon, 18 Nov 2024 09:50:33 -0700
Subject: [PATCH] Merge pull request #21801 from
 overleaf/mf-checkout-page-card-element

[web] Checkout page redesign card input field UI

GitOrigin-RevId: 165116dc7b9d7998cd55c00075eba13731bea10e
---
 .../frontend/stylesheets/bootstrap-5/components/all.scss | 1 +
 .../stylesheets/bootstrap-5/components/recurly.scss      | 9 +++++++++
 2 files changed, 10 insertions(+)
 create mode 100644 services/web/frontend/stylesheets/bootstrap-5/components/recurly.scss

diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/all.scss b/services/web/frontend/stylesheets/bootstrap-5/components/all.scss
index b4e8c8ae0e..013dd1d449 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/all.scss
+++ b/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';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/recurly.scss b/services/web/frontend/stylesheets/bootstrap-5/components/recurly.scss
new file mode 100644
index 0000000000..dd09b844f4
--- /dev/null
+++ b/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);
+  }
+}