nestiq-component-library 1.1.93 → 1.1.95

package/dist/index.js

@@ -180,10 +180,10 @@ var iconMap = "/static/media/icon_map.2318ec664c3e615e.svg";
 
 var iconLayers$1 = "/static/media/layer_icon.9b56c187199c44b5.svg";
 
-var css_248z$6 = ".mainImage {\r\n  height: 80%;\r\n}\r\n\r\n.secondList {\r\n  height: 20%;\r\n}\r\n\r\n.listImageButton {\r\n  background-color: black;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n}\r\n\r\n.listImgText {\r\n  height: 30px;\r\n  font-size: 14px;\r\n  line-height: 2.14;\r\n  color: #fff;\r\n}\r\n\r\n.arroIconColour {\r\n  height: 30px;\r\n  fill: #fff !important;\r\n}\r\n\r\n.onImageArrow {\r\n  width: 50px;\r\n  height: 50px;\r\n  padding: 23px 8px;\r\n  background-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.blackArrow {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n.imagesArray {\r\n  background-size: \"cover\" !important;\r\n}\r\n@media (max-width: 380px) {\r\n  .Pimagelist {\r\n  }\r\n  .mainImage {\r\n    height: 500px;\r\n    width: 58vw;\r\n  }\r\n}\r\n\r\n@media (min-width: 390px) and (max-width: 850px) {\r\n  .Pimagelist {\r\n  }\r\n  .mainImage {\r\n    height: 500px;\r\n    width: 58vw;\r\n  }\r\n}\r\n@media (min-width: 768px) and (max-width: 819px) {\r\n  .Pimagelist {\r\n  }\r\n  .mainImage {\r\n    height: 80%;\r\n    width: 58vw;\r\n  }\r\n}\r\n";
+var css_248z$6 = ".mainImage {\r\n  height: 80%;\r\n}\r\n\r\n.secondList {\r\n  height: 20%;\r\n}\r\n\r\n.listImageButton {\r\n  background-color: black;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  min-height: 121px;\r\n}\r\n\r\n.listImgText {\r\n  height: 30px;\r\n  font-size: 14px;\r\n  line-height: 2.14;\r\n  color: #fff;\r\n}\r\n\r\n.arroIconColour {\r\n  height: 30px;\r\n  fill: #fff !important;\r\n}\r\n\r\n.onImageArrow {\r\n  width: 50px;\r\n  height: 50px;\r\n  padding: 23px 8px;\r\n  background-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.blackArrow {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n.imagesArray {\r\n  background-size: \"cover\" !important;\r\n}\r\n@media (max-width: 380px) {\r\n  .Pimagelist {\r\n  }\r\n  .mainImage {\r\n    height: 500px;\r\n    width: 58vw;\r\n  }\r\n}\r\n\r\n@media (min-width: 390px) and (max-width: 850px) {\r\n  .Pimagelist {\r\n  }\r\n  .mainImage {\r\n    height: 500px;\r\n    width: 58vw;\r\n  }\r\n}\r\n@media (min-width: 768px) and (max-width: 819px) {\r\n  .Pimagelist {\r\n  }\r\n  .mainImage {\r\n    height: 80%;\r\n    width: 58vw;\r\n  }\r\n}\r\n";
 styleInject(css_248z$6);
 
