Initial commit

src/components/CustomBottomSheet/MapBottomSheet.module.css

@@ -0,0 +1,66 @@
+.mapContainer {
+  flex: 1;
+  margin-bottom: 16px;
+  touch-action: manipulation;
+  overscroll-behavior: contain;
+  overflow: hidden;
+  position: relative;
+  /* Prevent any scroll interference */
+  -webkit-overflow-scrolling: touch;
+  /* Ensure map takes full height */
+  height: 100%;
+  min-height: 0;
+  /* Debug: add border to see container */
+}
+
+.mapWrapper {
+  /* Create a new stacking context for the map */
+  position: relative;
+  z-index: 1;
+  /* Prevent touch events from bubbling */
+  isolation: isolate;
+  /* Ensure wrapper takes full height of container */
+  height: 100%;
+  width: 100%;
+  /* Debug: add background to see wrapper */
+  background-color: #f0f0f0;
+}
+
+.fallbackButton {
+  text-align: center;
+  margin-bottom: 8px;
+}
+
+.locationInfo {
+  background-color: #f0f8ff;
+  border-radius: 8px;
+  margin-bottom: 16px;
+  border: 1px solid #d6e4ff;
+  padding: 12px;
+}
+
+.locationTitle {
+  font-weight: 500;
+  margin-bottom: 4px;
+}
+
+.locationAddress {
+  font-size: 14px;
+  color: #666;
+}
+
+.locationCoordinates {
+  font-size: 12px;
+  color: #999;
+  margin-top: 4px;
+}
+
+.actionButtons {
+  display: flex;
+  gap: 12px;
+}
+
+.actionButton {
+  flex: 1;
+  height: 50px;
+}