feat(SW-344): Hotel list in mobile

components/HotelReservation/SelectHotel/SelectHotelMap/HotelListing/hotelListing.module.css

@@ -2,6 +2,37 @@
   display: none;
 }
 
+.hotelListingMobile {
+  display: none;
+  align-items: flex-end;
+  overflow-x: auto;
+  position: absolute;
+  bottom: 0px;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  height: 350px;
+  gap: var(--Spacing-x1);
+}
+
+.hotelListingMobile[data-open="true"] {
+  display: flex;
+}
+
+.hotelListingMobile dialog {
+  position: relative;
+  padding: 0;
+  margin: 0;
+}
+
+.hotelListingMobile > div:first-child {
+  margin-left: 16px;
+}
+
+.hotelListingMobile > div:last-child {
+  margin-right: 16px;
+}
+
 @media (min-width: 768px) {
   .hotelListing {
     display: block;
@@ -9,4 +40,9 @@
     overflow-y: auto;
     padding-top: var(--Spacing-x2);
   }
+
+  .hotelListingMobile,
+  .hotelListingMobile[data-open="true"] {
+    display: none;
+  }
 }