-var css_248z$5 = ".popup-header {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  padding: 1rem;\n  position: absolute;\n  top: 0;\n}\n\n.popup-title {\n  color: white;\n  font-size: 24px;\n  font-weight: bold;\n}\n\n.btn-close {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  background: none;\n  border: none;\n  color: white;\n  font-size: 24px;\n  cursor: pointer;\n}\n\n.popup-body {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 1rem;\n  position: relative;\n  flex: 1;\n}\n\n.main-image {\n  max-width: 100%;\n  max-height: 80vh;\n  border-radius: 8px;\n}\n\n.btn-prev,\n.btn-next {\n  background: none;\n  border: none;\n  color: white;\n  font-size: 48px;\n  cursor: pointer;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.btn-prev {\n  left: 10px;\n}\n\n.btn-next {\n  right: 10px;\n}\n\n.popup-thumbnails {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  padding: 1rem;\n}\n\n.thumbnail {\n  width: 60px;\n  height: 60px;\n  object-fit: cover;\n  border-radius: 8px;\n  cursor: pointer;\n  opacity: 0.6;\n}\n\n.thumbnail.active {\n  border: 2px solid white;\n  opacity: 1;\n}\n";
+var css_248z$5 = ".popup-header {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  padding: 1rem;\r\n  position: absolute;\r\n  top: 0;\r\n}\r\n\r\n.popup-title {\r\n  color: white;\r\n  font-size: 24px;\r\n  font-weight: bold;\r\n}\r\n\r\n.btn-close {\r\n  position: absolute;\r\n  right: 1rem;\r\n  top: 1rem;\r\n  background: none;\r\n  border: none;\r\n  color: white;\r\n  font-size: 24px;\r\n  cursor: pointer;\r\n}\r\n\r\n.popup-body {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 1rem;\r\n  position: relative;\r\n  flex: 1;\r\n}\r\n\r\n.main-image {\r\n  max-width: 100%;\r\n  max-height: 80vh;\r\n  border-radius: 8px;\r\n}\r\n\r\n.btn-prev,\r\n.btn-next {\r\n  background: none;\r\n  border: none;\r\n  color: white;\r\n  font-size: 48px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.btn-prev {\r\n  left: 10px;\r\n}\r\n\r\n.btn-next {\r\n  right: 10px;\r\n}\r\n\r\n.popup-thumbnails {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 1rem;\r\n}\r\n\r\n.thumbnail {\r\n  width: 60px;\r\n  height: 60px;\r\n  object-fit: cover;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  opacity: 0.6;\r\n}\r\n\r\n.thumbnail.active {\r\n  border: 2px solid white;\r\n  opacity: 1;\r\n}\r\n";
 styleInject(css_248z$5);
 
 var iconClose = "/static/media/close.b5ce9141e80c688b.png";
@@ -356,11 +356,11 @@ function PropertyImageList(prop) {
                             React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); })))),
                         React.createElement("div", { className: "col-1 h-100 d-flex position-absolute end-0 top-0", onClick: function () { return handleArrowClickInMainImage("right"); }, role: "button" },
                             React.createElement("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3 ms-1" },
-                                React.createElement("img", { src: iconArrowRight, className: "arroIconColour", alt: "Right Arrow" }))))),
+                                React.createElement("img", { src: iconArrowRight, className: "arroIconColour h-100", alt: "Right Arrow" }))))),
                 React.createElement("div", { className: "col-7 col-lg-6 d-flex flex-row" },
                     React.createElement("div", { className: "col-lg-4 col-4 p-1", role: "button", onClick: toggleAllPhotos },
                         React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
-                            React.createElement("img", { src: iconGallery, alt: "Gallery Icon" }),
+                            React.createElement("img", { src: iconGallery, alt: "Gallery Icon", className: "h-100" }),
                             React.createElement("span", { className: "listImgText" }, "Alle Fotos"))),
                     React.createElement("div", { className: "col-lg-4 col-3 p-1", role: "button", onClick: floorPlanClickHandler },
                         React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
@@ -438,22 +438,22 @@ function PropertyCard$1(props) {
                 React.createElement("span", null, "Wohnfl\u00E4che")))));
 }
 
