From af8d1b8d6ef2ed818e0f303238b3f5a5467080d7 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 7 Oct 2024 15:38:05 +0200
Subject: [PATCH] feat(SW-350): split input styles in booking widget

---
 .../FormContent/Input/input.module.css        | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 components/Forms/BookingWidget/FormContent/Input/input.module.css

diff --git a/components/Forms/BookingWidget/FormContent/Input/input.module.css b/components/Forms/BookingWidget/FormContent/Input/input.module.css
new file mode 100644
index 000000000..7a4f7b998
--- /dev/null
+++ b/components/Forms/BookingWidget/FormContent/Input/input.module.css
@@ -0,0 +1,22 @@
+.input {
+  background-color: transparent;
+  border: none;
+  height: 24px;
+  outline: none;
+  position: relative;
+  width: 100%;
+  z-index: 2;
+}
+
+.input::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+  appearance: none;
+  background-image: url("/_static/icons/close.svg");
+  height: 20px;
+  width: 20px;
+}
+
+.input:disabled,
+.input:disabled::placeholder {
+  color: var(--Base-Text-Disabled);
+}