-var css_248z$3 = ".property-card {\n  width: 100%;\n  max-width: 1280px;\n\n  @media (min-width: 1500px) {\n    max-width: 1280px;\n    margin: 0 auto;\n  }\n}\n\n.listing-compacts {\n  max-width: 750px;\n  align-self: stretch;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 16px;\n  border-radius: 0px 32px 32px 0px;\n  /* box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); */\n  background-color: rgba(58, 58, 58, 0.068);\n  height: 460px;\n  padding: 32px;\n}\n.cardStyles {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 460px;\n  border-radius: 32px 0px 0px 32px !important;\n}\n.cardTag {\n  width: 75px;\n  height: 30px;\n  flex-grow: 0;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 6px;\n  padding: 0 24px;\n  border-radius: 16px;\n  border: solid 1px #313131;\n  background-color: #fff;\n}\n.Grundriss {\n  width: 120px;\n  height: 30px;\n  flex-grow: 0;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  font-size: 14px;\n  border-radius: 16px;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  background: linear-gradient(to top, #000, #666);\n}\n.Frame-136 {\n  height: 119px;\n  align-self: stretch;\n  flex-grow: 0;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 16px;\n  padding: 10px 16px;\n  border-radius: 16px;\n  border: solid 1px rgba(0, 0, 0, 0.1);\n  background-color: #fff;\n}\n.kontactbutton {\n  width: 180px;\n  height: 43px;\n  flex-grow: 0;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 16px;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  background: linear-gradient(to top, #000, #666);\n}\n.kontact-button-text {\n  flex-grow: 0;\n  font-family: Inter;\n  font-size: 16px;\n  font-weight: 500;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  text-align: center;\n  color: #fff;\n}\n.propertyTitle {\n  display: flex;\n  flex-grow: 0;\n  font-size: 24px;\n  font-weight: 580;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  text-align: start;\n  color: #313131;\n}\n.firstLabel {\n  width: 100px;\n  height: 25px;\n  gap: 6px;\n  border-radius: 16px;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  border: solid 1px #031012 !important;\n  background-color: var(--main-yellow);\n}\n\n.secondLabel {\n  width: 85px;\n  height: 25px;\n  padding: 0 7px;\n  border-radius: 16px;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  border: solid 1px #000;\n  background-color: #fff;\n  display: flex;\n}\n\n.thirdLabels {\n  width: 110px;\n  padding: 0 7px;\n  height: 25px;\n  border-radius: 16px;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  border: solid 1px #000;\n  background-color: #fff;\n  display: flex;\n}\n\n.fourthLabels {\n  padding: 2px;\n\n  width: 100px;\n  height: 25px;\n  border-radius: 16px;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  border: solid 1px #000;\n  background-color: #fff;\n}\n\n.layersVector {\n  width: 15.1px;\n  height: 16px;\n}\n\n.layersText {\n  font-size: 14px;\n  color: #1b1b1b;\n}\n\n.style-img {\n  object-fit: cover;\n  border-radius: 30px !important;\n}\n\n.Vector {\n  width: 12px;\n  height: 16.1px;\n  flex-grow: 0;\n  margin: 0.4px 6px 0.4px 0;\n}\n\n.customButton {\n  width: 262px;\n  height: 43px;\n  color: #000;\n  cursor: pointer;\n  border-color: #161410;\n  background-color: #181716;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n}\n.button_text {\n  font-size: 16px;\n  font-weight: 500;\n  color: #1b1b1b;\n}\n\n.heartVector {\n  width: 23px;\n  height: 26.7px;\n  cursor: pointer;\n}\n\n.heartVector.liked {\n  fill: rgb(255, 255, 255) !important;\n}\n.locationTexts {\n  font-size: 14px;\n  color: #344041;\n  text-align: center;\n}\n\n.arrowVector {\n  width: 23px;\n  height: 23px;\n  flex-grow: 0;\n  object-fit: contain;\n}\n\n.Price {\n  font-size: 26px;\n  font-weight: 500;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  text-align: center;\n  color: #ffffff;\n}\n\n.details {\n  font-size: 14px;\n  text-align: center;\n  color: #344041;\n}\n.value {\n  font-size: 20px;\n  text-align: center;\n  font-weight: 500;\n}\n\n.class {\n  background-color: #1b1b1b;\n}\n\n.header {\n  height: 64px;\n  justify-content: center;\n}\n\n.rightConer {\n  width: 200px;\n}\n@media all and (min-width: 2560px) {\n  .header {\n    font-size: 38px;\n\n    display: flex;\n  }\n  .cardStyle {\n    gap: 0px;\n    width: 350px;\n    height: 300px;\n    /* margin-left: 250px; */\n  }\n}\n@media (max-width: 1399px) {\n  .header {\n    font-size: 38px;\n    align-self: center;\n    margin-left: 150px;\n  }\n  .cardStyle {\n    gap: 0px;\n    width: 350px;\n    height: 300px;\n  }\n}\n\n@media (max-width: 1199px) {\n  .header {\n    font-size: 38px;\n  }\n  .cardStyle {\n    width: 300px;\n    height: 250px;\n  }\n}\n\n@media (max-width: 575px) {\n  .detail {\n    font-size: 11px;\n    padding: 2px;\n  }\n  .Price {\n    font-size: 19px;\n  }\n  .header {\n    font-size: 28px;\n  }\n  .locationText {\n    font-size: 12px;\n  }\n  .customButton {\n    width: 200px !important;\n  }\n  .button_text {\n    font-size: 13px;\n  }\n}\n\n@media (max-width: 375px) {\n  .labelTopClass {\n    width: 105px !important;\n  }\n  .layersText {\n    font-size: 9px;\n  }\n  .firstLabel {\n    gap: 2px;\n  }\n  .layersVector {\n    width: 9px;\n    height: 10px;\n    gap: 0px;\n  }\n  .cardStyle {\n    width: 320px !important;\n    height: 220px !important;\n  }\n  .header {\n    font-size: 24px;\n  }\n  .detail {\n    font-size: 10px;\n    padding: 2px;\n  }\n  .Price {\n    font-size: 18px;\n  }\n  .locationText {\n    font-size: 10px;\n  }\n  .Vector {\n    width: 8px;\n    height: 16px;\n    margin: 0px 2px 0.4px;\n  }\n}\n\n@media (max-width: 280px) {\n  .cardStyle {\n    width: 260px !important;\n    height: 160px !important;\n  }\n  .detail {\n    margin-bottom: 5px;\n    font-size: 0.6ch;\n  }\n  .Price {\n    font-size: 9px;\n  }\n  .locationText {\n    font-size: 6px;\n  }\n  .Vector {\n    width: 7px;\n    height: 10px;\n    margin: 0px 2px 4px;\n  }\n  .heartVector {\n    width: 15px;\n    height: 20px;\n  }\n}\n";
+var css_248z$3 = ".property-card {\r\n  width: 100%;\r\n  max-width: 1280px;\r\n\r\n  @media (min-width: 1500px) {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n.listing-compacts {\r\n  max-width: 750px;\r\n  align-self: stretch;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  align-items: flex-start;\r\n  gap: 16px;\r\n  border-radius: 0px 32px 32px 0px;\r\n  /* box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); */\r\n  background-color: rgba(58, 58, 58, 0.068);\r\n  height: 460px;\r\n  padding: 32px;\r\n}\r\n.cardStyles {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 460px;\r\n  border-radius: 32px 0px 0px 32px !important;\r\n}\r\n.cardTag {\r\n  width: 75px;\r\n  height: 30px;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  border: solid 1px #313131;\r\n  background-color: #fff;\r\n}\r\n.Grundriss {\r\n  width: 120px;\r\n  height: 30px;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background: linear-gradient(to top, #000, #666);\r\n}\r\n.Frame-136 {\r\n  height: 119px;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  gap: 16px;\r\n  padding: 10px 16px;\r\n  border-radius: 16px;\r\n  border: solid 1px rgba(0, 0, 0, 0.1);\r\n  background-color: #fff;\r\n}\r\n.kontactbutton {\r\n  width: 180px;\r\n  height: 43px;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background: linear-gradient(to top, #000, #666);\r\n}\r\n.kontact-button-text {\r\n  flex-grow: 0;\r\n  font-family: Inter;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: center;\r\n  color: #fff;\r\n}\r\n.propertyTitle {\r\n  display: flex;\r\n  flex-grow: 0;\r\n  font-size: 24px;\r\n  font-weight: 580;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: start;\r\n  color: #313131;\r\n}\r\n.firstLabel {\r\n  width: 100px;\r\n  height: 25px;\r\n  gap: 6px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #031012 !important;\r\n  background-color: var(--main-yellow);\r\n}\r\n\r\n.secondLabel {\r\n  width: 85px;\r\n  height: 25px;\r\n  padding: 0 7px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #000;\r\n  background-color: #fff;\r\n  display: flex;\r\n}\r\n\r\n.thirdLabels {\r\n  width: 110px;\r\n  padding: 0 7px;\r\n  height: 25px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #000;\r\n  background-color: #fff;\r\n  display: flex;\r\n}\r\n\r\n.fourthLabels {\r\n  padding: 2px;\r\n\r\n  width: 100px;\r\n  height: 25px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #000;\r\n  background-color: #fff;\r\n}\r\n\r\n.layersVector {\r\n  width: 15.1px;\r\n  height: 16px;\r\n}\r\n\r\n.layersText {\r\n  font-size: 14px;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.style-img {\r\n  object-fit: cover;\r\n  border-radius: 30px !important;\r\n}\r\n\r\n.Vector {\r\n  width: 12px;\r\n  height: 16.1px;\r\n  flex-grow: 0;\r\n  margin: 0.4px 6px 0.4px 0;\r\n}\r\n\r\n.customButton {\r\n  width: 262px;\r\n  height: 43px;\r\n  color: #000;\r\n  cursor: pointer;\r\n  border-color: #161410;\r\n  background-color: #181716;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.button_text {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.heartVector {\r\n  width: 23px;\r\n  height: 26.7px;\r\n  cursor: pointer;\r\n}\r\n\r\n.heartVector.liked {\r\n  fill: rgb(255, 255, 255) !important;\r\n}\r\n.locationTexts {\r\n  font-size: 14px;\r\n  color: #344041;\r\n  text-align: center;\r\n}\r\n\r\n.arrowVector {\r\n  width: 23px;\r\n  height: 23px;\r\n  flex-grow: 0;\r\n  object-fit: contain;\r\n}\r\n\r\n.Price {\r\n  font-size: 26px;\r\n  font-weight: 500;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: center;\r\n  color: #ffffff;\r\n}\r\n\r\n.details {\r\n  font-size: 14px;\r\n  text-align: center;\r\n  color: #344041;\r\n}\r\n.value {\r\n  font-size: 20px;\r\n  text-align: center;\r\n  font-weight: 500;\r\n}\r\n\r\n.class {\r\n  background-color: #1b1b1b;\r\n}\r\n\r\n.header {\r\n  height: 64px;\r\n  justify-content: center;\r\n}\r\n\r\n.rightConer {\r\n  width: 200px;\r\n}\r\n@media all and (min-width: 2560px) {\r\n  .header {\r\n    font-size: 38px;\r\n\r\n    display: flex;\r\n  }\r\n  .cardStyle {\r\n    gap: 0px;\r\n    width: 350px;\r\n    height: 300px;\r\n    /* margin-left: 250px; */\r\n  }\r\n}\r\n@media (max-width: 1399px) {\r\n  .header {\r\n    font-size: 38px;\r\n    align-self: center;\r\n    margin-left: 150px;\r\n  }\r\n  .cardStyle {\r\n    gap: 0px;\r\n    width: 350px;\r\n    height: 300px;\r\n  }\r\n}\r\n\r\n@media (max-width: 1199px) {\r\n  .header {\r\n    font-size: 38px;\r\n  }\r\n  .cardStyle {\r\n    width: 300px;\r\n    height: 250px;\r\n  }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  .detail {\r\n    font-size: 11px;\r\n    padding: 2px;\r\n  }\r\n  .Price {\r\n    font-size: 19px;\r\n  }\r\n  .header {\r\n    font-size: 28px;\r\n  }\r\n  .locationText {\r\n    font-size: 12px;\r\n  }\r\n  .customButton {\r\n    width: 200px !important;\r\n  }\r\n  .button_text {\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n  .labelTopClass {\r\n    width: 105px !important;\r\n  }\r\n  .layersText {\r\n    font-size: 9px;\r\n  }\r\n  .firstLabel {\r\n    gap: 2px;\r\n  }\r\n  .layersVector {\r\n    width: 9px;\r\n    height: 10px;\r\n    gap: 0px;\r\n  }\r\n  .cardStyle {\r\n    width: 320px !important;\r\n    height: 220px !important;\r\n  }\r\n  .header {\r\n    font-size: 24px;\r\n  }\r\n  .detail {\r\n    font-size: 10px;\r\n    padding: 2px;\r\n  }\r\n  .Price {\r\n    font-size: 18px;\r\n  }\r\n  .locationText {\r\n    font-size: 10px;\r\n  }\r\n  .Vector {\r\n    width: 8px;\r\n    height: 16px;\r\n    margin: 0px 2px 0.4px;\r\n  }\r\n}\r\n\r\n@media (max-width: 280px) {\r\n  .cardStyle {\r\n    width: 260px !important;\r\n    height: 160px !important;\r\n  }\r\n  .detail {\r\n    margin-bottom: 5px;\r\n    font-size: 0.6ch;\r\n  }\r\n  .Price {\r\n    font-size: 9px;\r\n  }\r\n  .locationText {\r\n    font-size: 6px;\r\n  }\r\n  .Vector {\r\n    width: 7px;\r\n    height: 10px;\r\n    margin: 0px 2px 4px;\r\n  }\r\n  .heartVector {\r\n    width: 15px;\r\n    height: 20px;\r\n  }\r\n}\r\n";
 styleInject(css_248z$3);
 
 var noImageIcon = "/static/media/default-property.9987f19670be82b6.jpg";
 
 var shareIcon = "/static/media/icon_share_1.b9ec05630dc1087e.svg";
 
-var moreIcon = "/static/media/more.ce14789c8d37e327.svg";
+var moreIcon = "/static/media/more.1e158adc48fbb406.svg";
 
-var arrowLeft = "/static/media/card-arrow-left.55343410142dad3f.svg";
+var arrowLeft = "/static/media/card-arrow-left.28090aba4b4f2006.svg";
 
-var arrowRight = "/static/media/card-arrow-right.60b3bf0e34c1800d.svg";
+var arrowRight = "/static/media/card-arrow-right.c60af4cbbd49f3aa.svg";
 
 var iconLayers = "/static/media/layer_icon.9b56c187199c44b5.svg";
 
-var immooly = "/static/media/imooly.b46514ac970e6052.svg";
+var immooly = "/static/media/imooly.890e3dd01ea33574.svg";
 
 function PropertyCard(props) {
     var _a, _b, _c, _d, _e, _f;