nestiq-component-library 1.1.171 → 1.2.0

package/dist/index.js

@@ -1,754 +1,1699 @@
-'use strict';
-
-require('react-toastify/dist/ReactToastify.css');
-var React = require('react');
-var reactToastify = require('react-toastify');
-
-var Button = function (_a) {
-    var label = _a.label;
-    return React.createElement("button", null, label);
-};
-
-var x$1 = "/static/media/icon_close_2.e41bb9a4db48e048.png";
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
+import I, { useState as E, useRef as U, useLayoutEffect as je, useEffect as Y, useSyncExternalStore as He, isValidElement as oe, cloneElement as ge } from "react";
+var se = { exports: {} }, K = {};
+var be;
+function Je() {
+  if (be) return K;
+  be = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), a = /* @__PURE__ */ Symbol.for("react.fragment");
+  function o(r, l, n) {
+    var i = null;
+    if (n !== void 0 && (i = "" + n), l.key !== void 0 && (i = "" + l.key), "key" in l) {
+      n = {};
+      for (var d in l)
+        d !== "key" && (n[d] = l[d]);
+    } else n = l;
+    return l = n.ref, {
+      $$typeof: e,
+      type: r,
+      key: i,
+      ref: l !== void 0 ? l : null,
+      props: n
+    };
+  }
+  return K.Fragment = a, K.jsx = o, K.jsxs = o, K;
+}
+var X = {};
+var Ae;
+function Fe() {
+  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(s) {
+      if (s == null) return null;
+      if (typeof s == "function")
+        return s.$$typeof === B ? null : s.displayName || s.name || null;
+      if (typeof s == "string") return s;
+      switch (s) {
+        case g:
+          return "Fragment";
+        case c:
+          return "Profiler";
+        case A:
+          return "StrictMode";
+        case T:
+          return "Suspense";
+        case x:
+          return "SuspenseList";
+        case O:
+          return "Activity";
+      }
+      if (typeof s == "object")
+        switch (typeof s.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), s.$$typeof) {
+          case p:
+            return "Portal";
+          case v:
+            return s.displayName || "Context";
+          case m:
+            return (s._context.displayName || "Context") + ".Consumer";
+          case k:
+            var y = s.render;
+            return s = s.displayName, s || (s = y.displayName || y.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
+          case j:
+            return y = s.displayName || null, y !== null ? y : e(s.type) || "Memo";
+          case S:
+            y = s._payload, s = s._init;
+            try {
+              return e(s(y));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function a(s) {
+      return "" + s;
+    }
+    function o(s) {
+      try {
+        a(s);
+        var y = !1;
+      } catch {
+        y = !0;
+      }
+      if (y) {
+        y = console;
+        var z = y.error, M = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return z.call(
+          y,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          M
+        ), a(s);
+      }
+    }
+    function r(s) {
+      if (s === g) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === S)
+        return "<...>";
+      try {
+        var y = e(s);
+        return y ? "<" + y + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var s = R.A;
+      return s === null ? null : s.getOwner();
+    }
+    function n() {
+      return Error("react-stack-top-frame");
+    }
+    function i(s) {
+      if (Q.call(s, "key")) {
+        var y = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (y && y.isReactWarning) return !1;
+      }
+      return s.key !== void 0;
+    }
+    function d(s, y) {
+      function z() {
+        Z || (Z = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          y
+        ));
+      }
+      z.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: z,
+        configurable: !0
+      });
+    }
+    function f() {
+      var s = e(this.type);
+      return W[s] || (W[s] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), s = this.props.ref, s !== void 0 ? s : null;
+    }
+    function u(s, y, z, M, ae, ce) {
+      var P = z.ref;
+      return s = {
+        $$typeof: w,
+        type: s,
+        key: y,
+        props: z,
+        _owner: M
+      }, (P !== void 0 ? P : null) !== null ? Object.defineProperty(s, "ref", {
+        enumerable: !1,
+        get: f
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(s, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(s, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ae
+      }), Object.defineProperty(s, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ce
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+    }
+    function b(s, y, z, M, ae, ce) {
+      var P = y.children;
+      if (P !== void 0)
+        if (M)
+          if (ie(P)) {
+            for (M = 0; M < P.length; M++)
+              N(P[M]);
+            Object.freeze && Object.freeze(P);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else N(P);
+      if (Q.call(y, "key")) {
+        P = e(s);
+        var G = Object.keys(y).filter(function(Qe) {
+          return Qe !== "key";
+        });
+        M = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ye[P + M] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          M,
+          P,
+          G,
+          P
+        ), ye[P + M] = !0);
+      }
+      if (P = null, z !== void 0 && (o(z), P = "" + z), i(y) && (o(y.key), P = "" + y.key), "key" in y) {
+        z = {};
+        for (var de in y)
+          de !== "key" && (z[de] = y[de]);
+      } else z = y;
+      return P && d(
+        z,
+        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
+      ), u(
+        s,
+        P,
+        z,
+        l(),
+        ae,
+        ce
+      );
+    }
+    function N(s) {
+      C(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === S && (s._payload.status === "fulfilled" ? C(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
+    }
+    function C(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === w;
+    }
+    var h = I, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), p = /* @__PURE__ */ Symbol.for("react.portal"), g = /* @__PURE__ */ Symbol.for("react.fragment"), A = /* @__PURE__ */ Symbol.for("react.strict_mode"), c = /* @__PURE__ */ Symbol.for("react.profiler"), m = /* @__PURE__ */ Symbol.for("react.consumer"), v = /* @__PURE__ */ Symbol.for("react.context"), k = /* @__PURE__ */ Symbol.for("react.forward_ref"), T = /* @__PURE__ */ Symbol.for("react.suspense"), x = /* @__PURE__ */ Symbol.for("react.suspense_list"), j = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), O = /* @__PURE__ */ Symbol.for("react.activity"), B = /* @__PURE__ */ Symbol.for("react.client.reference"), R = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Q = Object.prototype.hasOwnProperty, ie = Array.isArray, V = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    h = {
+      react_stack_bottom_frame: function(s) {
+        return s();
+      }
+    };
+    var Z, W = {}, H = h.react_stack_bottom_frame.bind(
+      h,
+      n
+    )(), ve = V(r(n)), ye = {};
+    X.Fragment = g, X.jsx = function(s, y, z) {
+      var M = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return b(
+        s,
+        y,
+        z,
+        !1,
+        M ? Error("react-stack-top-frame") : H,
+        M ? V(r(s)) : ve
+      );
+    }, X.jsxs = function(s, y, z) {
+      var M = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return b(
+        s,
+        y,
+        z,
+        !0,
+        M ? Error("react-stack-top-frame") : H,
+        M ? V(r(s)) : ve
+      );
+    };
+  })()), X;
+}
+var we;
+function Ve() {
+  return we || (we = 1, process.env.NODE_ENV === "production" ? se.exports = Je() : se.exports = Fe()), se.exports;
+}
+var t = Ve();
+const Wt = ({ label: e }) => /* @__PURE__ */ t.jsx("button", { children: e }), $ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARBAMAAAAmgTH3AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAAAAAAEdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAIkdp4sAAAAJdFJOUy/vAOAgYMoQT6jmf10AAABxSURBVAjXLY4xDoAgEARXX0BLRy7aW9DQkvgG30Br4gdsrAmJCb91l3jV3sAO4MrGWR6UTWF6UepsFvyLqTuCHhF8nYNvGdwcgYHnlYCBiEBh7f22nzgbdxqLplaUC3LIBTnkQqJDLqQ4Xm/Yz/Gf4wOFXB+IzUIgqAAAAABJRU5ErkJggg==", Gt = ({ onCloseClick: e, children: a }) => /* @__PURE__ */ t.jsx("div", { className: "popup-overlay", children: /* @__PURE__ */ t.jsxs("div", { className: "shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4", children: [
+  /* @__PURE__ */ t.jsx("div", { className: "end-0 top-0 position-absolute ", children: /* @__PURE__ */ t.jsx(
+    "img",
+    {
+      src: $,
+      alt: "close",
+      className: "closeIcon me-2",
+      onClick: e
+    }
+  ) }),
+  a
+] }) }), Te = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.046%209.9h-2.56a.937.937%200%201%200%200%201.875h2.56c.517%200%20.938.42.938.937v12.26c0%20.517-.42.938-.938.938H7.953a.939.939%200%200%201-.937-.938v-12.26c0-.517.42-.937.937-.937h2.56a.937.937%200%201%200%200-1.875h-2.56a2.816%202.816%200%200%200-2.812%202.812v12.26a2.816%202.816%200%200%200%202.812%202.813h14.093a2.816%202.816%200%200%200%202.813-2.813v-12.26A2.816%202.816%200%200%200%2022.046%209.9zM11.504%208.007l2.59-2.59V17.76a.937.937%200%201%200%201.874%200V5.418l2.59%202.59a.934.934%200%200%200%201.326%200%20.937.937%200%200%200%200-1.327l-4.19-4.19a.938.938%200%200%200-1.326%200l-4.19%204.19a.937.937%200%201%200%201.326%201.326z'%20fill='%23000'/%3e%3c/svg%3e", We = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-geo-alt'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M12.166%208.94c-.524%201.062-1.234%202.12-1.96%203.07A32%2032%200%200%201%208%2014.58a32%2032%200%200%201-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304%207.867%203%206.862%203%206a5%205%200%200%201%2010%200c0%20.862-.305%201.867-.834%202.94M8%2016s6-5.686%206-10A6%206%200%200%200%202%206c0%204.314%206%2010%206%2010'/%3e%3cpath%20d='M8%208a2%202%200%201%201%200-4%202%202%200%200%201%200%204m0%201a3%203%200%201%200%200-6%203%203%200%200%200%200%206'/%3e%3c/svg%3e", Ge = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-envelope-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M.05%203.555A2%202%200%200%201%202%202h12a2%202%200%200%201%201.95%201.555L8%208.414zM0%204.697v7.104l5.803-3.558zM6.761%208.83l-6.57%204.027A2%202%200%200%200%202%2014h12a2%202%200%200%200%201.808-1.144l-6.57-4.027L8%209.586zm3.436-.586L16%2011.801V4.697z'/%3e%3c/svg%3e", Ye = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-facebook'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M16%208.049c0-4.446-3.582-8.05-8-8.05C3.58%200-.002%203.603-.002%208.05c0%204.017%202.926%207.347%206.75%207.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017%201.195-3.131%203.022-3.131.876%200%201.791.157%201.791.157v1.98h-1.009c-.993%200-1.303.621-1.303%201.258v1.51h2.218l-.354%202.326H9.25V16c3.824-.604%206.75-3.934%206.75-7.951'/%3e%3c/svg%3e", Ze = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-linkedin'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M0%201.146C0%20.513.526%200%201.175%200h13.65C15.474%200%2016%20.513%2016%201.146v13.708c0%20.633-.526%201.146-1.175%201.146H1.175C.526%2016%200%2015.487%200%2014.854zm4.943%2012.248V6.169H2.542v7.225zm-1.2-8.212c.837%200%201.358-.554%201.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4%203.226%202.4%203.934c0%20.694.521%201.248%201.327%201.248zm4.908%208.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878%201.232-.878.869%200%201.216.662%201.216%201.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274%200-1.845.7-2.165%201.193v.025h-.016l.016-.025V6.169h-2.4c.03.678%200%207.225%200%207.225z'/%3e%3c/svg%3e", Ke = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-twitter-x'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M12.6.75h2.454l-5.36%206.142L16%2015.25h-4.937l-3.867-5.07-4.425%205.07H.316l5.733-6.57L0%20.75h5.063l3.495%204.633L12.601.75Zm-.86%2013.028h1.36L4.323%202.145H2.865z'/%3e%3c/svg%3e", Xe = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-whatsapp'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M13.601%202.326A7.85%207.85%200%200%200%207.994%200C3.627%200%20.068%203.558.064%207.926c0%201.399.366%202.76%201.057%203.965L0%2016l4.204-1.102a7.9%207.9%200%200%200%203.79.965h.004c4.368%200%207.926-3.558%207.93-7.93A7.9%207.9%200%200%200%2013.6%202.326zM7.994%2014.521a6.6%206.6%200%200%201-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56%206.56%200%200%201-1.007-3.505c0-3.626%202.957-6.584%206.591-6.584a6.56%206.56%200%200%201%204.66%201.931%206.56%206.56%200%200%201%201.928%204.66c-.004%203.639-2.961%206.592-6.592%206.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73%200%200%200-.529.247c-.182.198-.691.677-.691%201.654s.71%201.916.81%202.049c.098.133%201.394%202.132%203.383%202.992.47.205.84.326%201.129.418.475.152.904.129%201.246.08.38-.058%201.171-.48%201.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232'/%3e%3c/svg%3e";
+function Ne(e) {
+  var a, o, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var l = e.length;
+    for (a = 0; a < l; a++) e[a] && (o = Ne(e[a])) && (r && (r += " "), r += o);
+  } else for (o in e) e[o] && (r && (r += " "), r += o);
+  return r;
+}
+function J() {
+  for (var e, a, o = 0, r = "", l = arguments.length; o < l; o++) (e = arguments[o]) && (a = Ne(e)) && (r && (r += " "), r += a);
+  return r;
+}
+function qe(e) {
+  if (typeof document > "u") return;
+  let a = document.head || document.getElementsByTagName("head")[0], o = document.createElement("style");
+  o.type = "text/css", a.firstChild ? a.insertBefore(o, a.firstChild) : a.appendChild(o), o.styleSheet ? o.styleSheet.cssText = e : o.appendChild(document.createTextNode(e));
+}
+qe(`:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+`);
+var ee = (e) => typeof e == "number" && !isNaN(e), F = (e) => typeof e == "string", D = (e) => typeof e == "function", $e = (e) => F(e) || ee(e), fe = (e) => F(e) || D(e) ? e : null, et = (e, a) => e === !1 || ee(e) && e > 0 ? e : a, me = (e) => oe(e) || F(e) || D(e) || ee(e);
+function tt(e, a, o = 300) {
+  let { scrollHeight: r, style: l } = e;
+  requestAnimationFrame(() => {
+    l.minHeight = "initial", l.height = r + "px", l.transition = `all ${o}ms`, requestAnimationFrame(() => {
+      l.height = "0", l.padding = "0", l.margin = "0", setTimeout(a, o);
+    });
+  });
+}
+function at({ enter: e, exit: a, appendPosition: o = !1, collapse: r = !0, collapseDuration: l = 300 }) {
+  return function({ children: n, position: i, preventExitTransition: d, done: f, nodeRef: u, isIn: b, playToast: N }) {
+    let C = o ? `${e}--${i}` : e, h = o ? `${a}--${i}` : a, w = U(0);
+    return je(() => {
+      let p = u.current, g = C.split(" "), A = (c) => {
+        c.target === u.current && (N(), p.removeEventListener("animationend", A), p.removeEventListener("animationcancel", A), w.current === 0 && c.type !== "animationcancel" && p.classList.remove(...g));
+      };
+      p.classList.add(...g), p.addEventListener("animationend", A), p.addEventListener("animationcancel", A);
+    }, []), Y(() => {
+      let p = u.current, g = () => {
+        p.removeEventListener("animationend", g), r ? tt(p, f, l) : f();
+      };
+      b || (d ? g() : (w.current = 1, p.className += ` ${h}`, p.addEventListener("animationend", g)));
+    }, [b]), I.createElement(I.Fragment, null, n);
+  };
+}
+function _e(e, a) {
+  return { content: ke(e.content, e.props), containerId: e.props.containerId, id: e.props.toastId, theme: e.props.theme, type: e.props.type, data: e.props.data || {}, isLoading: e.props.isLoading, icon: e.props.icon, reason: e.removalReason, status: a };
+}
+function ke(e, a, o = !1) {
+  return oe(e) && !F(e.type) ? ge(e, { closeToast: a.closeToast, toastProps: a, data: a.data, isPaused: o }) : D(e) ? e({ closeToast: a.closeToast, toastProps: a, data: a.data, isPaused: o }) : e;
+}
+function st({ closeToast: e, theme: a, ariaLabel: o = "close" }) {
+  return I.createElement("button", { className: `Toastify__close-button Toastify__close-button--${a}`, type: "button", onClick: (r) => {
+    r.stopPropagation(), e(!0);
+  }, "aria-label": o }, I.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 14 16" }, I.createElement("path", { fillRule: "evenodd", d: "M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z" })));
+}
+function ot({ delay: e, isRunning: a, closeToast: o, type: r = "default", hide: l, className: n, controlledProgress: i, progress: d, rtl: f, isIn: u, theme: b }) {
+  let N = l || i && d === 0, C = { animationDuration: `${e}ms`, animationPlayState: a ? "running" : "paused" };
+  i && (C.transform = `scaleX(${d})`);
+  let h = J("Toastify__progress-bar", i ? "Toastify__progress-bar--controlled" : "Toastify__progress-bar--animated", `Toastify__progress-bar-theme--${b}`, `Toastify__progress-bar--${r}`, { "Toastify__progress-bar--rtl": f }), w = D(n) ? n({ rtl: f, type: r, defaultClassName: h }) : J(h, n), p = { [i && d >= 1 ? "onTransitionEnd" : "onAnimationEnd"]: i && d < 1 ? null : () => {
+    u && o();
+  } };
+  return I.createElement("div", { className: "Toastify__progress-bar--wrp", "data-hidden": N }, I.createElement("div", { className: `Toastify__progress-bar--bg Toastify__progress-bar-theme--${b} Toastify__progress-bar--${r}` }), I.createElement("div", { role: "progressbar", "aria-hidden": N ? "true" : "false", "aria-label": "notification timer", className: w, style: C, ...p }));
+}
+var rt = 1, Ie = () => `${rt++}`;
+function nt(e, a, o) {
+  let r = 1, l = 0, n = [], i = [], d = a, f = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), b = (c) => (u.add(c), () => u.delete(c)), N = () => {
+    i = Array.from(f.values()), u.forEach((c) => c());
+  }, C = ({ containerId: c, toastId: m, updateId: v }) => {
+    let k = c ? c !== e : e !== 1, T = f.has(m) && v == null;
+    return k || T;
+  }, h = (c, m) => {
+    f.forEach((v) => {
+      var k;
+      (m == null || m === v.props.toastId) && ((k = v.toggle) == null || k.call(v, c));
+    });
+  }, w = (c) => {
+    var m, v;
+    (v = (m = c.props) == null ? void 0 : m.onClose) == null || v.call(m, c.removalReason), c.isActive = !1;
+  }, p = (c) => {
+    if (c == null) f.forEach(w);
+    else {
+      let m = f.get(c);
+      m && w(m);
     }
-  } else {
-    head.appendChild(style);
+    N();
+  }, g = () => {
+    l -= n.length, n = [];
+  }, A = (c) => {
+    var m, v;
+    let { toastId: k, updateId: T } = c.props, x = T == null;
+    c.staleId && f.delete(c.staleId), c.isActive = !0, f.set(k, c), N(), o(_e(c, x ? "added" : "updated")), x && ((v = (m = c.props).onOpen) == null || v.call(m));
+  };
+  return { id: e, props: d, observe: b, toggle: h, removeToast: p, toasts: f, clearQueue: g, buildToast: (c, m) => {
+    if (C(m)) return;
+    let { toastId: v, updateId: k, data: T, staleId: x, delay: j } = m, S = k == null;
+    S && l++;
+    let O = { ...d, style: d.toastStyle, key: r++, ...Object.fromEntries(Object.entries(m).filter(([R, Q]) => Q != null)), toastId: v, updateId: k, data: T, isIn: !1, className: fe(m.className || d.toastClassName), progressClassName: fe(m.progressClassName || d.progressClassName), autoClose: m.isLoading ? !1 : et(m.autoClose, d.autoClose), closeToast(R) {
+      f.get(v).removalReason = R, p(v);
+    }, deleteToast() {
+      let R = f.get(v);
+      if (R != null) {
+        if (o(_e(R, "removed")), f.delete(v), l--, l < 0 && (l = 0), n.length > 0) {
+          A(n.shift());
+          return;
+        }
+        N();
+      }
+    } };
+    O.closeButton = d.closeButton, m.closeButton === !1 || me(m.closeButton) ? O.closeButton = m.closeButton : m.closeButton === !0 && (O.closeButton = me(d.closeButton) ? d.closeButton : !0);
+    let B = { content: c, props: O, staleId: x };
+    d.limit && d.limit > 0 && l > d.limit && S ? n.push(B) : ee(j) ? setTimeout(() => {
+      A(B);
+    }, j) : A(B);
+  }, setProps(c) {
+    d = c;
+  }, setToggle: (c, m) => {
+    let v = f.get(c);
+    v && (v.toggle = m);
+  }, isToastActive: (c) => {
+    var m;
+    return (m = f.get(c)) == null ? void 0 : m.isActive;
+  }, getSnapshot: () => i };
+}
+var L = /* @__PURE__ */ new Map(), q = [], ue = /* @__PURE__ */ new Set(), lt = (e) => ue.forEach((a) => a(e)), Ce = () => L.size > 0;
+function it() {
+  q.forEach((e) => ze(e.content, e.options)), q = [];
+}
+var ct = (e, { containerId: a }) => {
+  var o;
+  return (o = L.get(a || 1)) == null ? void 0 : o.toasts.get(e);
+};
+function Ee(e, a) {
+  var o;
+  if (a) return !!((o = L.get(a)) != null && o.isToastActive(e));
+  let r = !1;
+  return L.forEach((l) => {
+    l.isToastActive(e) && (r = !0);
+  }), r;
+}
+function dt(e) {
+  if (!Ce()) {
+    q = q.filter((a) => e != null && a.options.toastId !== e);
+    return;
   }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
+  if (e == null || $e(e)) L.forEach((a) => {
+    a.removeToast(e);
+  });
+  else if (e && ("containerId" in e || "id" in e)) {
+    let a = L.get(e.containerId);
+    a ? a.removeToast(e.id) : L.forEach((o) => {
+      o.removeToast(e.id);
+    });
   }
 }
-
-var css_248z$a = ".popUpHeader {\r\n    height: 48px;\r\n    font-size: 32px;\r\n    font-weight: 600;\r\n    color: #1b1b1b;\r\n}\r\n\r\n.closeIcon {\r\n    width: 16px;\r\n    height: 16px;\r\n    cursor: pointer;\r\n}\r\n";
-styleInject(css_248z$a);
-
-var css_248z$9 = ".popup-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 9998;\r\n}\r\n:root {\r\n    --main-yellow: #ffb525;\r\n    --second-yellow:#ff902b;\r\n    --gradient: linear-gradient(to bottom, var(--main-yellow), var(--second-yellow));;\r\n}\r\n";
-styleInject(css_248z$9);
-
-var Popup = function (_a) {
-    var onCloseClick = _a.onCloseClick, children = _a.children;
-    return (React.createElement("div", { className: "popup-overlay" },
-        React.createElement("div", { className: "shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4" },
-            React.createElement("div", { className: "end-0 top-0 position-absolute " },
-                React.createElement("img", { src: x$1, alt: "close", className: "closeIcon me-2", onClick: onCloseClick })),
-            children)));
+var ft = (e = {}) => {
+  L.forEach((a) => {
+    a.props.limit && (!e.containerId || a.id === e.containerId) && a.clearQueue();
+  });
 };
-
-var ShareIcon = "/static/media/icon_share_1.b9ec05630dc1087e.svg";
-
-var locationIcon$1 = "/static/media/locationIconBlack.eb8e9e9226b43573.svg";
-
-var css_248z$8 = ".compact_cc {\r\n  padding: 32px;\r\n  height: 194px;\r\n  border-radius: 32px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: #f2f2f2;\r\n}\r\n\r\n.header_Text {\r\n  margin-top: 140px;\r\n  font-size: 32px;\r\n  line-height: normal;\r\n  color: #1b1b1b;\r\n}\r\n.location {\r\n  left: 0;\r\n}\r\n.vector svg {\r\n  width: 6px;\r\n  height: 21.5px;\r\n  flex-grow: 0;\r\n  margin: 4.2px 10px 4.2px 0;\r\n  fill: #344041;\r\n  cursor: pointer;\r\n}\r\n\r\n.textWrapper {\r\n  height: 20px;\r\n}\r\n\r\n.propText {\r\n  font-size: 16px;\r\n  letter-spacing: normal;\r\n  text-align: center;\r\n  color: #344041;\r\n}\r\n\r\n.v_share {\r\n  cursor: pointer;\r\n}\r\n\r\n.fetch_section {\r\n  margin-top: 90px;\r\n  height: 60px;\r\n}\r\n@media (min-width: 800px) {\r\n  .Pheader {\r\n    max-width: 1750px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n@media (min-width: 300px) and (max-width: 670px) {\r\n  .Pheader {\r\n    height: 700px;\r\n  }\r\n  .compact {\r\n    border-radius: 32px;\r\n    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n    background-color: #f2f2f2;\r\n  }\r\n  .compact2 {\r\n    position: relative !important;\r\n    display: flex !important;\r\n    align-self: flex-start !important;\r\n    margin-left: 25px;\r\n    justify-content: start !important;\r\n    align-items: flex-start !important;\r\n  }\r\n  .compact3 {\r\n    position: relative !important;\r\n    display: flex !important;\r\n    margin-left: 30px;\r\n    margin-top: 10px !important;\r\n  }\r\n  .header_Text {\r\n    margin-top: 0px;\r\n  }\r\n  .fetch_section {\r\n    margin-top: 0px;\r\n    height: 60px;\r\n  }\r\n  .propText {\r\n    justify-content: start !important;\r\n    align-self: flex-start !important;\r\n    text-align: start !important;\r\n  }\r\n  .propText2 {\r\n    justify-content: start !important;\r\n    align-self: flex-start !important;\r\n    text-align: start !important;\r\n    font-weight: 1000;\r\n    font-size: 24px;\r\n  }\r\n}\r\n";
-styleInject(css_248z$8);
-
-var email = "/static/media/envelope-fill.6669c9d64183941c.svg";
-
-var facebook = "/static/media/facebook.ce73eacbfffe8a27.svg";
-
-var linkedln = "/static/media/linkedin.7539333145b03678.svg";
-
-var Xtwitter = "/static/media/twitter-x.48a4ac3f560f0a62.svg";
-
-var whatsapp = "/static/media/whatsapp.28e6b0b24adc9289.svg";
-
-var css_248z$7 = ".shareSection {\r\n  height: 340px;\r\n  padding: 40px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n  max-width: 1280px;\r\n}\r\n.popUpHeader {\r\n  height: 48px;\r\n  font-size: 32px;\r\n  font-weight: 600;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.closeIcon_c {\r\n  width: 16px;\r\n  height: 16px;\r\n  cursor: pointer;\r\n}\r\n\r\n.socialMediaIconsSection {\r\n  gap: 60px !important;\r\n}\r\n\r\n.socialMediaIcons {\r\n  width: 28px !important;\r\n  height: 28px !important;\r\n  cursor: pointer;\r\n}\r\n\r\n.socialMediaIconText {\r\n  height: 36px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  line-height: 3;\r\n  color: #344041;\r\n  cursor: pointer;\r\n}\r\n\r\n.popup_search-input {\r\n  height: 60px;\r\n  padding-inline-end: 190px;\r\n  font-size: 20px;\r\n  box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.popup_search-input::placeholder {\r\n  font-size: 20px;\r\n  color: rgba(140, 140, 140, 0.5);\r\n}\r\n\r\n.popup_search-input:focus {\r\n  outline: none;\r\n}\r\n\r\n.popupcustom-button {\r\n  height: 35px;\r\n  color: #000;\r\n  cursor: pointer;\r\n  border-color: var(--main-yellow);\r\n  right: 0;\r\n  z-index: 1;\r\n  background-image: var(--gradient);\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.button-text {\r\n  width: 115px;\r\n  height: 19px;\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}\r\n.button_success-right {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  border-color: #000;\r\n  background-color: transparent;\r\n}\r\n.button_success-left {\r\n  width: 200px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: var(--main-yellow);\r\n}\r\n.shareSection-Success {\r\n  height: 510px;\r\n  padding: 40px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n.shareSection-Error {\r\n  height: 400px;\r\n  padding: 10px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n.MessageShareSection {\r\n  height: 513px;\r\n  padding: 14px 14px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n\r\n.popup-tags {\r\n  font-size: large;\r\n  font-weight: bold;\r\n}\r\n.button_icon-left {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: var(--main-yellow);\r\n}\r\n.button-text {\r\n  width: 85px;\r\n  height: 19px;\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}\r\n.button_icon-right {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  border-color: #000;\r\n  background-color: transparent;\r\n}\r\n.circle {\r\n  height: 55px;\r\n  width: 55px;\r\n  background-color: transparent;\r\n  border-radius: 50%;\r\n  border-style: solid;\r\n  border-color: #000;\r\n  border-width: 2px;\r\n}\r\n.Line-9,\r\n.Line-10 {\r\n  height: 1px;\r\n  flex-grow: 1;\r\n  background-color: rgba(140, 140, 140, 0.5);\r\n  max-width: 23rem;\r\n  align-self: center;\r\n  align-content: center;\r\n}\r\n\r\n.middle-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.middle-text {\r\n  margin: 25px 25px;\r\n}\r\n.google-button {\r\n  width: 260px;\r\n  height: 45px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 4px;\r\n  background-color: #000000;\r\n  background: linear-gradient(to top, #000, #666);\r\n}\r\n.Account-popup {\r\n  height: 713px;\r\n  padding: 10px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n  max-width: 1000px;\r\n}\r\n.lightertxt {\r\n  color: #797979;\r\n}\r\n\r\n.filter {\r\n  height: 343px;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 32px;\r\n  border-radius: 32px;\r\n  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n  background-color: #f2f2f2;\r\n}\r\n.loginFilter {\r\n  height: 280px;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 32px;\r\n  border-radius: 32px;\r\n  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n  background-color: #f2f2f2;\r\n}\r\n.radioLabel {\r\n  width: 176px;\r\n  height: 19px;\r\n  flex-grow: 0;\r\n  font-family: Inter;\r\n  font-size: 16px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: left;\r\n  color: #1b1b1b;\r\n}\r\n.goButton-text {\r\n  width: 78px;\r\n  height: 19px;\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: #1b1b1b;\r\n}\r\n.placeholders {\r\n  width: 232px;\r\n  height: 45px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 4px;\r\n  background-image: linear-gradient(to top, #000 100%, #666 0%);\r\n}\r\n.TagW.active {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-image: linear-gradient(to top, #000, #666);\r\n  color: white;\r\n}\r\n.Tag {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-image: linear-gradient(\r\n    to top,\r\n    rgba(255, 0, 0, 0),\r\n    rgba(255, 0, 0, 1)\r\n  );\r\n}\r\n.TagW {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  border: solid 1px #000;\r\n  background-color: #fff;\r\n  color: #000;\r\n}\r\n/* */\r\n.response {\r\n  max-width: 1280px;\r\n}\r\n";
-styleInject(css_248z$7);
-
-function SharePopup(props) {
-    var _a = React.useState(true), showPopUp = _a[0]; _a[1];
-    var handleClose = function () {
-        props.onClick();
+function ze(e, a) {
+  me(e) && (Ce() || q.push({ content: e, options: a }), L.forEach((o) => {
+    o.buildToast(e, a);
+  }));
+}
+function mt(e) {
+  var a;
+  (a = L.get(e.containerId || 1)) == null || a.setToggle(e.id, e.fn);
+}
+function Me(e, a) {
+  L.forEach((o) => {
+    (a == null || !(a != null && a.containerId) || a?.containerId === o.id) && o.toggle(e, a?.id);
+  });
+}
+function ut(e) {
+  let a = e.containerId || 1;
+  return { subscribe(o) {
+    let r = nt(a, e, lt);
+    L.set(a, r);
+    let l = r.observe(o);
+    return it(), () => {
+      l(), L.delete(a);
     };
-    var urlInputRef = React.useRef(null);
-    var copyToClipboard = function () {
-        urlInputRef.current.select();
-        document.execCommand("copy");
-        reactToastify.toast.success("URL copied to clipboard!");
+  }, setProps(o) {
+    var r;
+    (r = L.get(a)) == null || r.setProps(o);
+  }, getSnapshot() {
+    var o;
+    return (o = L.get(a)) == null ? void 0 : o.getSnapshot();
+  } };
+}
+function ht(e) {
+  return ue.add(e), () => {
+    ue.delete(e);
+  };
+}
+function pt(e) {
+  return e && (F(e.toastId) || ee(e.toastId)) ? e.toastId : Ie();
+}
+function te(e, a) {
+  return ze(e, a), a.toastId;
+}
+function re(e, a) {
+  return { ...a, type: a && a.type || e, toastId: pt(a) };
+}
+function ne(e) {
+  return (a, o) => te(a, re(e, o));
+}
+function _(e, a) {
+  return te(e, re("default", a));
+}
+_.loading = (e, a) => te(e, re("default", { isLoading: !0, autoClose: !1, closeOnClick: !1, closeButton: !1, draggable: !1, ...a }));
+function gt(e, { pending: a, error: o, success: r }, l) {
+  let n;
+  a && (n = F(a) ? _.loading(a, l) : _.loading(a.render, { ...l, ...a }));
+  let i = { isLoading: null, autoClose: null, closeOnClick: null, closeButton: null, draggable: null }, d = (u, b, N) => {
+    if (b == null) {
+      _.dismiss(n);
+      return;
+    }
+    let C = { type: u, ...i, ...l, data: N }, h = F(b) ? { render: b } : b;
+    return n ? _.update(n, { ...C, ...h }) : _(h.render, { ...C, ...h }), N;
+  }, f = D(e) ? e() : e;
+  return f.then((u) => d("success", r, u)).catch((u) => d("error", o, u)), f;
+}
+_.promise = gt;
+_.success = ne("success");
+_.info = ne("info");
+_.error = ne("error");
+_.warning = ne("warning");
+_.warn = _.warning;
+_.dark = (e, a) => te(e, re("default", { theme: "dark", ...a }));
+function xt(e) {
+  dt(e);
+}
+_.dismiss = xt;
+_.clearWaitingQueue = ft;
+_.isActive = Ee;
+_.update = (e, a = {}) => {
+  let o = ct(e, a);
+  if (o) {
+    let { props: r, content: l } = o, n = { delay: 100, ...r, ...a, toastId: a.toastId || e, updateId: Ie() };
+    n.toastId !== e && (n.staleId = e);
+    let i = n.render || l;
+    delete n.render, te(i, n);
+  }
+};
+_.done = (e) => {
+  _.update(e, { progress: 1 });
+};
+_.onChange = ht;
+_.play = (e) => Me(!0, e);
+_.pause = (e) => Me(!1, e);
+function vt(e) {
+  var a;
+  let { subscribe: o, getSnapshot: r, setProps: l } = U(ut(e)).current;
+  l(e);
+  let n = (a = He(o, r, r)) == null ? void 0 : a.slice();
+  function i(d) {
+    if (!n) return [];
+    let f = /* @__PURE__ */ new Map();
+    return e.newestOnTop && n.reverse(), n.forEach((u) => {
+      let { position: b } = u.props;
+      f.has(b) || f.set(b, []), f.get(b).push(u);
+    }), Array.from(f, (u) => d(u[0], u[1]));
+  }
+  return { getToastToRender: i, isToastActive: Ee, count: n?.length };
+}
+function yt(e) {
+  let [a, o] = E(!1), [r, l] = E(!1), n = U(null), i = U({ start: 0, delta: 0, removalDistance: 0, canCloseOnClick: !0, canDrag: !1, didMove: !1 }).current, { autoClose: d, pauseOnHover: f, closeToast: u, onClick: b, closeOnClick: N } = e;
+  mt({ id: e.toastId, containerId: e.containerId, fn: o }), Y(() => {
+    if (e.pauseOnFocusLoss) return C(), () => {
+      h();
     };
-    return (React.createElement("div", null, showPopUp && (React.createElement("div", { className: " popup-overlay" },
-        React.createElement("div", { className: "shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4" },
-            React.createElement("div", { className: "end-0 top-0 position-absolute " },
-                React.createElement("img", { src: x$1, alt: "close", className: "closeIcon_c me-2", onClick: handleClose })),
-            React.createElement("div", { className: "popUpHeader col-lg-12 d-flex justify-content-center mb-2" }, "Jetzt teilen und weitersagen!"),
-            React.createElement("div", { className: "h-25 col-lg-12 socialMediaIconsSection d-flex flex-row align-items-center justify-content-center mx-auto" },
-                React.createElement("a", { href: "https://twitter.com/intent/tweet?url=https://www.nestiq.de&text=Nestiq", className: "text-decoration-none", target: "blank" },
-                    React.createElement("div", { className: " flex-column d-flex align-items-center" },
-                        React.createElement("img", { src: Xtwitter, alt: "twitter", className: "socialMediaIcons" }),
-                        React.createElement("span", { className: "socialMediaIconText" }, "X (Twitter)"))),
-                React.createElement("a", { href: "https://www.facebook.com/sharer/sharer.php?u=https://www.nestiq.de", className: "text-decoration-none", target: "blank" },
-                    React.createElement("div", { className: " flex-column d-flex align-items-center" },
-                        React.createElement("img", { src: facebook, alt: "facebook", className: "socialMediaIcons " }),
-                        React.createElement("span", { className: "socialMediaIconText" }, "Facebook"))),
-                React.createElement("a", { href: "https://api.whatsapp.com/send?text=https://www.nestiq.de", target: "blank", className: "text-decoration-none" },
-                    React.createElement("div", { className: " flex-column d-flex  align-items-center" },
-                        React.createElement("img", { src: whatsapp, alt: "whatsapp", className: " socialMediaIcons" }),
-                        React.createElement("span", { className: "socialMediaIconText" }, "WhatsApp"))),
-                React.createElement("a", { href: "https://www.linkedin.com/shareArticle?mini=true&url=https://www.nestiq.de", target: "blank", className: "text-decoration-none" },
-                    React.createElement("div", { className: " flex-column d-flex  align-items-center" },
-                        React.createElement("img", { src: linkedln, alt: "linkedin", className: " socialMediaIcons" }),
-                        React.createElement("span", { className: "socialMediaIconText" }, "LinkedIn"))),
-                React.createElement("a", { href: "https://www.nestiq.de", target: "blank", className: "text-decoration-none" },
-                    React.createElement("div", { className: " flex-column d-flex  align-items-center" },
-                        React.createElement("img", { src: email, alt: "email", className: " socialMediaIcons" }),
-                        React.createElement("span", { className: "socialMediaIconText" }, "E-Mail")))),
-            React.createElement("div", { className: "col-10 mx-auto" },
-                React.createElement("div", { className: " row align-items-center position-relative" },
-                    React.createElement("input", { ref: urlInputRef, type: "text", className: "popup_search-input rounded-4 border border-0 ", placeholder: "Enter link here", value: window.location.href, readOnly: true }),
-                    React.createElement("button", { onClick: copyToClipboard, className: "popupcustom-button border border-0 position-absolute me-2 col-lg-3 col-md-3 col-sm-3 rounded-4 fs-6", type: "button", id: "button" },
-                        React.createElement("strong", null, "Kopieren")))))))));
-}
-
-function formatPrice(number) {
-    return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
-}
-function formatPropertyArea(area) {
-    if (typeof area === "number" || typeof area === "string") {
-        return area
-            .toString()
-            .replace(".", ",")
-            .replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+  }, [e.pauseOnFocusLoss]);
+  function C() {
+    document.hasFocus() || A(), window.addEventListener("focus", g), window.addEventListener("blur", A);
+  }
+  function h() {
+    window.removeEventListener("focus", g), window.removeEventListener("blur", A);
+  }
+  function w(x) {
+    if (e.draggable === !0 || e.draggable === x.pointerType) {
+      c();
+      let j = n.current;
+      i.canCloseOnClick = !0, i.canDrag = !0, j.style.transition = "none", e.draggableDirection === "x" ? (i.start = x.clientX, i.removalDistance = j.offsetWidth * (e.draggablePercent / 100)) : (i.start = x.clientY, i.removalDistance = j.offsetHeight * (e.draggablePercent === 80 ? e.draggablePercent * 1.5 : e.draggablePercent) / 100);
     }
-    else {
-        return area;
+  }
+  function p(x) {
+    let { top: j, bottom: S, left: O, right: B } = n.current.getBoundingClientRect();
+    x.nativeEvent.type !== "touchend" && e.pauseOnHover && x.clientX >= O && x.clientX <= B && x.clientY >= j && x.clientY <= S ? A() : g();
+  }
+  function g() {
+    o(!0);
+  }
+  function A() {
+    o(!1);
+  }
+  function c() {
+    i.didMove = !1, document.addEventListener("pointermove", v), document.addEventListener("pointerup", k);
+  }
+  function m() {
+    document.removeEventListener("pointermove", v), document.removeEventListener("pointerup", k);
+  }
+  function v(x) {
+    let j = n.current;
+    if (i.canDrag && j) {
+      i.didMove = !0, a && A(), e.draggableDirection === "x" ? i.delta = x.clientX - i.start : i.delta = x.clientY - i.start, i.start !== x.clientX && (i.canCloseOnClick = !1);
+      let S = e.draggableDirection === "x" ? `${i.delta}px, var(--y)` : `0, calc(${i.delta}px + var(--y))`;
+      j.style.transform = `translate3d(${S},0)`, j.style.opacity = `${1 - Math.abs(i.delta / i.removalDistance)}`;
     }
+  }
+  function k() {
+    m();
+    let x = n.current;
+    if (i.canDrag && i.didMove && x) {
+      if (i.canDrag = !1, Math.abs(i.delta) > i.removalDistance) {
+        l(!0), e.closeToast(!0), e.collapseAll();
+        return;
+      }
+      x.style.transition = "transform 0.2s, opacity 0.2s", x.style.removeProperty("transform"), x.style.removeProperty("opacity");
+    }
+  }
+  let T = { onPointerDown: w, onPointerUp: p };
+  return d && f && (T.onMouseEnter = A, e.stacked || (T.onMouseLeave = g)), N && (T.onClick = (x) => {
+    b && b(x), i.canCloseOnClick && u(!0);
+  }), { playToast: g, pauseToast: A, isRunning: a, preventExitTransition: r, toastRef: n, eventHandlers: T };
+}
+var bt = typeof window < "u" ? je : Y, le = ({ theme: e, type: a, isLoading: o, ...r }) => I.createElement("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%", fill: e === "colored" ? "currentColor" : `var(--toastify-icon-color-${a})`, ...r });
+function At(e) {
+  return I.createElement(le, { ...e }, I.createElement("path", { d: "M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z" }));
+}
+function wt(e) {
+  return I.createElement(le, { ...e }, I.createElement("path", { d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z" }));
+}
+function _t(e) {
+  return I.createElement(le, { ...e }, I.createElement("path", { d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z" }));
+}
+function jt(e) {
+  return I.createElement(le, { ...e }, I.createElement("path", { d: "M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z" }));
 }
-
-function PropertyDetailsHeader(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var _l = React.useState(false), showPopUp = _l[0], setShowPopUp = _l[1];
-    (_a = props.property) === null || _a === void 0 ? void 0 : _a.propertyArea;
-    var handleOpenPopup = function () { return setShowPopUp(true); };
-    var handleClosePopup = function () { return setShowPopUp(false); };
-    var t = {
-        kaufpreis: ((_b = props.translations) === null || _b === void 0 ? void 0 : _b.kaufpreis) || "Kaufpreis",
-        wohnflache: ((_c = props.translations) === null || _c === void 0 ? void 0 : _c.wohnflache) || "Wohnfläche",
-        zimmer: ((_d = props.translations) === null || _d === void 0 ? void 0 : _d.zimmer) || "Zimmer",
-        grundriss: ((_e = props.translations) === null || _e === void 0 ? void 0 : _e.grundriss) || "Grundriss",
+function Tt() {
+  return I.createElement("div", { className: "Toastify__spinner" });
+}
+var he = { info: wt, warning: At, success: _t, error: jt, spinner: Tt }, Nt = (e) => e in he;
+function kt({ theme: e, type: a, isLoading: o, icon: r }) {
+  let l = null, n = { theme: e, type: a };
+  return r === !1 || (D(r) ? l = r({ ...n, isLoading: o }) : oe(r) ? l = ge(r, n) : o ? l = he.spinner() : Nt(a) && (l = he[a](n))), l;
+}
+var It = (e) => {
+  let { isRunning: a, preventExitTransition: o, toastRef: r, eventHandlers: l, playToast: n } = yt(e), { closeButton: i, children: d, autoClose: f, onClick: u, type: b, hideProgressBar: N, closeToast: C, transition: h, position: w, className: p, style: g, progressClassName: A, updateId: c, role: m, progress: v, rtl: k, toastId: T, deleteToast: x, isIn: j, isLoading: S, closeOnClick: O, theme: B, ariaLabel: R } = e, Q = J("Toastify__toast", `Toastify__toast-theme--${B}`, `Toastify__toast--${b}`, { "Toastify__toast--rtl": k }, { "Toastify__toast--close-on-click": O }), ie = D(p) ? p({ rtl: k, position: w, type: b, defaultClassName: Q }) : J(Q, p), V = kt(e), Z = !!v || !f, W = { closeToast: C, type: b, theme: B }, H = null;
+  return i === !1 || (D(i) ? H = i(W) : oe(i) ? H = ge(i, W) : H = st(W)), I.createElement(h, { isIn: j, done: x, position: w, preventExitTransition: o, nodeRef: r, playToast: n }, I.createElement("div", { id: T, tabIndex: 0, onClick: u, "data-in": j, className: ie, ...l, style: g, ref: r, ...j && { role: m, "aria-label": R } }, V != null && I.createElement("div", { className: J("Toastify__toast-icon", { "Toastify--animate-icon Toastify__zoom-enter": !S }) }, V), ke(d, e, !a), H, !e.customProgressBar && I.createElement(ot, { ...c && !Z ? { key: `p-${c}` } : {}, rtl: k, theme: B, delay: f, isRunning: a, isIn: j, closeToast: C, hide: N, type: b, className: A, controlledProgress: Z, progress: v || 0 })));
+}, Ct = (e, a = !1) => ({ enter: `Toastify--animate Toastify__${e}-enter`, exit: `Toastify--animate Toastify__${e}-exit`, appendPosition: a }), Et = at(Ct("bounce", !0)), zt = { position: "top-right", transition: Et, autoClose: 5e3, closeButton: !0, pauseOnHover: !0, pauseOnFocusLoss: !0, draggable: "touch", draggablePercent: 80, draggableDirection: "x", role: "alert", theme: "light", "aria-label": "Notifications Alt+T", hotKeys: (e) => e.altKey && e.code === "KeyT" };
+function Mt(e) {
+  let a = { ...zt, ...e }, o = e.stacked, [r, l] = E(!0), n = U(null), { getToastToRender: i, isToastActive: d, count: f } = vt(a), { className: u, style: b, rtl: N, containerId: C, hotKeys: h } = a;
+  function w(g) {
+    let A = J("Toastify__toast-container", `Toastify__toast-container--${g}`, { "Toastify__toast-container--rtl": N });
+    return D(u) ? u({ position: g, rtl: N, defaultClassName: A }) : J(A, fe(u));
+  }
+  function p() {
+    o && (l(!0), _.play());
+  }
+  return bt(() => {
+    var g;
+    if (o) {
+      let A = n.current.querySelectorAll('[data-in="true"]'), c = 12, m = (g = a.position) == null ? void 0 : g.includes("top"), v = 0, k = 0;
+      Array.from(A).reverse().forEach((T, x) => {
+        let j = T;
+        j.classList.add("Toastify__toast--stacked"), x > 0 && (j.dataset.collapsed = `${r}`), j.dataset.pos || (j.dataset.pos = m ? "top" : "bot");
+        let S = v * (r ? 0.2 : 1) + (r ? 0 : c * x);
+        j.style.setProperty("--y", `${m ? S : S * -1}px`), j.style.setProperty("--g", `${c}`), j.style.setProperty("--s", `${1 - (r ? k : 0)}`), v += j.offsetHeight, k += 0.025;
+      });
+    }
+  }, [r, f, o]), Y(() => {
+    function g(A) {
+      var c;
+      let m = n.current;
+      h(A) && ((c = m.querySelector('[tabIndex="0"]')) == null || c.focus(), l(!1), _.pause()), A.key === "Escape" && (document.activeElement === m || m != null && m.contains(document.activeElement)) && (l(!0), _.play());
+    }
+    return document.addEventListener("keydown", g), () => {
+      document.removeEventListener("keydown", g);
     };
-    return (React.createElement("div", { className: "compact_cc d-flex flex-column col-12 col-lg-12 mt-3 justify-content-between" },
-        React.createElement("div", { className: "col-12 d-flex flex-row" },
-            React.createElement("div", { className: "header_Text d-flex col-lg-11 col-md-11 mt-0" },
-                React.createElement("strong", null, (_f = props.title) !== null && _f !== void 0 ? _f : "-")),
-            React.createElement("div", { className: "d-flex col-lg-1 col-md-1 justify-content-end position-relative" },
-                React.createElement("img", { src: ShareIcon, alt: "share icon", className: "v_share me-3 position-absolute", onClick: handleOpenPopup }))),
-        React.createElement("div", { className: "d-flex flex-row justify-content-between" },
-            React.createElement("div", { className: "col-6 d-flex flex-row align-items-end jsutify-content-start gap-1" },
-                React.createElement("div", { className: "d-flex gap-1 justify-content-center" },
-                    React.createElement("div", { className: "d-flex gap-2 align-items-center" },
-                        React.createElement("img", { src: locationIcon$1, className: "", alt: "location Icon" })),
-                    React.createElement("div", { className: "textWrapper" }, (_g = props.property) === null || _g === void 0 ? void 0 : _g.fullAddress))),
-            React.createElement("div", { className: "d-flex align-items-end gap-3 justify-content-end flex-row col-lg-6 col-md-6 col-sm-5" },
-                props && (React.createElement("div", { className: "propText h-100 d-flex flex-column align-items-center justify-content-center" },
-                    React.createElement("span", { className: "" },
-                        formatPrice((_j = (_h = props.property) === null || _h === void 0 ? void 0 : _h.askingPrice) !== null && _j !== void 0 ? _j : 0),
-                        "\u20AC ",
-                        React.createElement("br", null)),
-                    React.createElement("span", { className: "textWrapper" }, t.kaufpreis))),
-                props && (React.createElement("div", { className: "propText h-100 d-flex flex-column align-items-center justify-content-center" },
-                    React.createElement("span", { className: "" }, (_k = formatPropertyArea(props.property.constructedArea)) !== null && _k !== void 0 ? _k : 0),
-                    React.createElement("span", { className: "textWrapper" }, t.wohnflache))),
-                props && (React.createElement("div", { className: "propText h-100 d-flex flex-column align-items-center justify-content-center" },
-                    React.createElement("span", { className: "" }, props.property.rooms),
-                    React.createElement("span", { className: "textWrapper" }, t.zimmer))))),
-        showPopUp && React.createElement(SharePopup, { onClick: function () { return handleClosePopup(); } })));
-}
-
-var iconArrowRight = "/static/media/Icon_rightArrow.bced4a705c07148d.svg";
-
-var blcIconArrowRight = "/static/media/blackarrow-Right.e585ae62dd55abae.svg";
-
-var blcIconArrowLeft = "/static/media/blckarrow-Left.e2134741aa368d30.svg";
-
-var iconArrowLeft = "/static/media/chevron-left.04f0a7f16b745c1a.svg";
-
-var iconGallery = "/static/media/icon_gallery.269b721daf2ca907.svg";
-
-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  max-height: 121.6px;\r\n}\r\n\r\n.listImageButton {\r\n  background-image: linear-gradient(to top, #000, #666);\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\r\n.imagesArray {\r\n  background-size: cover !important;\r\n}\r\n@media (max-width: 450px) {\r\n  .Pimagelist {\r\n  }\r\n  .mainImage {\r\n    height: 500px;\r\n    width: 88vw;\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@media (min-width: 820px) and (max-width: 850px) {\r\n  .Pimagelist {\r\n  }\r\n  .mainImage {\r\n    height: 80%;\r\n    width: 58vw;\r\n  }\r\n}\r\n\r\n.image-thumbnail {\r\n  position: relative;\r\n  transition: opacity 0.3s ease-in-out;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.image-thumbnail img {\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 8px;\r\n}\r\n\r\n.image-thumbnail.greyed-out img {\r\n  filter: grayscale(100%) brightness(50%);\r\n}\r\n\r\n.image-thumbnail.selected img {\r\n  filter: none;\r\n  border: 2px solid #007bff; /* Highlight border for selected image */\r\n}";
-styleInject(css_248z$6);
-
-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.closeIconNestiq {\r\n  position: absolute;\r\n  right: 10px;\r\n  top: 10px;\r\n  width: 12px;\r\n  height: 12px;\r\n  cursor: pointer;\r\n  z-index: 1;\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\r\n.activeStyle {\r\n  border: 3px solid transparent;\r\n  border-radius: 4px;\r\n  transition: transform 0.2s ease, border-color 0.2s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.activeStyle:hover {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.activeStyle:focus {\r\n  outline: none;\r\n  transform: scale(1.05);\r\n}\r\n\r\n.activeStyle.active {\r\n  transform: scale(1.05);\r\n}\r\n";
-styleInject(css_248z$5);
-
-var iconClose = "/static/media/close.b5ce9141e80c688b.png";
-
-function ImageListPopup(props) {
-    var _a = React.useState(true), showPopUp = _a[0]; _a[1];
-    var _b = React.useState(0), currentImageIndex = _b[0], setCurrentImageIndex = _b[1];
-    var imageListRef = React.useRef(null);
-    var handleArrowClickInMainImage = function (direction) {
-        if (props.pictureUrls.length === 0)
-            return;
-        var newIndex = currentImageIndex;
-        if (direction === "left") {
-            newIndex =
-                (currentImageIndex - 1 + props.pictureUrls.length) %
-                    props.pictureUrls.length;
+  }, [h]), I.createElement("section", { ref: n, className: "Toastify", id: C, onMouseEnter: () => {
+    o && (l(!1), _.pause());
+  }, onMouseLeave: p, "aria-live": "polite", "aria-atomic": "false", "aria-relevant": "additions text", "aria-label": a["aria-label"] }, i((g, A) => {
+    let c = A.length ? { ...b } : { ...b, pointerEvents: "none" };
+    return I.createElement("div", { tabIndex: -1, className: w(g), "data-stacked": o, style: c, key: `c-${g}` }, A.map(({ content: m, props: v }) => I.createElement(It, { ...v, stacked: o, collapseAll: p, isIn: d(v.toastId, v.containerId), key: `t-${v.key}` }, m)));
+  }));
+}
+function Pe(e) {
+  const [a, o] = E(!0), r = () => {
+    e.onClick();
+  }, l = U(null), n = () => {
+    l.current.select(), document.execCommand("copy"), _.success("URL copied to clipboard!");
+  };
+  return /* @__PURE__ */ t.jsx("div", { children: a && /* @__PURE__ */ t.jsx("div", { className: " popup-overlay", children: /* @__PURE__ */ t.jsxs("div", { className: "shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "end-0 top-0 position-absolute ", children: /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: $,
+        alt: "close",
+        className: "closeIcon_c me-2",
+        onClick: r
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("div", { className: "popUpHeader col-lg-12 d-flex justify-content-center mb-2", children: "Jetzt teilen und weitersagen!" }),
+    /* @__PURE__ */ t.jsxs("div", { className: "h-25 col-lg-12 socialMediaIconsSection d-flex flex-row align-items-center justify-content-center mx-auto", children: [
+      /* @__PURE__ */ t.jsx(
+        "a",
+        {
+          href: "https://twitter.com/intent/tweet?url=https://www.nestiq.de&text=Nestiq",
+          className: "text-decoration-none",
+          target: "blank",
+          children: /* @__PURE__ */ t.jsxs("div", { className: " flex-column d-flex align-items-center", children: [
+            /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: Ke,
+                alt: "twitter",
+                className: "socialMediaIcons"
+              }
+            ),
+            /* @__PURE__ */ t.jsx("span", { className: "socialMediaIconText", children: "X (Twitter)" })
+          ] })
         }
-        else if (direction === "right") {
-            newIndex = (currentImageIndex + 1) % props.pictureUrls.length;
+      ),
+      /* @__PURE__ */ t.jsx(
+        "a",
+        {
+          href: "https://www.facebook.com/sharer/sharer.php?u=https://www.nestiq.de",
+          className: "text-decoration-none",
+          target: "blank",
+          children: /* @__PURE__ */ t.jsxs("div", { className: " flex-column d-flex align-items-center", children: [
+            /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: Ye,
+                alt: "facebook",
+                className: "socialMediaIcons "
+              }
+            ),
+            /* @__PURE__ */ t.jsx("span", { className: "socialMediaIconText", children: "Facebook" })
+          ] })
         }
-        setCurrentImageIndex(newIndex);
-        imageListRef.current.scrollTo({
-            left: newIndex * 150,
-            behavior: "smooth",
-        });
-    };
-    var handleClose = function () {
-        if (props.onClose) {
-            props.onClose();
+      ),
+      /* @__PURE__ */ t.jsx(
+        "a",
+        {
+          href: "https://api.whatsapp.com/send?text=https://www.nestiq.de",
+          target: "blank",
+          className: "text-decoration-none",
+          children: /* @__PURE__ */ t.jsxs("div", { className: " flex-column d-flex  align-items-center", children: [
+            /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: Xe,
+                alt: "whatsapp",
+                className: " socialMediaIcons"
+              }
+            ),
+            /* @__PURE__ */ t.jsx("span", { className: "socialMediaIconText", children: "WhatsApp" })
+          ] })
         }
-    };
-    return (React.createElement("div", null, showPopUp && (React.createElement("div", { className: "popup-overlay" },
-        React.createElement("div", { className: " d-flex  flex-column  " },
-            React.createElement("div", { className: "d-flex  align-self-end me-5 " },
-                React.createElement("img", { src: iconClose, alt: "close", className: "closeIconNestiq", onClick: handleClose })),
-            React.createElement("span", { className: "text-white align-self-center" }, props.pictureUrls[currentImageIndex].title),
-            React.createElement("div", { className: "d-flex justify-content-center" },
-                React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
-                    React.createElement("div", { className: "rounded-circle border onImageArrow d-flex  justify-content-center", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
-                        React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow align-self-center", alt: "Left Arrow" }))),
-                React.createElement("div", { className: "p-2 bd-highlight" },
-                    React.createElement("div", { className: " rounded-5", style: {
-                            backgroundImage: "url(".concat(props.pictureUrls[currentImageIndex].url, ")"),
-                            height: "465px",
-                            width: "880px",
-                            backgroundSize: "cover",
-                            backgroundPosition: "center",
-                        } })),
-                React.createElement("div", { className: "p-2 bd-highlight align-self-center ms-5" },
-                    " ",
-                    React.createElement("div", { role: "button", className: "rounded-circle border onImageArrow d-flex justify-content-center", onClick: function () { return handleArrowClickInMainImage("right"); } },
-                        React.createElement("img", { src: blcIconArrowRight, className: "blackArrow align-self-center", alt: "Right Arrow" })))),
-            React.createElement("div", { className: "d-flex flex-row" }),
-            React.createElement("div", { className: "d-flex flex-row justify-content-center w-100 mt-5" },
-                React.createElement("div", { className: "d-flex flex-row gap-4 overflow-auto px-3", ref: imageListRef, style: {
-                        maxWidth: "100%",
-                        scrollbarWidth: "thin",
-                    } }, props.pictureUrls.length > 0 && (React.createElement(React.Fragment, null, props.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "flex-shrink-0 activeStyle ".concat(index === currentImageIndex ? "active" : ""), onClick: function () {
-                        setCurrentImageIndex(index);
-                        imageListRef.current.scrollTo({
-                            left: index * 170, // 150px width + gap
-                            behavior: "smooth",
-                        });
-                    }, role: "button", style: {
-                        cursor: "pointer",
-                        width: "150px",
-                        height: "150px",
-                    } },
-                    React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "w-100 h-100 rounded-3 object-fit-cover", style: {
-                            display: "block",
-                        } }))); }))))))))));
-}
-
-function PropertyImageList(prop) {
-    var _a, _b, _c, _d, _e;
-    var _f = React.useState(0), currentImageIndex = _f[0], setCurrentImageIndex = _f[1];
-    var _g = React.useState(false), isImagePopupOpen = _g[0], setIsImagePopupOpen = _g[1];
-    var _h = React.useState(false), isFloorPlanPopupOpen = _h[0], setIsFloorPlanPopupOpen = _h[1];
-    var imageListRef = React.useRef(null);
-    var handleArrowClickInMainImage = function (direction) {
-        if (!prop.pictureUrls.length)
-            return;
-        setCurrentImageIndex(function (prevIndex) {
-            var newIndex;
-            if (direction === "left") {
-                newIndex =
-                    (prevIndex - 1 + prop.pictureUrls.length) % prop.pictureUrls.length;
+      ),
+      /* @__PURE__ */ t.jsx(
+        "a",
+        {
+          href: "https://www.linkedin.com/shareArticle?mini=true&url=https://www.nestiq.de",
+          target: "blank",
+          className: "text-decoration-none",
+          children: /* @__PURE__ */ t.jsxs("div", { className: " flex-column d-flex  align-items-center", children: [
+            /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: Ze,
+                alt: "linkedin",
+                className: " socialMediaIcons"
+              }
+            ),
+            /* @__PURE__ */ t.jsx("span", { className: "socialMediaIconText", children: "LinkedIn" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        "a",
+        {
+          href: "https://www.nestiq.de",
+          target: "blank",
+          className: "text-decoration-none",
+          children: /* @__PURE__ */ t.jsxs("div", { className: " flex-column d-flex  align-items-center", children: [
+            /* @__PURE__ */ t.jsx("img", { src: Ge, alt: "email", className: " socialMediaIcons" }),
+            /* @__PURE__ */ t.jsx("span", { className: "socialMediaIconText", children: "E-Mail" })
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "col-10 mx-auto", children: /* @__PURE__ */ t.jsxs("div", { className: " row align-items-center position-relative", children: [
+      /* @__PURE__ */ t.jsx(
+        "input",
+        {
+          ref: l,
+          type: "text",
+          className: "popup_search-input rounded-4 border border-0 ",
+          placeholder: "Enter link here",
+          value: window.location.href,
+          readOnly: !0
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          onClick: n,
+          className: "popupcustom-button border border-0 position-absolute me-2 col-lg-3 col-md-3 col-sm-3 rounded-4 fs-6",
+          type: "button",
+          id: "button",
+          children: /* @__PURE__ */ t.jsx("strong", { children: "Kopieren" })
+        }
+      )
+    ] }) })
+  ] }) }) });
+}
+function xe(e) {
+  return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+}
+function Se(e) {
+  return typeof e == "number" || typeof e == "string" ? e.toString().replace(".", ",").replace(/\B(?=(\d{3})+(?!\d))/g, ".") : e;
+}
+function Yt(e) {
+  const [a, o] = E(!1);
+  e.property?.propertyArea;
+  const r = () => o(!0), l = () => o(!1), n = {
+    kaufpreis: e.translations?.kaufpreis || "Kaufpreis",
+    wohnflache: e.translations?.wohnflache || "Wohnfläche",
+    zimmer: e.translations?.zimmer || "Zimmer",
+    grundriss: e.translations?.grundriss || "Grundriss"
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "compact_cc d-flex flex-column col-12 col-lg-12 mt-3 justify-content-between", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "col-12 d-flex flex-row", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "header_Text d-flex col-lg-11 col-md-11 mt-0", children: /* @__PURE__ */ t.jsx("strong", { children: e.title ?? "-" }) }),
+      /* @__PURE__ */ t.jsx("div", { className: "d-flex col-lg-1 col-md-1 justify-content-end position-relative", children: /* @__PURE__ */ t.jsx(
+        "img",
+        {
+          src: Te,
+          alt: "share icon",
+          className: "v_share me-3 position-absolute",
+          onClick: r
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-row justify-content-between", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "col-6 d-flex flex-row align-items-end jsutify-content-start gap-1", children: /* @__PURE__ */ t.jsxs("div", { className: "d-flex gap-1 justify-content-center", children: [
+        /* @__PURE__ */ t.jsx("div", { className: "d-flex gap-2 align-items-center", children: /* @__PURE__ */ t.jsx("img", { src: We, className: "", alt: "location Icon" }) }),
+        /* @__PURE__ */ t.jsx("div", { className: "textWrapper", children: e.property?.fullAddress })
+      ] }) }),
+      /* @__PURE__ */ t.jsxs("div", { className: "d-flex align-items-end gap-3 justify-content-end flex-row col-lg-6 col-md-6 col-sm-5", children: [
+        e && /* @__PURE__ */ t.jsxs("div", { className: "propText h-100 d-flex flex-column align-items-center justify-content-center", children: [
+          /* @__PURE__ */ t.jsxs("span", { className: "", children: [
+            xe(e.property?.askingPrice ?? 0),
+            "€ ",
+            /* @__PURE__ */ t.jsx("br", {})
+          ] }),
+          /* @__PURE__ */ t.jsx("span", { className: "textWrapper", children: n.kaufpreis })
+        ] }),
+        e && /* @__PURE__ */ t.jsxs("div", { className: "propText h-100 d-flex flex-column align-items-center justify-content-center", children: [
+          /* @__PURE__ */ t.jsx("span", { className: "", children: Se(e.property.constructedArea) ?? 0 }),
+          /* @__PURE__ */ t.jsx("span", { className: "textWrapper", children: n.wohnflache })
+        ] }),
+        e && /* @__PURE__ */ t.jsxs("div", { className: "propText h-100 d-flex flex-column align-items-center justify-content-center", children: [
+          /* @__PURE__ */ t.jsx("span", { className: "", children: e.property.rooms }),
+          /* @__PURE__ */ t.jsx("span", { className: "textWrapper", children: n.zimmer })
+        ] })
+      ] })
+    ] }),
+    a && /* @__PURE__ */ t.jsx(Pe, { onClick: () => l() })
+  ] });
+}
+const Pt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M4.646%201.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201%200%20.708l-6%206a.5.5%200%200%201-.708-.708L10.293%208%204.646%202.354a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e", Le = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M4.646%201.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201%200%20.708l-6%206a.5.5%200%200%201-.708-.708L10.293%208%204.646%202.354a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e", Be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M11.354%201.646a.5.5%200%200%201%200%20.708L5.707%208l5.647%205.646a.5.5%200%200%201-.708.708l-6-6a.5.5%200%200%201%200-.708l6-6a.5.5%200%200%201%20.708%200'/%3e%3c/svg%3e", St = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M11.354%201.646a.5.5%200%200%201%200%20.708L5.707%208l5.647%205.646a.5.5%200%200%201-.708.708l-6-6a.5.5%200%200%201%200-.708l6-6a.5.5%200%200%201%20.708%200'/%3e%3c/svg%3e", Lt = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.242%201.29H4.297a1.76%201.76%200%200%200-1.758%201.757v.742h-.781A1.76%201.76%200%200%200%200%205.547v11.406c0%20.97.789%201.758%201.758%201.758h13.945a1.76%201.76%200%200%200%201.758-1.758v-.742h.781A1.76%201.76%200%200%200%2020%2014.453V3.047a1.76%201.76%200%200%200-1.758-1.758zM4.297%202.46h13.945c.323%200%20.586.264.586.587v5.508l-3.49-2.47a.586.586%200%200%200-.724.037L10%2010.159l-2.114-1.85a.586.586%200%200%200-.748-.02l-3.427%202.693V3.047c0-.323.263-.586.586-.586zm11.992%2014.493a.587.587%200%200%201-.586.586H1.758a.587.587%200%200%201-.586-.586V5.547c0-.323.263-.586.586-.586h.781v9.492c0%20.97.789%201.758%201.758%201.758h11.992v.742zm1.953-1.914H4.297a.587.587%200%200%201-.586-.586v-1.98L7.48%209.51l2.134%201.868c.221.193.55.193.772%200l4.652-4.071%203.79%202.683v4.462a.587.587%200%200%201-.586.586z'%20fill='%23fff'/%3e%3cpath%20d='M10%207.46a1.838%201.838%200%200%200%201.836-1.835A1.838%201.838%200%200%200%2010%203.789a1.838%201.838%200%200%200-1.836%201.836c0%201.012.824%201.836%201.836%201.836zm0-2.5a.665.665%200%201%201-.001%201.33A.665.665%200%200%201%2010%204.96z'%20fill='%23fff'/%3e%3c/svg%3e", Bt = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23bq66l33lna)'%3e%3cpath%20d='M19.286%200a.715.715%200%200%200-.32.075l-5.413%202.707-6.12-2.72C7.423.058%207.41.057%207.4.052a.741.741%200%200%200-.17-.044%201.063%201.063%200%200%200-.175%200%20.742.742%200%200%200-.171.044c-.01.005-.022.005-.032.01L.424%202.919A.714.714%200%200%200%200%203.572v15.714a.714.714%200%200%200%201.004.653l6.139-2.729%206.138%202.729c.01.004.022%200%20.033.006a.63.63%200%200%200%20.54-.012c.012-.005.025%200%20.036-.008l5.715-2.857a.714.714%200%200%200%20.395-.64V.716A.714.714%200%200%200%2019.286%200zM6.428%2015.964l-5%202.222V4.036l5-2.222v14.15zm6.429%202.222-5-2.222V1.814l5%202.222v14.15zm5.714-2.199-4.286%202.143V4.013l4.286-2.143v14.117z'%20fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='bq66l33lna'%3e%3cpath%20fill='%23fff'%20d='M0%200h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Re = "data:image/svg+xml,%3csvg%20width='22'%20height='20'%20viewBox='0%200%2022%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m21.354%205.808-10-5.714a.714.714%200%200%200-.709%200l-10%205.714a.714.714%200%200%200%20.017%201.25l10%205.357a.714.714%200%200%200%20.675%200l10-5.357a.714.714%200%200%200%20.017-1.25zM11%2010.975%202.475%206.408%2011%201.537l8.525%204.871L11%2010.975z'%20fill='%23fff'/%3e%3cpath%20d='m11.34%2016.162%209.656-5.31V9.22l-10%205.5-10-5.5v1.63l9.656%205.31a.715.715%200%200%200%20.688%200z'%20fill='%23fff'/%3e%3cpath%20d='m.996%2014.762%209.664%205.154a.714.714%200%200%200%20.672%200l9.664-5.154v-1.62l-10%205.334-10-5.333v1.619z'%20fill='%23fff'/%3e%3c/svg%3e", Oe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUdwTP///////////////////////////////////////////////////////////////////////308lk0AAAASdFJOUwAUewieGb7PD9mvXxrH74slIK+eL1kAAAC1SURBVDjLhZPZDoQgEARbRE6vnf//2MWsrigN8AKhKmQYGiAaq8CGU0Z/gChphLHkk09g3bEcgpiRcpENv7kw5nM/QAkzLi4Rzp7LxRXni+ij2NJ4cGK8eGZYR/nLIPxhUJ4bnGdGhb8NzR7PtnlucH7f7+xHnSdjaHNmPHlp3P2z1Mj6+7+LH3r58FMvH5dRz4efe/k4jHY+UqW6nY+ATj5WrO18eGztfKSPH03g339UJkR8AdmUH0nsMIanAAAAAElFTkSuQmCC";
+function pe(e) {
+  const [a, o] = E(!0), [r, l] = E(0), n = U(null), i = (f) => {
+    if (e.pictureUrls.length === 0) return;
+    let u = r;
+    f === "left" ? u = (r - 1 + e.pictureUrls.length) % e.pictureUrls.length : f === "right" && (u = (r + 1) % e.pictureUrls.length), l(u), n.current.scrollTo({
+      left: u * 150,
+      behavior: "smooth"
+    });
+  }, d = () => {
+    e.onClose && e.onClose();
+  };
+  return /* @__PURE__ */ t.jsx("div", { children: a && /* @__PURE__ */ t.jsx("div", { className: "popup-overlay", children: /* @__PURE__ */ t.jsxs("div", { className: " d-flex  flex-column  ", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "d-flex  align-self-end me-5 ", children: /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: Oe,
+        alt: "close",
+        className: "closeIconNestiq",
+        onClick: d
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-white align-self-center", children: e.pictureUrls[r].title }),
+    /* @__PURE__ */ t.jsxs("div", { className: "d-flex justify-content-center", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5", children: /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: "rounded-circle border onImageArrow d-flex  justify-content-center",
+          role: "button",
+          onClick: () => i("left"),
+          children: /* @__PURE__ */ t.jsx(
+            "img",
+            {
+              src: Be,
+              className: "blackArrow align-self-center",
+              alt: "Left Arrow"
             }
-            else {
-                newIndex = (prevIndex + 1) % prop.pictureUrls.length;
+          )
+        }
+      ) }),
+      /* @__PURE__ */ t.jsx("div", { className: "p-2 bd-highlight", children: /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: " rounded-5",
+          style: {
+            backgroundImage: `url(${e.pictureUrls[r].url})`,
+            height: "465px",
+            width: "880px",
+            backgroundSize: "cover",
+            backgroundPosition: "center"
+          }
+        }
+      ) }),
+      /* @__PURE__ */ t.jsxs("div", { className: "p-2 bd-highlight align-self-center ms-5", children: [
+        " ",
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            role: "button",
+            className: "rounded-circle border onImageArrow d-flex justify-content-center",
+            onClick: () => i("right"),
+            children: /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: Le,
+                className: "blackArrow align-self-center",
+                alt: "Right Arrow"
+              }
+            )
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "d-flex flex-row" }),
+    /* @__PURE__ */ t.jsx("div", { className: "d-flex flex-row justify-content-center w-100 mt-5", children: /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        className: "d-flex flex-row gap-4 overflow-auto px-3",
+        ref: n,
+        style: {
+          maxWidth: "100%",
+          scrollbarWidth: "thin"
+        },
+        children: e.pictureUrls.length > 0 && /* @__PURE__ */ t.jsx(t.Fragment, { children: e.pictureUrls.map((f, u) => /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: `flex-shrink-0 activeStyle ${u === r ? "active" : ""}`,
+            onClick: () => {
+              l(u), n.current.scrollTo({
+                left: u * 170,
+                // 150px width + gap
+                behavior: "smooth"
+              });
+            },
+            role: "button",
+            style: {
+              cursor: "pointer",
+              width: "150px",
+              height: "150px"
+            },
+            children: /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: f.url,
+                alt: `Image ${u + 1}`,
+                className: "w-100 h-100 rounded-3 object-fit-cover",
+                style: {
+                  display: "block"
+                }
+              }
+            )
+          },
+          u
+        )) })
+      }
+    ) })
+  ] }) }) });
+}
+function Zt(e) {
+  const [a, o] = E(0), [r, l] = E(!1), [n, i] = E(!1), d = U(null), f = (w) => {
+    e.pictureUrls.length && o((p) => {
+      let g;
+      return w === "left" ? g = (p - 1 + e.pictureUrls.length) % e.pictureUrls.length : g = (p + 1) % e.pictureUrls.length, d.current && d.current.scrollTo({
+        left: g * 150,
+        behavior: "smooth"
+      }), g || 0;
+    });
+  }, u = e.property.pictures?.filter((w) => w.pictureType?.id === 2).map((w, p) => ({
+    url: e.baseUrl + w.contentUrl,
+    title: `Photo ${p + 1}`
+  })) || [], b = e.property.pictures?.filter((w) => w.pictureType?.id === 1).map((w, p) => ({
+    url: e.baseUrl + w.contentUrl,
+    title: `Floor Plan ${p + 1}`
+  })) || [], N = () => {
+    l(!r);
+  }, C = () => {
+    i(!0);
+  }, h = {
+    allPhotos: e.translations?.allPhotos || "Alle Fotos",
+    map: e.translations?.map || "Karte",
+    grundriss: e.translations?.grundriss || "Grundriss"
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "col-8 Pimagelist ", children: [
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: "col-12 rounded-5 mainImage d-flex position-relative align-items-center",
+        style: {
+          backgroundImage: `url(${e.pictureUrls[a]?.url})`,
+          backgroundSize: "cover",
+          backgroundPosition: "center"
+        },
+        children: [
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: "rounded-circle border onImageArrow d-flex position-absolute start-0 ms-2 align-items-center justify-content-center",
+              role: "button",
+              onClick: () => f("left"),
+              children: /* @__PURE__ */ t.jsx("img", { src: Be, className: "blackArrow", alt: "Left Arrow" })
             }
-            if (imageListRef.current) {
-                imageListRef.current.scrollTo({
-                    left: newIndex * 150,
-                    behavior: "smooth",
-                });
+          ),
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              role: "button",
+              className: "rounded-circle border onImageArrow d-flex position-absolute end-0 me-2 align-items-center justify-content-center",
+              onClick: () => f("right"),
+              children: /* @__PURE__ */ t.jsx(
+                "img",
+                {
+                  src: Le,
+                  className: "blackArrow",
+                  alt: "Right Arrow"
+                }
+              )
             }
-            return newIndex || 0;
-        });
-    };
-    var floorPlanImages = ((_a = prop.property.pictures) === null || _a === void 0 ? void 0 : _a.filter(function (p) { var _a; return ((_a = p.pictureType) === null || _a === void 0 ? void 0 : _a.id) === 1; }).map(function (p, index) { return ({
-        url: prop.baseUrl + p.contentUrl,
-        title: "Floor Plan ".concat(index + 1),
-    }); })) || [];
-    var toggleAllPhotos = function () {
-        setIsImagePopupOpen(!isImagePopupOpen);
-    };
-    var floorPlanClickHandler = function () {
-        setIsFloorPlanPopupOpen(true);
-    };
-    var t = {
-        allPhotos: ((_b = prop.translations) === null || _b === void 0 ? void 0 : _b.allPhotos) || "Alle Fotos",
-        map: ((_c = prop.translations) === null || _c === void 0 ? void 0 : _c.map) || "Karte",
-        grundriss: ((_d = prop.translations) === null || _d === void 0 ? void 0 : _d.grundriss) || "Grundriss",
-    };
-    return (React.createElement("div", { className: "col-8 Pimagelist " },
-        React.createElement("div", { className: "col-12 rounded-5 mainImage d-flex position-relative align-items-center", style: {
-                backgroundImage: "url(".concat((_e = prop.pictureUrls[currentImageIndex]) === null || _e === void 0 ? void 0 : _e.url, ")"),
-                backgroundSize: "cover",
-                backgroundPosition: "center",
-            } },
-            React.createElement("div", { className: "rounded-circle border onImageArrow d-flex position-absolute start-0 ms-2 align-items-center justify-content-center", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
-                React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow", alt: "Left Arrow" })),
-            React.createElement("div", { role: "button", className: "rounded-circle border onImageArrow d-flex position-absolute end-0 me-2 align-items-center justify-content-center", onClick: function () { return handleArrowClickInMainImage("right"); } },
-                React.createElement("img", { src: blcIconArrowRight, className: "blackArrow", alt: "Right Arrow" }))),
-        React.createElement("div", { className: "d-none d-md-block" },
-            React.createElement("div", { className: "mt-1 d-flex flex-row gap-1 col-12 secondList" },
-                React.createElement("div", { className: "\tcol-lg-6  col-6 d-flex flex-row py-0 px-1" },
-                    React.createElement("div", { className: "\t col-12 position-relative d-flex justify-content-center" },
-                        React.createElement("div", { className: "col-1 h-100 d-flex position-absolute start-0", onClick: function () { return handleArrowClickInMainImage("left"); }, role: "button" },
-                            React.createElement("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
-                                React.createElement("img", { src: iconArrowLeft, className: "arroIconColour", alt: "Left Arrow" }))),
-                        React.createElement("div", { className: "col-lg-10 rounded-3 h-100 d-flex flex-row gap-2 overflow-hidden", ref: imageListRef }, prop.pictureUrls.length > 0 && (React.createElement("div", { className: "col-lg-5 h-100 d-flex gap-2 flex-row rounded-3" }, prop.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex image-thumbnail ".concat(index === currentImageIndex
-                                ? "selected"
-                                : "greyed-out", " ").concat(index === 0
-                                ? "ms-1"
-                                : index === prop.pictureUrls.length - 1
-                                    ? "me-1"
-                                    : ""), onClick: function () {
-                                setCurrentImageIndex(index);
-                                imageListRef.current.scrollTo({
-                                    left: index * 150,
-                                    behavior: "smooth",
-                                });
-                            }, role: "button" },
-                            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" },
-                                React.createElement("img", { src: iconArrowRight, className: "arroIconColour ", 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 py-0 px-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("span", { className: "listImgText" },
-                                " ",
-                                t.allPhotos))),
-                    React.createElement("div", { className: "col-lg-4 col-3 py-0 px-1", role: "button", onClick: floorPlanClickHandler },
-                        React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
-                            React.createElement("img", { src: iconLayers$1, alt: "Layers Icon" }),
-                            React.createElement("span", { className: "listImgText" }, t.grundriss))),
-                    React.createElement("div", { className: "col-lg-4 col-3 py-0 px-1", role: "button", onClick: function () {
-                            return window.scrollTo({
-                                top: document.documentElement.scrollHeight,
-                            });
-                        } },
-                        React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
-                            React.createElement("img", { src: iconMap, alt: "Map Icon" }),
-                            React.createElement("span", { className: "listImgText" }, t.map)))))),
-        isImagePopupOpen && (React.createElement(ImageListPopup, { pictureUrls: prop.allPictureUrls, onClose: function () { return setIsImagePopupOpen(false); } })),
-        isFloorPlanPopupOpen && (React.createElement(ImageListPopup, { pictureUrls: floorPlanImages, onClose: function () { return setIsFloorPlanPopupOpen(false); } }))));
-}
-
-var layerIcon = "/static/media/LayersIcon.34c085c352a2c9c8.svg";
-
-var locationIcon = "/static/media/locationIcon.961de080757bda41.svg";
-
-var css_248z$4 = ".padding-global {\r\n  height: 737px !important;\r\n  padding: 0 40px;\r\n}\r\n.header {\r\n  font-size: 48px;\r\n  font-weight: 600;\r\n  color: #1b1b1b;\r\n}\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: fit-content;\r\n  height: 25px;\r\n  padding: 0 17px;\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/* .thirdLabels {\r\n  padding: 4px;\r\n  width: 110px;\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.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: var(--main-yellow);\r\n  background-color: var(--main-yellow);\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.locationText {\r\n  font-size: 14px;\r\n  color: white;\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: #fff;\r\n}\r\n\r\n.detail {\r\n  font-size: 12px;\r\n  text-align: center;\r\n  color: #fff;\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.cardStyle {\r\n  width: 405px;\r\n  max-width: 2405px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 350px;\r\n  border-radius: 30px !important;\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$4);
-
-var noImageIcon$1 = "/static/media/default-property.9987f19670be82b6.jpg";
-
-function PropertyCard$1(props) {
-    var _a, _b, _c, _d;
-    var _e = React.useState(false); _e[0]; _e[1];
-    var pictureUrl = props.property.pictures && props.property.pictures.length > 0
-        ? "".concat(props.baseUrl).concat(props.property.pictures[0].contentUrl)
-        : noImageIcon$1;
-    return (React.createElement("div", { key: props.property.id, className: "card-body me-4 mb-4 position-relative cardStyle", style: {
-            backgroundImage: "url(".concat(pictureUrl, ")"),
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx("div", { className: "d-none d-md-block", children: /* @__PURE__ */ t.jsxs("div", { className: "mt-1 d-flex flex-row gap-1 col-12 secondList", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "	col-lg-6  col-6 d-flex flex-row py-0 px-1", children: /* @__PURE__ */ t.jsxs("div", { className: "	 col-12 position-relative d-flex justify-content-center", children: [
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "col-1 h-100 d-flex position-absolute start-0",
+            onClick: () => f("left"),
+            role: "button",
+            children: /* @__PURE__ */ t.jsx("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3", children: /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: St,
+                className: "arroIconColour",
+                alt: "Left Arrow"
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "col-lg-10 rounded-3 h-100 d-flex flex-row gap-2 overflow-hidden",
+            ref: d,
+            children: e.pictureUrls.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "col-lg-5 h-100 d-flex gap-2 flex-row rounded-3", children: e.pictureUrls.map((w, p) => /* @__PURE__ */ t.jsx(
+              "div",
+              {
+                className: `col-lg-12 h-100 d-flex image-thumbnail ${p === a ? "selected" : "greyed-out"} ${p === 0 ? "ms-1" : p === e.pictureUrls.length - 1 ? "me-1" : ""}`,
+                onClick: () => {
+                  o(p), d.current.scrollTo({
+                    left: p * 150,
+                    behavior: "smooth"
+                  });
+                },
+                role: "button",
+                children: /* @__PURE__ */ t.jsx(
+                  "img",
+                  {
+                    src: w.url,
+                    alt: `Image ${p + 1}`,
+                    className: "col-12 h-100 rounded-3 object-fit-cover"
+                  }
+                )
+              },
+              p
+            )) })
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "col-1 h-100 d-flex position-absolute end-0 top-0",
+            onClick: () => f("right"),
+            role: "button",
+            children: /* @__PURE__ */ t.jsx("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3", children: /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: Pt,
+                className: "arroIconColour ",
+                alt: "Right Arrow"
+              }
+            ) })
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ t.jsxs("div", { className: "col-7 col-lg-6 d-flex flex-row", children: [
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "col-lg-4 col-4 py-0 px-1",
+            role: "button",
+            onClick: N,
+            children: /* @__PURE__ */ t.jsxs("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3", children: [
+              /* @__PURE__ */ t.jsx("img", { src: Lt, alt: "Gallery Icon" }),
+              /* @__PURE__ */ t.jsxs("span", { className: "listImgText", children: [
+                " ",
+                h.allPhotos
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "col-lg-4 col-3 py-0 px-1",
+            role: "button",
+            onClick: C,
+            children: /* @__PURE__ */ t.jsxs("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3", children: [
+              /* @__PURE__ */ t.jsx("img", { src: Re, alt: "Layers Icon" }),
+              /* @__PURE__ */ t.jsx("span", { className: "listImgText", children: h.grundriss })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "col-lg-4 col-3 py-0 px-1",
+            role: "button",
+            onClick: () => window.scrollTo({
+              top: document.documentElement.scrollHeight
+            }),
+            children: /* @__PURE__ */ t.jsxs("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3", children: [
+              /* @__PURE__ */ t.jsx("img", { src: Bt, alt: "Map Icon" }),
+              /* @__PURE__ */ t.jsx("span", { className: "listImgText", children: h.map })
+            ] })
+          }
+        )
+      ] })
+    ] }) }),
+    r && /* @__PURE__ */ t.jsx(
+      pe,
+      {
+        pictureUrls: u,
+        onClose: () => l(!1)
+      }
+    ),
+    n && /* @__PURE__ */ t.jsx(
+      pe,
+      {
+        pictureUrls: b,
+        onClose: () => i(!1)
+      }
+    )
+  ] });
+}
+const Rt = "data:image/svg+xml,%3csvg%20width='18'%20height='17'%20viewBox='0%200%2018%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m16.855%205.147-8-4.572a.571.571%200%200%200-.567%200l-8%204.572a.571.571%200%200%200%20.014%201l8%204.285a.571.571%200%200%200%20.54%200l8-4.285a.571.571%200%200%200%20.013-1zM8.572%209.28l-6.82-3.653%206.82-3.897%206.82%203.897-6.82%203.653z'%20fill='%23031012'/%3e%3cpath%20d='M8.846%2013.43%2016.57%209.18V7.877l-8%204.4-8-4.4V9.18l7.725%204.249a.572.572%200%200%200%20.55%200z'%20fill='%23031012'/%3e%3cpath%20d='m.57%2012.309%207.731%204.123a.572.572%200%200%200%20.538%200l7.731-4.123v-1.295l-8%204.266-8-4.266v1.295z'%20fill='%23031012'/%3e%3c/svg%3e", Ue = "data:image/svg+xml,%3csvg%20width='12'%20height='18'%20viewBox='0%200%2012%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%204.725a2.208%202.208%200%201%200%20.001%204.416%202.208%202.208%200%200%200%200-4.416zm0%203.312a1.104%201.104%200%201%201%20.001-2.208%201.104%201.104%200%200%201%200%202.208z'%20fill='%23344041'/%3e%3cpath%20d='M10.243%202.687a6%206%200%200%200-9.27%207.518l4.17%206.403a1.022%201.022%200%200%200%201.713%200l4.171-6.404a6%206%200%200%200-.784-7.517zm-.14%206.915L6%2015.9%201.897%209.602a4.919%204.919%200%200%201%20.64-6.135%204.896%204.896%200%200%201%206.925%200%204.919%204.919%200%200%201%20.64%206.135z'%20fill='%23344041'/%3e%3c/svg%3e", De = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw8NDw8NDQ0NDQ0NDQ0NDQ0ODQ8NDQ0NFREWFhURFRYYHSggGBolGxUVITEtJSkrLi4uFx8zODMsNygtLisBCgoKBQUFDgUFDisZExkrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrK//AABEIAKsBJwMBIgACEQEDEQH/xAAaAAEAAwEBAQAAAAAAAAAAAAACAAEDBQQG/8QAPxABAAIBAQMJBQUFCAMBAAAAAQACAxEEITEFEiIyQVFhcXITUpGx0TNTgaHBFBVCkrIWI1Ric5Oi4YLC8Ab/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A6xESiIgWEQSiMgWEQSiMgWEQSgjCBAiCQIwgUEQSwiCBQRBLCIIBCWEQSwgHSXpFpL0gDSTSPmyaQM9JSTTSUkDNJSTRIUgZpCk1SFIGSQpNUgSBmkCTVIEgZpCk0SBIGaQpNEhSBmkKRsLADJLZIFkRKIiAiIlERAREEoIwgXWMJQRhAgRhKCMIECMJAiCBAiCQIggUEQSwi0gHSTSMJNIA0k0j0k0gZ6SkmqQpAz0hSapCkDNIEmqQpAySFJokKQMkgSapAkDNIEmqQJAyYWaMDAzYWaMDADJLZIFkRKIiAiMhIyAiMhIwgIIiURhAsIyUEYQLCIJAiCBYRBIEQQIEWkgRBArSWVlu4VQDeruAnI2/lXXWmHUODk/iTw7iB0zJRt7MvXnm/m6/l5xaT5bm205+iGu62/TneffOtsPKvCmfV7DJ2nq74HTSFJppwREd4m8SUkDNIUlbWXcdvZWK33Oqh0TjveE5XO2n/E0/3qQOokCTmN9p/wATT/fpOniLcyvPS1+b0k0dWALEKTRIUgZMCTVIGBkwM0YGBmwM1SZsAMDNGBgBkkZcCEZCRkBEZARkBkZCRkBE0CCsdYCCMIQmgQLCMJQRkCwiCQiqQLCZ7TtFMJzrvpqda0823cpVxa1ppfJ2vGlPqzkUrkz3eN7O9su4O9ewgPbdtvnd+6uvRocP+2OuzVxHOz9Z31wnWfG3cS/aUwbsel8vblTWtfQfrPJZV1VV3q71YHq/eN9d5Vxpp7LTTHzfA7HxlZNlrkG+DVDfbE/aU8TvJ5dIqWapaqiO5IG+xbffDuOlTto8Pw7md3Z89MtedjddONXrV85xufjz9fTFm7L6aY8j/m7mea1cmC/bS52//cSB9DtJ/d5P9LJ/Sz5PSfQYOUa5qWx20pltjvWvZS6iHkzh5cdqLWw1TiMDFJ9RQ6NfRX5T5ln1FOrX0V+UAJAk0YEgZpAk0sQMDNJmk1ZnaBmwsbAwM2G0bAwAyS2SBKxkBGQGRkBGQGRkNYyA6x1grHWAyaEBGQGRhAQ7TtNMJrffZ4UOs/QgbqA2slanFeE5G3cqt9aYta04Nv4rfQnk2nasmexrrx0rSvA/7mxhpg35NL5ezFr0av8Anf0gDZ9k1PaZLezxe9pra3hU7ZebatT2eOvs8fdxtbxs9syzZrZHnXdXsOAHcHZAQLCXpPVyfsNs7Yq1rzTV11nu/s/k+8p8LfSBx5J1K8jXb2x8+mtCtl36PO1+k0/s/k+8p+f0gcVJ6cO1bvZ5T2mPs9+njVh2vA4r2xqLXTVOG8H9ZgkDbaNkanPo+0xe8cavdY7GXTai4UzjapurkPtMf1PCZ4M9sbrV48TjWx3J2ze2Gmbfi0pk42wrufQ/pA821bK0OcJfHbq5K9V8PBn0NOrX0U+RPnsOe+JTTUd18djo28Enc2Ta6ZjodGwA43ieXeQGkFppaBgZ2gY2C0DNgZpaZsAMzZowMAWgtGwMAMkjJAhGQEZAZGQEZA0IyCsZAdZpWZ1jrA0JpQ14TJsVG1krU4r+nezlbbyk5OhTWmP4Wt5wPdtnKZj6OLS1+23GtfLvZzcOG+ayrr7+Sz0TzZeHZSoZMy0qmtaHXv5HYeMmfaW5zQKY69XHXh5vewNrbRXEc3Bxd1sydJ8K9xPKQkZAsiIQjIHU5Az0x2u3sV1qace+dr95Yfva/BnK/wDzfXyek+c78Dm4tuxGbLZyHNtTEDv36a6z0PKWH7w+DKw/b5vRh/8AaeuB8jyrkL5r2q61Wuj/AOJPGz38s/b5POv9JPCwAytfPdwiSFgeoz1ynNzbrcK5jj5WO0nnz4b4bD+NL1ei+IzNm2DaWhzLBfG8aW4eZ3MD3bHyoW6ObdbgZOx8577H1HsTwnCzbKI5MLz6HWr/AB4/M7STYuUbYujbp4/dXeemB2bTO0VMlbnOo847e+vgkNoAYGO0zYAYGNgYAYGNgYAZJGSBCMgIyAyMmZGQNCMgIyBpWMmdYyANt2X21TR0vTqb9z4THHsJgx2yW0tkqCDvpV1Piz2VYds+xyek/qIHDve11tZWzxWQkCMIECIJAiCBAlksJYQNtm2m+JWjopo7hno/euf7z8qzxaS9IHpryjlLNy/SsAuhwOEX71z/AHn/ABJ5NJIF58lr2b2dbPFmSR6SkgBgSaJKSBmwJNGFIBx5LUS1VrY4JOttfJ1cgWppTJatVOFLKflOTYn0J1a+inygYbNs9cNebXfZ69u/wPCJiswMAMDGwMAMDEwMA2gtFaC0AskjJAojICIgaEZMyMgaEYzMjIGgxkzrGQNawbX9lk9J8yWMO0/Z39J8yByAm+zbLbLrzDXQ37wmYTpcjOjfyPnAyOS8vun8xKxcn5LGpU01TrHEdJ3DId58SZbDcKcTr37T3mBysnJ+Sg2sGhvekM8+k7+22HFc1OHed84YQDpLnrwXaY7NdNefU3g7tHvlfteTvP5K/SB5ZNJ6v2vJ3n8lfpJ+15O8/kr9IHkSUz2ba68xeLjqugGrqzzJA1ryflsCVEd46nCC+wZK6a16zzTeb2dzZbhjpvN1Tt8JntVxcW8+0O3wYHIeTcvuf8qzy58NqPNsaPGfTOQ7z4zicrb8i8ejWBzkneOFfRX5TiJOzrur6a/KBTAxWgYBZmxrAwAwstgYBYWJgWAWXKZIFERAREDQjJmRkDQjJkRjA0GaDMiMYGgyZ+pfyPmQjLyvQt5frA54T3cm462bc6o7jTWeQJ6NnzNNUNdYHTNnx+5X4QbLgo130qvOt2dms85t1vdJWLa2ppocV+LA9e04KFLJQHTdocJy9J68m1thrzTfPOEDSv2VvXX5My0m1T+7fUfJmekA6StJppJpAW08Mf8Ap1+bMEnpznU9B+sxSB0sOCjSq0rrzTXdM8+Cg00pXffR3dmjMa7XYA0NxpBk2qzpuOi6/jA9rs+P3K/Ccvb6BfSoBocJu7bbuJ5s927q92kDzJOr2Hpr8pzknv13HkfKBSwMtYVgFgWWsLALAxMDApgYmBgUySmSBREQERA0IiAiGBoRkyGMYGgxjMhjGBoMu/Vt5frAMVncwMAiCQIggQIgkIggQJYSEvSA69V1941/OPOV0Obp46d0BwfMlaQDpJpFpKgLL/D6SZJNb9npINIASUkaQ6QAkKTRIUgZpPUvDyJ50mq/IgRYVkWBYEWBZbCwCwsthWAWFlsLApZJTJAoYhhJZAYxDAREBjGMzIiBoMYzIjIGgxPBmZF2QIREMsgMlkJLICIiAlwNDh+MqV2fjKgKVKkgKzw8oZduzyhgWwsjKgUwsUqAGNflCyMCLAstgYEWFZGGBSwrLYWBSwrLYWBTJKZIH//Z";
+function Kt(e) {
+  const [a, o] = E(!1), r = e.property.pictures && e.property.pictures.length > 0 ? `${e.baseUrl}${e.property.pictures[0].contentUrl}` : De;
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: "card-body me-4 mb-4 position-relative cardStyle",
+      style: {
+        backgroundImage: `url(${r})`,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      },
+      onClick: e.onClick,
+      role: "button",
+      children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "labelTopClass position-absolute top-0 start-0 col-sm-5 col-lg-8", children: [
+          /* @__PURE__ */ t.jsxs("div", { className: "d-flex align-items-center ms-2 mb-1 mt-2 gap-2", children: [
+            /* @__PURE__ */ t.jsxs("label", { className: "p-1 firstLabel d-flex flex-row justify-content-center align-items-center", children: [
+              /* @__PURE__ */ t.jsx("img", { src: Rt, alt: "Location Icon", className: "layersVector" }),
+              /* @__PURE__ */ t.jsx("span", { className: "layersText", children: "Grundriss" })
+            ] }),
+            e.property.historicalProtection && /* @__PURE__ */ t.jsx("label", { className: "thirdLabels d-flex flex-row justify-content-center align-items-center", children: /* @__PURE__ */ t.jsx("span", { className: "layersText p-1", children: "Denkmalschutz" }) }),
+            e.property.basement && /* @__PURE__ */ t.jsx("label", { className: "secondLabel  d-flex flex-row justify-content-center align-items-center", children: /* @__PURE__ */ t.jsx("span", { className: "layersText p-1", children: "Keller" }) })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { className: "d-flex align-items-center  ms-2 start-0 gap-2", children: [
+            e.property.terrace && /* @__PURE__ */ t.jsx("label", { className: "p-1 thirdLabels d-flex flex-row justify-content-center align-items-center ", children: /* @__PURE__ */ t.jsx("span", { className: "layersText", children: "Terrace" }) }),
+            e.property.balcony && /* @__PURE__ */ t.jsx("label", { className: "secondLabel  d-flex flex-row justify-content-center align-items-center", children: /* @__PURE__ */ t.jsx("span", { className: "layersText p-1", children: "Balkon" }) }),
+            e.property.guestBathroom && /* @__PURE__ */ t.jsx("label", { className: "col-1 fourthLabels d-flex flex-row justify-content-center align-items-center ", children: /* @__PURE__ */ t.jsx("span", { className: "layersText p-1", children: "Gäste-WC" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ t.jsx("div", { className: "d-flex align-items-center  position-absolute top-0 end-0 p-3" }),
+        /* @__PURE__ */ t.jsx("div", { className: "d-flex align-items-center mb-3 position-absolute bottom-0 start-0  p-2", children: /* @__PURE__ */ t.jsxs("span", { className: "Price col-lg-12 col-md-12 col-sm-12 text-truncate p-1", children: [
+          xe(e.property?.evaluation?.askingPrice ?? 0),
+          " €"
+        ] }) }),
+        /* @__PURE__ */ t.jsxs("div", { className: "d-flex w-50 align-items-center position-absolute bottom-0 start-0 p-2", children: [
+          /* @__PURE__ */ t.jsx("img", { src: Ue, alt: "Location Icon", className: "Vector" }),
+          /* @__PURE__ */ t.jsx("span", { className: "locationText text-truncate", children: e.property.city || "N/A" })
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "d-flex col-lg-6 col-md-6 col-sm-5 me-lg-0 me-md-0 me-sm-3 justify-content-center mb-2 position-absolute bottom-0 end-0", children: [
+          /* @__PURE__ */ t.jsxs("span", { className: "detail col-lg-4 col-md-4 col-sm-6 text-truncate border-end ", children: [
+            +e.property.rooms,
+            /* @__PURE__ */ t.jsx("br", {}),
+            /* @__PURE__ */ t.jsx("span", { children: "Zimmer" })
+          ] }),
+          /* @__PURE__ */ t.jsxs("span", { className: "detail col-lg-3 col-md-3 col-sm-4 text-truncate ", children: [
+            +e.property.bathrooms,
+            /* @__PURE__ */ t.jsx("br", {}),
+            /* @__PURE__ */ t.jsx("span", { children: "Bad" })
+          ] }),
+          /* @__PURE__ */ t.jsxs("span", { className: "detail col-lg-5 col-md-5 col-sm-7 text-truncate border-start me-3", children: [
+            Se(e.property?.constructedArea),
+            " m²",
+            /* @__PURE__ */ t.jsx("br", {}),
+            /* @__PURE__ */ t.jsx("span", { children: "Wohnfläche" })
+          ] })
+        ] })
+      ]
+    },
+    e.property.id
+  );
+}
+const Xt = ({ contentUrl: e, onCloseClick: a }) => {
+  const [o, r] = E(!1);
+  Y(() => {
+    if (e) {
+      const n = e.split(".").pop()?.toLowerCase();
+      (n === "png" || n === "jpg" || n === "jpeg" || n === "svg") && r(!0);
+    }
+  }, [e]);
+  const l = () => {
+    const n = document.createElement("a");
+    n.href = e, n.setAttribute("download", ""), document.body.appendChild(n), n.click(), document.body.removeChild(n);
+  };
+  return /* @__PURE__ */ t.jsx("div", { className: "popup-overlay", children: /* @__PURE__ */ t.jsxs("div", { className: " d-flex w-50 flex-column  col-6 ", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "d-flex  align-self-end me-5 mt-5", children: /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: Oe,
+        alt: "close",
+        className: "closeIcon mt-5",
+        onClick: a
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("div", { className: "d-flex justify-content-center", children: /* @__PURE__ */ t.jsxs("div", { className: "p-2 bd-highlight", children: [
+      o && /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: "rounded-5 mainImage",
+          style: {
+            backgroundImage: `url(${e})`,
+            height: "350px",
+            width: "600px",
             backgroundSize: "cover",
-            backgroundPosition: "center",
-        }, onClick: props.onClick, role: "button" },
-        React.createElement("div", { className: "labelTopClass position-absolute top-0 start-0 col-sm-5 col-lg-8" },
-            React.createElement("div", { className: "d-flex align-items-center ms-2 mb-1 mt-2 gap-2" },
-                React.createElement("label", { className: "p-1 firstLabel d-flex flex-row justify-content-center align-items-center" },
-                    React.createElement("img", { src: layerIcon, alt: "Location Icon", className: "layersVector" }),
-                    React.createElement("span", { className: "layersText" }, "Grundriss")),
-                props.property.historicalProtection && (React.createElement("label", { className: "thirdLabels d-flex flex-row justify-content-center align-items-center" },
-                    React.createElement("span", { className: "layersText p-1" }, "Denkmalschutz"))),
-                props.property.basement && (React.createElement("label", { className: "secondLabel  d-flex flex-row justify-content-center align-items-center" },
-                    React.createElement("span", { className: "layersText p-1" }, "Keller")))),
-            React.createElement("div", { className: "d-flex align-items-center  ms-2 start-0 gap-2" },
-                props.property.terrace && (React.createElement("label", { className: "p-1 thirdLabels d-flex flex-row justify-content-center align-items-center " },
-                    React.createElement("span", { className: "layersText" }, "Terrace"))),
-                props.property.balcony && (React.createElement("label", { className: "secondLabel  d-flex flex-row justify-content-center align-items-center" },
-                    React.createElement("span", { className: "layersText p-1" }, "Balkon"))),
-                props.property.guestBathroom && (React.createElement("label", { className: "col-1 fourthLabels d-flex flex-row justify-content-center align-items-center " },
-                    React.createElement("span", { className: "layersText p-1" }, "Gäste-WC"))))),
-        React.createElement("div", { className: "d-flex align-items-center  position-absolute top-0 end-0 p-3" }),
-        React.createElement("div", { className: "d-flex align-items-center mb-3 position-absolute bottom-0 start-0  p-2" },
-            React.createElement("span", { className: "Price col-lg-12 col-md-12 col-sm-12 text-truncate p-1" },
-                formatPrice((_c = (_b = (_a = props.property) === null || _a === void 0 ? void 0 : _a.evaluation) === null || _b === void 0 ? void 0 : _b.askingPrice) !== null && _c !== void 0 ? _c : 0),
-                " \u20AC")),
-        React.createElement("div", { className: "d-flex w-50 align-items-center position-absolute bottom-0 start-0 p-2" },
-            React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "Vector" }),
-            React.createElement("span", { className: "locationText text-truncate" }, props.property.city || "N/A")),
-        React.createElement("div", { className: "d-flex col-lg-6 col-md-6 col-sm-5 me-lg-0 me-md-0 me-sm-3 justify-content-center mb-2 position-absolute bottom-0 end-0" },
-            React.createElement("span", { className: "detail col-lg-4 col-md-4 col-sm-6 text-truncate border-end " },
-                +props.property.rooms,
-                React.createElement("br", null),
-                React.createElement("span", null, "Zimmer")),
-            React.createElement("span", { className: "detail col-lg-3 col-md-3 col-sm-4 text-truncate " },
-                +props.property.bathrooms,
-                React.createElement("br", null),
-                React.createElement("span", null, "Bad")),
-            React.createElement("span", { className: "detail col-lg-5 col-md-5 col-sm-7 text-truncate border-start me-3" },
-                formatPropertyArea((_d = props.property) === null || _d === void 0 ? void 0 : _d.constructedArea),
-                " m\u00B2",
-                React.createElement("br", null),
-                React.createElement("span", null, "Wohnfl\u00E4che")))));
-}
-
-var FloorPlanPopup = function (_a) {
-    var contentUrl = _a.contentUrl, onCloseClick = _a.onCloseClick;
-    var _b = React.useState(false), isContentImage = _b[0], setIsContentImage = _b[1];
-    React.useEffect(function () {
-        var _a;
-        if (contentUrl) {
-            var fileFormat = (_a = contentUrl.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-            if (fileFormat === "png" ||
-                fileFormat === "jpg" ||
-                fileFormat === "jpeg" ||
-                fileFormat === "svg") {
-                setIsContentImage(true);
-            }
+            backgroundPosition: "center"
+          }
         }
-    }, [contentUrl]);
-    var downloadButtonClickHandler = function () {
-        // Create a temporary anchor element
-        var link = document.createElement("a");
-        link.href = contentUrl;
-        link.setAttribute("download", ""); // This attribute hints the browser to download the file
-        // Append the anchor to the body and click it to trigger the download
-        document.body.appendChild(link);
-        link.click();
-        // Clean up: remove the anchor element
-        document.body.removeChild(link);
-    };
-    return (React.createElement("div", { className: "popup-overlay" },
-        React.createElement("div", { className: " d-flex w-50 flex-column  col-6 " },
-            React.createElement("div", { className: "d-flex  align-self-end me-5 mt-5" },
-                React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon mt-5", onClick: onCloseClick })),
-            React.createElement("div", { className: "d-flex justify-content-center" },
-                React.createElement("div", { className: "p-2 bd-highlight" },
-                    isContentImage && (React.createElement("div", { className: "rounded-5 mainImage", style: {
-                            backgroundImage: "url(".concat(contentUrl, ")"),
-                            height: "350px",
-                            width: "600px",
-                            backgroundSize: "cover",
-                            backgroundPosition: "center",
-                        } })),
-                    !isContentImage && (React.createElement("div", { className: "text-white text-center" },
-                        "No Preview Available",
-                        React.createElement("button", { className: "btn btn-info", onClick: downloadButtonClickHandler },
-                            " ",
-                            "Download",
-                            " "))))))));
-};
-
-var css_248z$3 = ".property-card {\r\n  width: 100%;\r\n  /* max-width: 1280px; */\r\n  height: auto;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border-radius: 32px;\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.priceValue,\r\n.value {\r\n  white-space: nowrap;\r\n}\r\n\r\n.price_label,\r\n.details {\r\n  white-space: nowrap;\r\n}\r\n\r\n.listing-compact_c {\r\n  /* max-width: 750px; */\r\n  gap: 8px;\r\n  padding: 24px;\r\n  border-radius: 0 32px 32px 0;\r\n  background-color: rgba(58, 58, 58, 0.068);\r\n}\r\n\r\n.wrapperCompanySec {\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\r\n.kontactbutton_cc {\r\n  width: 180px;\r\n  height: 43px;\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\r\n.cc-height {\r\n  height: 460px;\r\n}\r\n\r\n.listing-height {\r\n  height: 422px;\r\n}\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: 85px;\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: 198px;\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-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\r\n.chipLabel {\r\n  height: 30px;\r\n  padding: 0 10px;\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.layersVector {\r\n  width: 15.1px;\r\n  height: 16px;\r\n}\r\n\r\n.layersText {\r\n  padding: 0 8px;\r\n  font-size: 14px;\r\n  color: #1b1b1b;\r\n  line-height: 2.14;\r\n  text-wrap: nowrap;\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\r\n.location-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.location-icon {\r\n  width: 16px;\r\n  height: 21px;\r\n  flex-grow: 0;\r\n  object-fit: contain;\r\n}\r\n\r\n.locationTexts {\r\n  font-size: 16px;\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: 16px;\r\n  color: #344041;\r\n}\r\n\r\n.price_label {\r\n  font-size: 16px;\r\n  text-align: left;\r\n  color: #344041;\r\n}\r\n\r\n.value {\r\n  font-size: 20px;\r\n  font-weight: 500;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  line-height: 1;\r\n}\r\n.priceValue {\r\n  font-size: 20px;\r\n  font-weight: 500;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  line-height: 1;\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.labelTopClass {\r\n  height: 32px;\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    padding: 0 2rem;\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 arrowLeft = "/static/media/card-arrow-left.55343410142dad3f.svg";
-
-var arrowRight = "/static/media/card-arrow-right.60b3bf0e34c1800d.svg";
-
-var iconLayers = "/static/media/layer_icon.9b56c187199c44b5.svg";
-
-var immooly = "/static/media/imooly.b46514ac970e6052.svg";
-
-function PropertyCard(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    var _p = React.useState(false); _p[0]; _p[1];
-    var _q = React.useState(null), mainImage = _q[0], setMainImage = _q[1];
-    var _r = React.useState(0), currentImageIndex = _r[0], setCurrentImageIndex = _r[1];
-    var imageListRef = React.useRef(null);
-    var _s = React.useState(false); _s[0]; _s[1];
-    var _t = React.useState(false); _t[0]; _t[1];
-    var _u = React.useState(false), sharePopUp = _u[0], setSharePopUp = _u[1];
-    var _v = React.useState(false), isImagePopupOpen = _v[0], setIsImagePopupOpen = _v[1];
-    var pictureUrls = ((_b = (_a = props.property) === null || _a === void 0 ? void 0 : _a.pictures) === null || _b === void 0 ? void 0 : _b.length) > 0
-        ? props.property.pictures
-            .filter(function (picture) { return picture.pictureType.id === 2; })
-            .map(function (picture) { return "".concat(props.baseUrl).concat(picture.contentUrl); })
-        : [noImageIcon];
-    var floorPlanImages = ((_c = props.property.pictures) === null || _c === void 0 ? void 0 : _c.filter(function (p) { var _a; return ((_a = p.pictureType) === null || _a === void 0 ? void 0 : _a.id) === 1; }).map(function (p, index) { return ({
-        url: props.baseUrl + p.contentUrl,
-        title: "Floor Plan ".concat(index + 1),
-    }); })) || [];
-    var handleFloorPlanButton = function () {
-        setIsImagePopupOpen(true);
-        if (props.onFloorPlanClick) {
-            props.onFloorPlanClick(floorPlanImages);
-        }
-    };
-    var handleSharePopUp = function () {
-        setSharePopUp(true);
-    };
-    var handleArrowClickInMainImage = function (direction) {
-        if (!props.property || pictureUrls.length === 0)
-            return;
-        var newIndex = currentImageIndex;
-        if (direction === "left") {
-            newIndex =
-                (currentImageIndex - 1 + pictureUrls.length) % pictureUrls.length;
-        }
-        else if (direction === "right") {
-            newIndex = (currentImageIndex + 1) % pictureUrls.length;
+      ),
+      !o && /* @__PURE__ */ t.jsxs("div", { className: "text-white text-center", children: [
+        "No Preview Available",
+        /* @__PURE__ */ t.jsxs(
+          "button",
+          {
+            className: "btn btn-info",
+            onClick: l,
+            children: [
+              " ",
+              "Download",
+              " "
+            ]
+          }
+        )
+      ] })
+    ] }) })
+  ] }) });
+}, Ot = "data:image/svg+xml,%3csvg%20width='4'%20height='20'%20viewBox='0%200%204%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23fxcoqj8dma)'%20fill='%23313131'%3e%3ccircle%20cx='2'%20cy='2'%20r='2'/%3e%3ccircle%20cx='2'%20cy='10'%20r='2'/%3e%3ccircle%20cx='2'%20cy='18'%20r='2'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='fxcoqj8dma'%3e%3cpath%20fill='%23fff'%20d='M0%200h4v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Ut = "data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='50'%20height='50'%20rx='25'%20fill='%23fff'%20fill-opacity='.8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M29.127%2017.18a.614.614%200%200%201%200%20.872L22.177%2025l6.95%206.948a.617.617%200%200%201-.871.872l-7.384-7.384a.616.616%200%200%201%200-.872l7.384-7.383a.616.616%200%200%201%20.871%200z'%20fill='%23000'/%3e%3c/svg%3e", Dt = "data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='50'%20height='50'%20rx='25'%20fill='%23fff'%20fill-opacity='.8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.873%2032.82a.614.614%200%200%201%200-.872L27.823%2025l-6.95-6.948a.617.617%200%200%201%20.871-.872l7.384%207.384a.616.616%200%200%201%200%20.872l-7.384%207.383a.616.616%200%200%201-.871%200z'%20fill='%23000'/%3e%3c/svg%3e", Qt = "data:image/svg+xml,%3csvg%20width='150'%20height='45'%20viewBox='0%200%20150%2045'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.324%2037.932s5.001-6.516%204.403-14.405c0%200%200-.705.598-.88.564-.282%202.254.352%202.959%202.183.07.14.176.67.246%201.092.141%201.127.282%203.733-.21%207.713%200%200%2016.094-1.233%2017.292.246%200%200%20.387.282.563.74.282.67.282%201.55-1.021%201.655%200%200-4.085-.176-7.678%201.339%200%200-5.67%202.395-9.157%202.958-.035%200-4.93%201.55-7.995-2.641z'%20fill='%23FDC500'/%3e%3cpath%20d='M18.738%2038.53s2.571-1.162%207.08-1.655c0%200%201.62-.176%201.655.845%200%200%20.07.423-.67.458l-8.065.352zM26.06%203.17S19.72.74%2013.451%208.065l-7.255%2010.53s-.74%201.48.176%201.938c0%200%201.374.67%202.607-.352l9.157-7.925s1.76-1.444%203.803.423c0%200%204.332%204.508%206.305%205.389%200%200%202.324.88%203.346-.282%200%200%20.704-.81-.634-1.867%200%200-2.889-2.712-3.91-5.67%200%20.035-.986-2.818-.986-7.08zM11.41%209.791l-2.713%204.015s-2.254%203.31-3.486%202.747c0%200-1.198-.563-.035-1.726l6.233-5.036z'%20fill='%23FDC500'/%3e%3cpath%20d='M23.21%2019.441v4.825l-1.126-.458-.423-.176h-.07v-1.726h-1.515v1.726h1.55l.282.176v.106h-3.91v-.106l.282-.176h1.515v-1.726h-1.48v1.726h-.035l-.422.176-1.163.458v-4.825l1.163.352.387.106.07.035v1.69h1.48V19.9H18.28l-.282-.106v-.14h3.91v.14l-.282.106h-1.55v1.726h1.515v-1.69l.07-.036.423-.106%201.127-.352z'%20fill='%23FDC500'/%3e%3cpath%20d='M42.016%2012.75h2.395v12.96h-2.395V12.75zM59.803%2025.71l-.036-8.558-4.261%207.08h-1.057l-4.261-6.974v8.452h-2.29V12.75h1.973l5.142%208.558%205.036-8.559h1.973l.035%2012.926h-2.254v.035zM77.447%2025.71l-.035-8.558-4.262%207.08h-1.056l-4.262-6.974v8.452h-2.289V12.75h1.972l5.142%208.558%205.037-8.559h1.972l.035%2012.926h-2.254v.035zM82.309%2019.23c0-3.839%202.958-6.657%206.973-6.657s6.974%202.818%206.974%206.657-2.959%206.657-6.974%206.657c-4.015%200-6.973-2.818-6.973-6.657zm11.481%200c0-2.642-1.937-4.543-4.543-4.543s-4.543%201.902-4.543%204.543%201.937%204.543%204.543%204.543%204.543-1.902%204.543-4.543zM108.546%2019.3h.916v4.825c-1.162%201.092-2.853%201.656-4.614%201.656-3.909%200-6.762-2.782-6.762-6.551s2.853-6.55%206.797-6.55c1.867%200%203.522.598%204.649%201.76l-.598.634c-1.127-1.092-2.466-1.55-4.051-1.55-3.346%200-5.846%202.43-5.846%205.706%200%203.24%202.5%205.706%205.846%205.706%201.374%200%202.607-.317%203.663-1.198V19.3zM121.577%2022.048h-7.502l-1.655%203.663h-1.022l5.953-12.926h.95l5.953%2012.925h-1.022l-1.655-3.662zm-.352-.775-3.417-7.467-3.381%207.467h6.798zM135.594%2025.71l-3.099-4.332c-.423.07-.81.106-1.268.106h-3.698v4.226h-.951V12.75h4.649c3.24%200%205.213%201.62%205.213%204.367%200%202.043-1.092%203.486-3.029%204.05l3.24%204.543h-1.057zm-4.367-5.071c2.782%200%204.262-1.303%204.262-3.522%200-2.22-1.48-3.522-4.262-3.522h-3.698v7.008h3.698v.036zM142.18%2013.63h-4.649v-.845h10.249v.845h-4.649v12.08h-.951V13.63z'%20fill='%23242423'/%3e%3cpath%20d='M42.05%2028.246h.459v7.396h-.458v-7.396zM44.059%2030.289h.387v1.092h.035c.176-.67.88-1.198%201.655-1.198%201.022%200%201.48.564%201.62%201.127h.036c.317-.74.845-1.127%201.69-1.127.951%200%201.656.564%201.656%201.797v3.627h-.423V31.98c0-1.374-.95-1.445-1.268-1.445-.95%200-1.655.67-1.655%201.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74%200-1.69.6-1.69%201.973v3.134h-.387V30.29zM52.617%2030.289h.388v1.092h.035c.176-.67.88-1.198%201.655-1.198%201.022%200%201.48.564%201.62%201.127h.035c.317-.74.846-1.127%201.691-1.127.95%200%201.655.564%201.655%201.797v3.627h-.387V31.98c0-1.374-.951-1.445-1.268-1.445-.95%200-1.655.67-1.655%201.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74%200-1.69.6-1.69%201.973v3.134h-.388V30.29h-.035zM63.36%2030.183c1.55%200%202.43%201.268%202.43%202.783%200%201.514-.88%202.782-2.43%202.782-1.55%200-2.43-1.268-2.43-2.782%200-1.515.845-2.783%202.43-2.783zm0%205.213c1.338%200%202.043-1.162%202.043-2.43%200-1.268-.705-2.43-2.043-2.43s-2.078%201.162-2.078%202.43c0%201.268.74%202.43%202.078%202.43zM67.129%2028.246h.387v3.205h.035c.317-.845%201.163-1.268%202.008-1.268%201.55%200%202.325%201.198%202.325%202.677%200%202.536-1.585%202.923-2.325%202.923-1.409%200-1.937-1.021-2.007-1.303h-.036v1.197h-.387v-7.43zm4.332%204.614c0-1.198-.634-2.325-1.902-2.325-1.373%200-2.043.986-2.043%202.325%200%201.303.564%202.57%202.043%202.57%201.374-.034%201.902-1.373%201.902-2.57zM73.184%2029.303v-1.057h.387v1.057h-.387zm0%206.34v-5.354h.387v5.318h-.387v.035zM75.614%2028.246v7.396h-.387v-7.396h.387zM77.27%2029.303v-1.057h.387v1.057h-.388zm0%206.34v-5.354h.387v5.318h-.388v.035zM79.385%2033.036c-.036%201.268.634%202.395%201.972%202.395%201.021%200%201.726-.599%201.902-1.585h.387c-.211%201.233-1.021%201.937-2.29%201.937-1.549%200-2.359-1.233-2.359-2.677-.035-1.444.74-2.888%202.36-2.888%201.655%200%202.43%201.304%202.324%202.853h-4.296v-.035zm3.909-.352c-.035-1.127-.74-2.148-1.937-2.148-1.198%200-1.867%201.091-1.972%202.148h3.909zM84.914%2030.289h.388v1.127h.035c.281-.81%201.091-1.268%201.901-1.268%201.867%200%201.902%201.514%201.902%202.148v3.311h-.387v-3.381c0-.564-.07-1.726-1.514-1.726-1.198%200-1.902.916-1.902%202.219v2.888h-.388v-5.318h-.035zM93.227%2030.641v-.352h.95v-1.092c0-.74.529-1.056%201.163-1.056.14%200%20.317.035.458.035v.352c-.141-.035-.317-.035-.458-.035-.423%200-.775.14-.775.74v1.056h1.092v.352h-1.092v4.966h-.388v-4.966h-.95zM100.832%2035.642h-.388v-1.127h-.035c-.282.81-1.092%201.268-1.902%201.268-1.866%200-1.901-1.514-1.901-2.148v-3.346h.387v3.381c0%20.564.07%201.726%201.514%201.726%201.198%200%201.902-.916%201.902-2.219v-2.888h.388v5.353h.035zm-3.17-6.163v-1.057h.458v1.057h-.458zm1.62%200v-1.057h.458v1.057h-.458zM102.7%2031.486c.246-.704%201.092-1.268%202.078-1.197v.387c-.423-.035-.986.036-1.479.529-.388.387-.564.74-.599%201.55v2.922h-.388V30.29h.388v1.197zM113.583%2030.36c-.035-1.269-1.021-1.902-2.359-1.902-.846%200-2.043.352-2.043%201.584%200%201.198%201.268%201.374%202.501%201.656%201.267.246%202.535.563%202.535%202.042%200%201.55-1.479%202.078-2.606%202.078-1.726%200-3.134-.704-3.134-2.606h.457c-.105%201.62%201.198%202.219%202.677%202.219.881%200%202.148-.387%202.148-1.69%200-1.269-1.267-1.48-2.535-1.726-1.268-.247-2.501-.564-2.501-1.973%200-1.408%201.303-1.972%202.501-1.972%201.549%200%202.747.67%202.817%202.29h-.458zM117.458%2030.641h-1.163v3.733c0%20.846.388.951%201.163.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.387v1.655h1.163v.352zM122.703%2035.642h-.388v-1.127h-.035c-.281.81-1.092%201.268-1.902%201.268-1.866%200-1.901-1.514-1.901-2.148v-3.346h.387v3.38c0%20.564.07%201.727%201.514%201.727%201.198%200%201.902-.916%201.902-2.22V30.29h.388v5.353h.035zM126.157%2030.641h-1.162v3.733c0%20.846.387.951%201.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM129.149%2030.641h-1.162v3.733c0%20.846.387.951%201.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM134.571%2030.289v5.036c0%20.423%200%202.395-2.289%202.325-1.127%200-2.008-.423-2.078-1.656h.387c.07.951.845%201.303%201.691%201.303%201.866%200%201.901-1.514%201.901-1.866v-1.233h-.035c-.387.775-1.021%201.198-1.937%201.198-1.55%200-2.289-1.163-2.289-2.642%200-1.409.81-2.606%202.289-2.606.845%200%201.62.423%201.937%201.233h.035v-1.092h.388zm-4.262%202.5c0%201.268.669%202.29%201.902%202.29%201.303%200%201.937-1.092%201.937-2.29%200-1.197-.634-2.289-1.937-2.289-1.268.035-1.902%201.162-1.902%202.29zM139.961%2034.656c0%20.317%200%20.634.352.634.07%200%20.176%200%20.282-.035v.317c-.106.035-.212.035-.317.035-.634%200-.705-.352-.705-.775v-.282h-.035c-.247.634-.951%201.198-1.972%201.198-1.022%200-1.796-.388-1.796-1.515%200-1.232%201.091-1.514%201.972-1.584%201.761-.141%201.831-.247%201.831-1.092%200-.247-.282-1.057-1.479-1.057-.951%200-1.585.493-1.62%201.409h-.387c.035-1.162.774-1.761%202.042-1.761.916%200%201.867.282%201.867%201.373v3.135h-.035zm-.388-2.043c-.317.352-1.162.317-1.937.423-.916.106-1.444.423-1.444%201.233%200%20.634.458%201.162%201.409%201.162%201.796%200%201.972-1.55%201.972-1.796v-1.022zM141.934%2031.486c.247-.704%201.092-1.268%202.078-1.197v.387c-.422-.035-.986.036-1.479.529-.387.387-.563.74-.599%201.55v2.922h-.387V30.29h.387v1.197zM146.688%2030.641h-1.162v3.733c0%20.846.387.951%201.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352z'%20fill='%23FDC500'/%3e%3c/svg%3e";
+function qt(e) {
+  const [a, o] = E(!1), [r, l] = E(null), [n, i] = E(0), d = U(null), [f, u] = E(!1), [b, N] = E(!1), [C, h] = E(!1), [w, p] = E(!1), g = e.property?.pictures?.length > 0 ? e.property.pictures.filter((T) => T.pictureType.id === 2).map((T) => `${e.baseUrl}${T.contentUrl}`) : [De], A = e.property.pictures?.filter((T) => T.pictureType?.id === 1).map((T, x) => ({
+    url: e.baseUrl + T.contentUrl,
+    title: `Floor Plan ${x + 1}`
+  })) || [], c = () => {
+    p(!0), e.onFloorPlanClick && e.onFloorPlanClick(A);
+  }, m = () => {
+    h(!0);
+  }, v = (T) => {
+    if (!e.property || g.length === 0) return;
+    let x = n;
+    T === "left" ? x = (n - 1 + g.length) % g.length : T === "right" && (x = (n + 1) % g.length), i(x), l(g[x]), d.current ? d.current.scrollTo({
+      left: x * 150,
+      behavior: "smooth"
+    }) : console.warn("imageListRef is not set");
+  }, k = {
+    kaufpreis: e.translations?.kaufpreis || "Kaufpreis",
+    wohnflache: e.translations?.wohnflache || "Wohnfläche",
+    zimmer: e.translations?.zimmer || "Zimmer",
+    grundriss: e.translations?.grundriss || "Grundriss"
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-row property-card", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "d-flex flex-column col-md-6 col-lg-6", children: /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: "card-bod position-relative cardStyles h-100 w-100",
+        style: {
+          backgroundImage: `url(${r || g[0]})`,
+          backgroundSize: "cover",
+          backgroundPosition: "center",
+          maxWidth: "640"
+        },
+        children: [
+          /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-row col-12 justify-content-between ", children: [
+            /* @__PURE__ */ t.jsx(
+              "div",
+              {
+                className: "d-felx  align-self-start justify-items-start ms-4 ",
+                style: { left: "16px" },
+                onClick: () => v("left"),
+                role: "button",
+                children: /* @__PURE__ */ t.jsx("img", { src: Ut })
+              }
+            ),
+            /* @__PURE__ */ t.jsx("div", {}),
+            /* @__PURE__ */ t.jsx(
+              "div",
+              {
+                className: "d-flex  align-self-end justify-items-end me-4",
+                onClick: () => v("right"),
+                role: "button",
+                children: /* @__PURE__ */ t.jsx("img", { src: Dt, style: { right: "16px" } })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t.jsxs(
+            "div",
+            {
+              className: "d-flex flex-row  align-self-end justify-item-start justify-content-between align-item-start gap-1 mb-2 ms-4",
+              style: { position: "absolute", left: "0" },
+              children: [
+                /* @__PURE__ */ t.jsx("div", { className: "cardTag", style: { marginBottom: "16px" }, children: `${n + 1}/${g.length}` }),
+                /* @__PURE__ */ t.jsxs(
+                  "div",
+                  {
+                    className: "Grundriss kontact-button-text ms-2 ",
+                    role: "button",
+                    onClick: () => c(),
+                    style: { marginBottom: "16px" },
+                    children: [
+                      /* @__PURE__ */ t.jsx("img", { src: Re, className: "", style: { width: "18px" } }),
+                      " ",
+                      k.grundriss
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      },
+      e.property.id
+    ) }),
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: `listing-compact_c justify-content-between d-flex flex-column col-6 ${e.Impliment ? "cc-height" : "listing-height"}`,
+        children: [
+          /* @__PURE__ */ t.jsxs("div", { className: "col-12 d-flex justify-content-end gap-2", children: [
+            /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: Te,
+                alt: "Share Icon",
+                className: " ",
+                onClick: m,
+                style: { maxHeight: "24px", maxWidth: "24px" },
+                role: "button"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: Ot,
+                alt: "More Icon",
+                className: "",
+                style: { maxHeight: "24px", maxWidth: "24px" },
+                role: "button"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t.jsx("div", { className: "col-11", children: /* @__PURE__ */ t.jsx(
+            "span",
+            {
+              className: "propertyTitle align-items-start ",
+              onClick: e.onClick,
+              role: "button",
+              children: e.property.expose?.title
+            }
+          ) }),
+          /* @__PURE__ */ t.jsx("div", { className: "col-12", children: /* @__PURE__ */ t.jsxs("div", { className: "location-wrapper", children: [
+            /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: Ue,
+                alt: "Location Icon",
+                className: "location-icon"
+              }
+            ),
+            /* @__PURE__ */ t.jsx("span", { className: "locationTexts ", children: e.property.city || "N/A" })
+          ] }) }),
+          /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-row justify-content-between", children: [
+            /* @__PURE__ */ t.jsxs("span", { className: "priceValue justify-content-center align-items-center", children: [
+              xe(e.property?.evaluation?.askingPrice ?? 0),
+              " €",
+              /* @__PURE__ */ t.jsx("div", { className: "price_label", style: { whiteSpace: "nowrap" }, children: k.kaufpreis })
+            ] }),
+            /* @__PURE__ */ t.jsxs("span", { className: "text-dark value d-flex justify-content-center align-items-center", children: [
+              e.property.constructedArea,
+              " m²",
+              /* @__PURE__ */ t.jsx("div", { className: "details", style: { whiteSpace: "nowrap" }, children: k.wohnflache })
+            ] }),
+            /* @__PURE__ */ t.jsxs("span", { className: "text-dark value d-flex justify-content-center align-items-center", children: [
+              +e.property?.rooms,
+              /* @__PURE__ */ t.jsx(
+                "div",
+                {
+                  className: "details text-center",
+                  style: { whiteSpace: "nowrap" },
+                  children: k.zimmer
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ t.jsx("div", { className: "d-lex flex-column ", children: /* @__PURE__ */ t.jsxs("div", { className: "wrapperCompanySec d-flex justify-content-around flex-row", children: [
+            /* @__PURE__ */ t.jsx("div", { className: "d-flex flex-column col-4 justify-content-between ", children: /* @__PURE__ */ t.jsx("img", { src: Qt, alt: "Logo", className: "immooly" }) }),
+            /* @__PURE__ */ t.jsx("div", { className: "d-flex flex-column align-items-center justify-content-center", children: /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-column text-center", children: [
+              /* @__PURE__ */ t.jsx("span", { className: "fw-bold", children: e.userData ? `${e.userData.firstname} ${e.userData.lastname}` : "Firstname Lastname" }),
+              /* @__PURE__ */ t.jsx("span", { className: "fst-italic fw-normal", children: e.userData?.company ? e.userData.company : "Your Company" })
+            ] }) })
+          ] }) })
+        ]
+      }
+    ),
+    C && /* @__PURE__ */ t.jsx(Pe, { onClick: () => h(!1) }),
+    w && /* @__PURE__ */ t.jsx(
+      pe,
+      {
+        pictureUrls: A,
+        onClose: () => p(!1)
+      }
+    )
+  ] });
+}
+const Ht = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA5BAMAAABTxLEMAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH6NKgYAAAAMdFJOUwCfIL+AMO/drxBDj6+sC8sAAAH7SURBVEjHjZW/S8NAFMefqWKji8VBCg7Foc6OlQwODg4OmeziJHTrJHTLUNBFyBDoEnARXB38A1z81Qa8P8r37i65y+XukjeEQj58m/t+370HAOFJa2WAtRex1vp+QfCDdagfgH3Wqd7hthv4Cyk+Hy+9dYXIJ8zxOQNvTRFZA+luRj5uh7QYB/2SYybBAQqP/IIPHByi4ws3eIMnWXHwoI+SsVMwYWzZEyBZdO8RLKAEV27JYE5ACcIxY3ceQQWi5CZ2HXmogfSVM0coKKiBfXs8JLisgWFklRxTN9RA2LLFUwrqYGiLh0LJDBAs8fBQwAQt8QgPG2AjHhFKE2zEowQN0IhHhmIBjXimStAEa/FUHlrAWjxlKFYwVfGQ4HfmAFd02xbVkbU3BsjHmvCSQtEk62COVCTjIQ8TdZo6iC8WMh4eisvwnJsj4uEM/f2kCUpveDwyFOWQDvaE2yHKFGjTJhMWTUyQPOQtcSoG50T+Lkxwt+yIMFGD0HIVQtW2zwQ+VY3BvVSg3rWvjJ0bvavASL8HwUhvXpKswNw1SwMRTwUmzlFaH1K5e96LeCTomCdaA0uw51sgPB4BDlPnGC3jEeCRa4qa64N5Rn254SS4jn1gIFbcvE1QXLQ1X8NnA28d8jX81m2xf8F2N/AC4LoL90c+pe1cEcM/vxPDSd4VACsAAAAASUVORK5CYII=";
+function $t(e) {
+  const [a, o] = E(""), [r, l] = E(""), [n, i] = E(""), [d, f] = E(""), [u, b] = E(""), N = () => {
+    e.onCloseClick();
+  };
+  function C() {
+    e.onSubmit({ themeId: a, subject: r, messageText: n, firstName: d, lastName: u });
+  }
+  return Y(() => {
+    const h = JSON.parse(localStorage.getItem("user") || "{}");
+    h && (f(h.firstname || ""), b(h.lastname || ""));
+  }, []), /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx("div", { className: " popup-overlay", children: /* @__PURE__ */ t.jsxs("div", { className: "MessageShareSections d-flex flex-column  col-10 col-lg-7", children: [
+    /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: $,
+        alt: "close",
+        className: "closeIcon d-flex flex-column align-self-end",
+        onClick: N
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("div", { className: "", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "d-flex ms-md-5 mb-4", children: [
+        /* @__PURE__ */ t.jsx("div", { className: "circle align-self-center ms-md-2  me-4", children: /* @__PURE__ */ t.jsx(
+          "img",
+          {
+            src: Ht,
+            alt: "email",
+            className: "align-self-center",
+            style: {
+              alignSelf: "center",
+              justifyContent: "center",
+              margin: "14px",
+              width: "25px",
+              height: "20px"
+            }
+          }
+        ) }),
+        /* @__PURE__ */ t.jsxs("div", { className: "popUpHeader d-flex flex-column  text-wrap mb-md-1 ", children: [
+          "Nachricht senden ",
+          e.userData?.firstname,
+          " ",
+          e.userData?.lastname
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-md-row  flex-column ms-md-5  mt-md-0   ", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-column mt-md-0 mt-4  col me-4 w-100 align-self-start justify-content-start", children: [
+          /* @__PURE__ */ t.jsx("span", { className: "popup-tags mb-2", children: "Betreff:*" }),
+          /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsxs(
+            "select",
+            {
+              name: "theme",
+              id: "theme",
+              className: "mb-md-4 col-md-11 col-12",
+              style: { height: "42px" },
+              value: a,
+              onChange: (h) => o(h.target.value),
+              children: [
+                /* @__PURE__ */ t.jsx("option", { value: "", children: "Select a theme" }),
+                e.themesList.map(
+                  (h) => /* @__PURE__ */ t.jsx("option", { value: h.id, children: h.name }, h.id)
+                )
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-column mt-md-4 col me-4 w-100", children: [
+          /* @__PURE__ */ t.jsx("div", {}),
+          /* @__PURE__ */ t.jsx(
+            "textarea",
+            {
+              className: "popup_textarea col-12 col-md-10  mb-md-0 mt-2 ",
+              placeholder: "Betreff deiner Nachricht",
+              style: { height: "42px" },
+              value: r,
+              onChange: (h) => l(h.target.value)
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-column col ms-md-5 me-md-4", children: [
+        /* @__PURE__ */ t.jsx("span", { className: "popup-tags mb-2 ", children: "Deine Nachricht:*" }),
+        /* @__PURE__ */ t.jsx(
+          "textarea",
+          {
+            className: "popup_textarea mb-md-4 col-md-11 col-12 ",
+            placeholder: "Deine Nachricht hier...",
+            value: n,
+            onChange: (h) => i(h.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-md-row flex-column ms-md-5 ", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-column  col me-4 w-100", children: [
+          /* @__PURE__ */ t.jsx("span", { className: "popup-tags mb-2", children: "Vorname:" }),
+          /* @__PURE__ */ t.jsx(
+            "input",
+            {
+              className: "popup_textarea mb-md-4  col-12 col-md-11",
+              placeholder: "Dein Vorname",
+              type: "text",
+              value: d,
+              onChange: (h) => f(h.target.value),
+              style: { height: "42px" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-column me-4 w-100 col ", children: [
+          /* @__PURE__ */ t.jsx("span", { className: "popup-tags mb-2", children: "Nachname:" }),
+          /* @__PURE__ */ t.jsx(
+            "input",
+            {
+              className: "popup_textarea col-12 mb-4 col-md-10",
+              placeholder: "Dein Nachname",
+              type: "text",
+              value: u,
+              onChange: (h) => b(h.target.value),
+              style: { height: "42px" }
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "d-flex gap-md-3 gap-3 flex-md-row flex-column align-self-center justify-content-center mb-4 mt-md-2", children: [
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            className: "main_button border-0 rounded-4 align-self-center ",
+            type: "button",
+            id: "button",
+            onClick: C,
+            children: /* @__PURE__ */ t.jsx("strong", { children: "Nachricht senden" })
+          }
+        ),
+        /* @__PURE__ */ t.jsx("button", { className: "button_icon-right border-1 col-sm-3 align-self-center", children: /* @__PURE__ */ t.jsx("strong", { children: "Abbrechen" }) })
+      ] })
+    ] })
+  ] }) }) });
+}
+const Jt = "data:image/svg+xml,%3csvg%20width='80'%20height='81'%20viewBox='0%200%2080%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23x941tpr7ca)'%3e%3cpath%20d='M57.682%2027.808a3.125%203.125%200%200%201%200%204.42L36.717%2053.191a3.126%203.126%200%200%201-4.419%200l-9.98-9.98a3.124%203.124%200%201%201%204.42-4.42l7.77%207.771%2018.754-18.755a3.126%203.126%200%200%201%204.42%200zM80%2040.5c0%2022.11-17.893%2040-40%2040-22.11%200-40-17.893-40-40C0%2018.39%2017.893.5%2040%20.5c22.11%200%2040%2017.893%2040%2040zm-6.25%200C73.75%2021.845%2058.653%206.75%2040%206.75%2021.345%206.75%206.25%2021.847%206.25%2040.5c0%2018.655%2015.097%2033.75%2033.75%2033.75%2018.655%200%2033.75-15.097%2033.75-33.75z'%20fill='%23FFB525'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='x941tpr7ca'%3e%3cpath%20fill='%23fff'%20transform='translate(0%20.5)'%20d='M0%200h80v80H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+function e0(e) {
+  const [a, o] = E(!0), r = () => {
+    e.onClick();
+  };
+  return /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx("div", { className: "popup-overlay", children: /* @__PURE__ */ t.jsxs("div", { className: "shareSection-Success  d-flex  flex-column  col-7 ", children: [
+    /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: $,
+        alt: "close",
+        className: "closeIcon d-flex flex-column align-self-end ms-5 ",
+        onClick: r
+      }
+    ),
+    /* @__PURE__ */ t.jsx("div", { className: " d-flex flex-column align-self-center ms-5 ", children: /* @__PURE__ */ t.jsx("img", { src: Jt, alt: "facebook", className: " mb-4" }) }),
+    /* @__PURE__ */ t.jsxs("div", { className: "popUpHeader d-flex flex-column col- text-center text-wrap mb-5 align-self-center", children: [
+      /* @__PURE__ */ t.jsx("span", { children: " Herzlichen Glückwunsch! " }),
+      /* @__PURE__ */ t.jsx("span", { children: " Deine Nachricht wurde erfolgreich gesendet. " })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "d-flex flex-column mt-4 mb-4", children: /* @__PURE__ */ t.jsx("span", { className: "text-center ms-5 text-wrap", children: "Neben vielen weiteren Einstellungen und Aktionen kannst du die Antwort auf deine Nachricht in deinem Control Center einsehen, sobald der Verkäufer darauf reagiert hat." }) }),
+    /* @__PURE__ */ t.jsxs("div", { className: " d-flex flex-row align-self-center ", children: [
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          className: "d-flex button_success-left col-sm-5  border-0  rounded-4",
+          type: "button",
+          id: "button",
+          onClick: r,
+          children: /* @__PURE__ */ t.jsx("strong", { children: " Zum Control Center" })
         }
-        setCurrentImageIndex(newIndex);
-        setMainImage(pictureUrls[newIndex]);
-        // Ensure the ref exists before calling scrollTo
-        if (imageListRef.current) {
-            imageListRef.current.scrollTo({
-                left: newIndex * 150,
-                behavior: "smooth",
-            });
+      ),
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          className: "button_success-right col-sm-3 border-1 ms-3 rounded-4",
+          type: "button",
+          id: "button",
+          children: /* @__PURE__ */ t.jsx("strong", { children: "Abbrechen" })
         }
-        else {
-            console.warn("imageListRef is not set");
+      )
+    ] })
+  ] }) }) });
+}
+const Ft = "data:image/svg+xml,%3csvg%20width='80'%20height='81'%20viewBox='0%200%2080%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23gyr7eoy9ma)'%20fill='%23FFB525'%3e%3cpath%20d='M49.585%209.407a11.03%2011.03%200%200%200-19.174%200L1.378%2061.134a10.594%2010.594%200%200%200%20.097%2010.63%2010.88%2010.88%200%200%200%209.49%205.403H69.03a10.88%2010.88%200%200%200%209.49-5.403%2010.593%2010.593%200%200%200%20.097-10.63L49.585%209.407zm23.183%2059a4.276%204.276%200%200%201-3.737%202.093H10.965a4.277%204.277%200%200%201-3.737-2.103%203.94%203.94%200%200%201-.037-4l29.034-51.73a4.517%204.517%200%200%201%207.546%200l29.034%2051.727a3.94%203.94%200%200%201-.037%204.003v.01z'/%3e%3cpath%20d='M39.997%2023.832a3.333%203.333%200%200%200-3.333%203.333v20a3.333%203.333%200%200%200%206.667%200v-20a3.334%203.334%200%200%200-3.334-3.333zM39.997%2063.835a3.333%203.333%200%201%200%200-6.667%203.333%203.333%200%200%200%200%206.667z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='gyr7eoy9ma'%3e%3cpath%20fill='%23fff'%20transform='translate(0%20.5)'%20d='M0%200h80v80H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+function t0(e) {
+  const a = () => {
+    e.onClick();
+  };
+  return /* @__PURE__ */ t.jsx("div", { className: "popup-overlay", children: /* @__PURE__ */ t.jsxs("div", { className: "shareSection-Error  d-flex  flex-column col-6 ", children: [
+    /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: $,
+        alt: "close",
+        className: "closeIcon d-flex flex-column align-self-end ms-5 ",
+        onClick: a
+      }
+    ),
+    /* @__PURE__ */ t.jsx("div", { className: " d-flex flex-column align-self-center ms-5 ", children: /* @__PURE__ */ t.jsx("img", { src: Ft, alt: "facebook", className: " mb-4" }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "popUpHeader d-flex flex-column col- text-center text-wrap mb-1 align-self-center", children: /* @__PURE__ */ t.jsx("span", { children: "   Oops! Etwas ist schiefgelaufen." }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "d-flex flex-column mt-4 mb-4", children: /* @__PURE__ */ t.jsx("span", { className: "text-center ms-5 text-wrap", children: "Beim Senden deiner Nachricht ist ein Fehler aufgetreten. Wenn das Problem weiterhin besteht, kontaktiere uns unter support@nestiq.de" }) }),
+    /* @__PURE__ */ t.jsxs("div", { className: " d-flex flex-row align-self-center ", children: [
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          className: "d-flex button_success-left col-sm-5  border-0  rounded-4",
+          type: "button",
+          id: "button",
+          children: /* @__PURE__ */ t.jsx("strong", { children: "  Erneut versuchen" })
         }
-    };
-    // const boosted = "true";
-    var t = {
-        kaufpreis: ((_d = props.translations) === null || _d === void 0 ? void 0 : _d.kaufpreis) || "Kaufpreis",
-        wohnflache: ((_e = props.translations) === null || _e === void 0 ? void 0 : _e.wohnflache) || "Wohnfläche",
-        zimmer: ((_f = props.translations) === null || _f === void 0 ? void 0 : _f.zimmer) || "Zimmer",
-        grundriss: ((_g = props.translations) === null || _g === void 0 ? void 0 : _g.grundriss) || "Grundriss",
-    };
-    return (React.createElement("div", { className: "d-flex flex-row property-card" },
-        React.createElement("div", { className: "d-flex flex-column col-md-6 col-lg-6" },
-            React.createElement("div", { key: props.property.id, className: "card-bod position-relative cardStyles h-100 w-100", style: {
-                    backgroundImage: "url(".concat(mainImage || pictureUrls[0], ")"),
-                    backgroundSize: "cover",
-                    backgroundPosition: "center",
-                    maxWidth: "640",
-                } },
-                React.createElement("div", { className: "d-flex flex-row col-12 justify-content-between " },
-                    React.createElement("div", { className: "d-felx  align-self-start justify-items-start ms-4 ", style: { left: "16px" }, onClick: function () { return handleArrowClickInMainImage("left"); }, role: "button" },
-                        React.createElement("img", { src: arrowLeft })),
-                    React.createElement("div", null),
-                    React.createElement("div", { className: "d-flex  align-self-end justify-items-end me-4", onClick: function () { return handleArrowClickInMainImage("right"); }, role: "button" },
-                        React.createElement("img", { src: arrowRight, style: { right: "16px" } }))),
-                React.createElement("div", { className: "d-flex flex-row  align-self-end justify-item-start justify-content-between align-item-start gap-1 mb-2 ms-4", style: { position: "absolute", left: "0" } },
-                    React.createElement("div", { className: "cardTag", style: { marginBottom: "16px" } }, "".concat(currentImageIndex + 1, "/").concat(pictureUrls.length)),
-                    React.createElement("div", { className: "Grundriss kontact-button-text ms-2 ", role: "button", onClick: function () { return handleFloorPlanButton(); }, style: { marginBottom: "16px" } },
-                        React.createElement("img", { src: iconLayers, className: "", style: { width: "18px" } }),
-                        " ",
-                        t.grundriss)))),
-        React.createElement("div", { className: "listing-compact_c justify-content-between d-flex flex-column col-6 ".concat(props.Impliment ? "cc-height" : "listing-height") },
-            React.createElement("div", { className: "col-12 d-flex justify-content-end gap-2" },
-                React.createElement("img", { src: shareIcon, alt: "Share Icon", className: " ", onClick: handleSharePopUp, style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }),
-                React.createElement("img", { src: moreIcon, alt: "More Icon", className: "", style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" })),
-            React.createElement("div", { className: "col-11" },
-                React.createElement("span", { className: "propertyTitle align-items-start ", onClick: props.onClick, role: "button" }, (_h = props.property.expose) === null || _h === void 0 ? void 0 : _h.title)),
-            React.createElement("div", { className: "col-12" },
-                React.createElement("div", { className: "location-wrapper" },
-                    React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "location-icon" }),
-                    React.createElement("span", { className: "locationTexts " }, props.property.city || "N/A"))),
-            React.createElement("div", { className: "d-flex flex-row justify-content-between" },
-                React.createElement("span", { className: "priceValue justify-content-center align-items-center" },
-                    formatPrice((_l = (_k = (_j = props.property) === null || _j === void 0 ? void 0 : _j.evaluation) === null || _k === void 0 ? void 0 : _k.askingPrice) !== null && _l !== void 0 ? _l : 0),
-                    " \u20AC",
-                    React.createElement("div", { className: "price_label", style: { whiteSpace: "nowrap" } }, t.kaufpreis)),
-                React.createElement("span", { className: "text-dark value d-flex justify-content-center align-items-center" },
-                    props.property.constructedArea,
-                    " m\u00B2",
-                    React.createElement("div", { className: "details", style: { whiteSpace: "nowrap" } }, t.wohnflache)),
-                React.createElement("span", { className: "text-dark value d-flex justify-content-center align-items-center" },
-                    +((_m = props.property) === null || _m === void 0 ? void 0 : _m.rooms),
-                    React.createElement("div", { className: "details text-center", style: { whiteSpace: "nowrap" } }, t.zimmer))),
-            React.createElement("div", { className: "d-lex flex-column " },
-                React.createElement("div", { className: "wrapperCompanySec d-flex justify-content-around flex-row" },
-                    React.createElement("div", { className: "d-flex flex-column col-4 justify-content-between " },
-                        React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
-                    React.createElement("div", { className: "d-flex flex-column align-items-center justify-content-center" },
-                        React.createElement("div", { className: "d-flex flex-column text-center" },
-                            React.createElement("span", { className: "fw-bold" }, props.userData
-                                ? "".concat(props.userData.firstname, " ").concat(props.userData.lastname)
-                                : "Firstname Lastname"),
-                            React.createElement("span", { className: "fst-italic fw-normal" }, ((_o = props.userData) === null || _o === void 0 ? void 0 : _o.company)
-                                ? props.userData.company
-                                : "Your Company")))))),
-        sharePopUp && React.createElement(SharePopup, { onClick: function () { return setSharePopUp(false); } }),
-        isImagePopupOpen && (React.createElement(ImageListPopup, { pictureUrls: floorPlanImages, onClose: function () { return setIsImagePopupOpen(false); } }))));
-}
-
-var x = "/static/media/icon_close_2.e41bb9a4db48e048.png";
-
-var mail_icon = "/static/media/mail-icon.176f921aa16b9a3d.png";
-
-var css_248z$2 = ".popup-overlay {\r\n  position: fixed; /* Fixed position to cover the whole screen */\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */\r\n  display: flex; /* Flexbox to center the popup */\r\n  justify-content: center; /* Center horizontally */\r\n  align-items: center; /* Center vertically */\r\n  z-index: 9998; /* Ensure it's above other content */\r\n}\r\n\r\n.MessageShareSections {\r\n  height: 550px;\r\n  padding: 10px 14px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n  max-width: 1280px;\r\n}\r\n.popUpHeader {\r\n  height: 48px;\r\n  font-size: 32px;\r\n  font-weight: 600;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.closeIcon {\r\n  width: 16px;\r\n  height: 16px;\r\n  cursor: pointer;\r\n}\r\n\r\n.socialMediaIconsSection {\r\n  gap: 60px !important;\r\n}\r\n\r\n.socialMediaIcons {\r\n  width: 28px !important;\r\n  height: 28px !important;\r\n  cursor: pointer;\r\n}\r\n\r\n.socialMediaIconText {\r\n  height: 36px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  line-height: 3;\r\n  color: #344041;\r\n  cursor: pointer;\r\n}\r\n\r\n.popup_search-input {\r\n  height: 60px;\r\n  padding-inline-end: 190px;\r\n  font-size: 20px;\r\n  box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.popup_search-input::placeholder {\r\n  font-size: 20px;\r\n  color: rgba(140, 140, 140, 0.5);\r\n}\r\n\r\n.popup_search-input:focus {\r\n  outline: none;\r\n}\r\n\r\n.popupcustom-button {\r\n  height: 35px;\r\n  color: #000;\r\n  cursor: pointer;\r\n  right: 0;\r\n  z-index: 1;\r\n  background-image: var(--gradient);\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.popup-tags {\r\n  font-size: large;\r\n  font-weight: bold;\r\n}\r\n.button_icon-left {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.button-text {\r\n  width: 85px;\r\n  height: 19px;\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}\r\n.button_icon-right {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  border-color: #000;\r\n  background-color: transparent;\r\n}\r\n.circle {\r\n  height: 55px;\r\n  width: 55px;\r\n  background-color: transparent;\r\n  border-radius: 50%;\r\n  border-style: solid;\r\n  border-color: #000;\r\n  border-width: 2px;\r\n  align-content: center;\r\n  justify-content: center;\r\n  justify-items: center;\r\n  justify-self: center;\r\n}\r\n@media (min-width: 375px) and (max-width: 667px) {\r\n  .popup-overlay {\r\n    /* Fixed position to cover the whole screen */\r\n\r\n    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */\r\n    display: flex; /* Flexbox to center the popup */\r\n\r\n    z-index: 9998; /* Ensure it's above other content */\r\n  }\r\n\r\n  .MessageShareSections {\r\n    height: 650px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n    border: solid 1px #d7d9e3;\r\n    background-color: #fff;\r\n  }\r\n  .button_icon-left {\r\n    width: 90px;\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: 8px;\r\n    padding: 12px 24px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  }\r\n  .button-text {\r\n    width: 85px;\r\n    height: 19px;\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  }\r\n  .button_icon-right {\r\n    width: 184px;\r\n  }\r\n  .circle {\r\n    height: 55px;\r\n    width: 55px;\r\n    background-color: transparent;\r\n    border-radius: 50%;\r\n    border-style: solid;\r\n    border-color: #000;\r\n    border-width: 2px;\r\n  }\r\n  .button_icon-left {\r\n    width: 184px;\r\n  }\r\n}\r\n";
-styleInject(css_248z$2);
-
-function MessagePopUp(props) {
-    var _a, _b;
-    var _c = React.useState(""), themeId = _c[0], setThemeId = _c[1];
-    var _d = React.useState(""), subject = _d[0], setSubject = _d[1];
-    var _e = React.useState(""), messageText = _e[0], setMessageText = _e[1];
-    var _f = React.useState(""), firstName = _f[0], setFirstName = _f[1];
-    var _g = React.useState(""), lastName = _g[0], setLastName = _g[1];
-    var handleClose = function () {
-        props.onCloseClick();
-    };
-    function handleSendMessage() {
-        props.onSubmit({ themeId: themeId, subject: subject, messageText: messageText, firstName: firstName, lastName: lastName });
-    }
-    React.useEffect(function () {
-        var user = JSON.parse(localStorage.getItem("user") || "{}");
-        if (user) {
-            setFirstName(user.firstname || "");
-            setLastName(user.lastname || "");
+      ),
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          className: "button_success-right w-50 border-1 ms-3 rounded-4",
+          type: "button",
+          id: "button",
+          children: /* @__PURE__ */ t.jsx("strong", { children: "  Support kontaktieren" })
         }
-    }, []);
-    return (React.createElement("div", null,
-        React.createElement("div", { className: " popup-overlay" },
-            React.createElement("div", { className: "MessageShareSections d-flex flex-column  col-10 col-lg-7" },
-                React.createElement("img", { src: x, alt: "close", className: "closeIcon d-flex flex-column align-self-end", onClick: handleClose }),
-                React.createElement("div", { className: "" },
-                    React.createElement("div", { className: "d-flex ms-md-5 mb-4" },
-                        React.createElement("div", { className: "circle align-self-center ms-md-2  me-4" },
-                            React.createElement("img", { src: mail_icon, alt: "email", className: "align-self-center", style: {
-                                    alignSelf: "center",
-                                    justifyContent: "center",
-                                    margin: "14px",
-                                    width: "25px",
-                                    height: "20px",
-                                } })),
-                        React.createElement("div", { className: "popUpHeader d-flex flex-column  text-wrap mb-md-1 " },
-                            "Nachricht senden ", (_a = props.userData) === null || _a === void 0 ? void 0 :
-                            _a.firstname,
-                            " ", (_b = props.userData) === null || _b === void 0 ? void 0 :
-                            _b.lastname)),
-                    React.createElement("div", { className: "d-flex flex-md-row  flex-column ms-md-5  mt-md-0   " },
-                        React.createElement("div", { className: "d-flex flex-column mt-md-0 mt-4  col me-4 w-100 align-self-start justify-content-start" },
-                            React.createElement("span", { className: "popup-tags mb-2" }, "Betreff:*"),
-                            React.createElement("div", null,
-                                React.createElement("select", { name: "theme", id: "theme", className: "mb-md-4 col-md-11 col-12", style: { height: "42px" }, value: themeId, onChange: function (e) { return setThemeId(e.target.value); } },
-                                    React.createElement("option", { value: "" }, "Select a theme"),
-                                    props.themesList.map(function (theme) { return (React.createElement("option", { key: theme.id, value: theme.id }, theme.name)); })))),
-                        React.createElement("div", { className: "d-flex flex-column mt-md-4 col me-4 w-100" },
-                            React.createElement("div", null),
-                            React.createElement("textarea", { className: "popup_textarea col-12 col-md-10  mb-md-0 mt-2 ", placeholder: "Betreff deiner Nachricht", style: { height: "42px" }, value: subject, onChange: function (e) { return setSubject(e.target.value); } }))),
-                    React.createElement("div", { className: "d-flex flex-column col ms-md-5 me-md-4" },
-                        React.createElement("span", { className: "popup-tags mb-2 " }, "Deine Nachricht:*"),
-                        React.createElement("textarea", { className: "popup_textarea mb-md-4 col-md-11 col-12 ", placeholder: "Deine Nachricht hier...", value: messageText, onChange: function (e) { return setMessageText(e.target.value); } })),
-                    React.createElement("div", { className: "d-flex flex-md-row flex-column ms-md-5 " },
-                        React.createElement("div", { className: "d-flex flex-column  col me-4 w-100" },
-                            React.createElement("span", { className: "popup-tags mb-2" }, "Vorname:"),
-                            React.createElement("input", { className: "popup_textarea mb-md-4  col-12 col-md-11", placeholder: "Dein Vorname", type: "text", value: firstName, onChange: function (e) { return setFirstName(e.target.value); }, style: { height: "42px" } })),
-                        React.createElement("div", { className: "d-flex flex-column me-4 w-100 col " },
-                            React.createElement("span", { className: "popup-tags mb-2" }, "Nachname:"),
-                            React.createElement("input", { className: "popup_textarea col-12 mb-4 col-md-10", placeholder: "Dein Nachname", type: "text", value: lastName, onChange: function (e) { return setLastName(e.target.value); }, style: { height: "42px" } }))),
-                    React.createElement("div", { className: "d-flex gap-md-3 gap-3 flex-md-row flex-column align-self-center justify-content-center mb-4 mt-md-2" },
-                        React.createElement("button", { className: "main_button border-0 rounded-4 align-self-center ", type: "button", id: "button", onClick: handleSendMessage },
-                            React.createElement("strong", null, "Nachricht senden")),
-                        React.createElement("button", { className: "button_icon-right border-1 col-sm-3 align-self-center" },
-                            React.createElement("strong", null, "Abbrechen"))))))));
-}
-
-var css_248z$1 = ".popup-overlay {\r\n  position: fixed; /* Fixed position to cover the whole screen */\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */\r\n  display: flex; /* Flexbox to center the popup */\r\n  justify-content: center; /* Center horizontally */\r\n  align-items: center; /* Center vertically */\r\n  z-index: 2000; /* Ensure it's above other content */\r\n}\r\n\r\n.shareSection {\r\n  height: 340px;\r\n  padding: 40px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n.popUpHeader {\r\n  height: 48px;\r\n  font-size: 32px;\r\n  font-weight: 600;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.closeIcon {\r\n  width: 16px;\r\n  height: 16px;\r\n  cursor: pointer;\r\n}\r\n\r\n.socialMediaIconsSection {\r\n  gap: 60px !important;\r\n}\r\n\r\n.socialMediaIcons {\r\n  width: 28px !important;\r\n  height: 28px !important;\r\n  cursor: pointer;\r\n}\r\n\r\n.socialMediaIconText {\r\n  height: 36px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  line-height: 3;\r\n  color: #344041;\r\n  cursor: pointer;\r\n}\r\n\r\n.popup_search-input {\r\n  height: 60px;\r\n  padding-inline-end: 190px;\r\n  font-size: 20px;\r\n  box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.popup_search-input::placeholder {\r\n  font-size: 20px;\r\n  color: rgba(140, 140, 140, 0.5);\r\n}\r\n\r\n.popup_search-input:focus {\r\n  outline: none;\r\n}\r\n\r\n.popupcustom-button {\r\n  height: 35px;\r\n  color: #000;\r\n  cursor: pointer;\r\n  border-color: var(--main-yellow);\r\n  right: 0;\r\n  z-index: 1;\r\n  background-image: var(--gradient);\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.button-text {\r\n  width: 115px;\r\n  height: 19px;\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}\r\n.button_success-right {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  border-color: #000;\r\n  background-color: transparent;\r\n}\r\n.button_success-left {\r\n  width: 200px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: var(--main-yellow);\r\n}\r\n.shareSection-Success {\r\n  height: 510px;\r\n  padding: 40px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n.shareSection-Error {\r\n  height: 400px;\r\n  padding: 10px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n.MessageShareSection {\r\n  height: 513px;\r\n  padding: 14px 14px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n\r\n.popup-tags {\r\n  font-size: large;\r\n  font-weight: bold;\r\n}\r\n.button_icon-left {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.main_button {\r\n width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-image: var(--gradient);\r\n}\r\n.button-text {\r\n  width: 85px;\r\n  height: 19px;\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}\r\n.button_icon-right {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  border-color: #000;\r\n  background-color: transparent;\r\n}\r\n.circle {\r\n  height: 55px;\r\n  width: 55px;\r\n  background-color: transparent;\r\n  border-radius: 50%;\r\n  border-style: solid;\r\n  border-color: #000;\r\n  border-width: 2px;\r\n}\r\n.Line-9,\r\n.Line-10 {\r\n  height: 1px;\r\n  flex-grow: 1;\r\n  background-color: rgba(140, 140, 140, 0.5);\r\n  max-width: 18rem;\r\n  align-self: center;\r\n  align-content: center;\r\n}\r\n\r\n.middle-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.middle-text {\r\n  margin: 25px 25px;\r\n}\r\n.google-button {\r\n  width: 260px;\r\n  height: 45px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 4px;\r\n  background-color: #000000;\r\n  background: linear-gradient(to top, #000, #666);\r\n}\r\n.Account-popup {\r\n  height: 713px;\r\n  padding: 10px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n  max-width: 1000px;\r\n}\r\n.lightertxt {\r\n  color: #797979;\r\n}\r\n\r\n.filter {\r\n  height: 343px;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 32px;\r\n  border-radius: 32px;\r\n  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n  background-color: #f2f2f2;\r\n}\r\n.loginFilter {\r\n  height: 280px;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 32px;\r\n  border-radius: 32px;\r\n  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n  background-color: #f2f2f2;\r\n}\r\n.radioLabel {\r\n  width: 176px;\r\n  height: 19px;\r\n  flex-grow: 0;\r\n  font-family: Inter;\r\n  font-size: 16px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: left;\r\n  color: #1b1b1b;\r\n}\r\n.goButton-text {\r\n  width: 78px;\r\n  height: 19px;\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: #1b1b1b;\r\n}\r\n.placeholders {\r\n  width: 232px;\r\n  height: 45px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 4px;\r\n  background-image: linear-gradient(to top, #000 100%, #666 0%);\r\n}\r\n.TagW.active {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-image: linear-gradient(to top, #000, #666);\r\n  color: white;\r\n}\r\n.Tag {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-image: linear-gradient(\r\n    to top,\r\n    rgba(255, 0, 0, 0),\r\n    rgba(255, 0, 0, 1)\r\n  );\r\n}\r\n.TagW {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  border: solid 1px #000;\r\n  background-color: #fff;\r\n  color: #000;\r\n}\r\n/* */\r\n@media (min-width: 375px) and (max-width: 667px) {\r\n  .Account-popup {\r\n    height: 650px !important;\r\n    padding: 10px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n    border: solid 1px #d7d9e3;\r\n    background-color: #fff;\r\n    width: 90vw;\r\n  }\r\n  .filter {\r\n  height: 260px;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 32px;\r\n  border-radius: 32px;\r\n  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n  background-color: #f2f2f2;\r\n}\r\n.middle-text {\r\n  margin: 5px 25px;\r\n}\r\n.loginFilter {\r\n  height: 180px;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 32px;\r\n  border-radius: 32px;\r\n  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n  background-color: #f2f2f2;\r\n}\r\n}\r\n";
-styleInject(css_248z$1);
-
-var icon_checkmark = "/static/media/icon_checkmark.9b48c4a4bc651b08.svg";
-
-function SuccessPopUp(props) {
-    var _a = React.useState(true); _a[0]; _a[1];
-    var handleClose = function () {
-        props.onClick();
-    };
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "popup-overlay" },
-            React.createElement("div", { className: "shareSection-Success  d-flex  flex-column  col-7 " },
-                React.createElement("img", { src: x$1, alt: "close", className: "closeIcon d-flex flex-column align-self-end ms-5 ", onClick: handleClose }),
-                React.createElement("div", { className: " d-flex flex-column align-self-center ms-5 " },
-                    React.createElement("img", { src: icon_checkmark, alt: "facebook", className: " mb-4" })),
-                React.createElement("div", { className: "popUpHeader d-flex flex-column col- text-center text-wrap mb-5 align-self-center" },
-                    React.createElement("span", null, " Herzlichen Gl\u00FCckwunsch! "),
-                    React.createElement("span", null, " Deine Nachricht wurde erfolgreich gesendet. ")),
-                React.createElement("div", { className: "d-flex flex-column mt-4 mb-4" },
-                    React.createElement("span", { className: "text-center ms-5 text-wrap" }, "Neben vielen weiteren Einstellungen und Aktionen kannst du die Antwort auf deine Nachricht in deinem Control Center einsehen, sobald der Verk\u00E4ufer darauf reagiert hat.")),
-                React.createElement("div", { className: " d-flex flex-row align-self-center " },
-                    React.createElement("button", { className: "d-flex button_success-left col-sm-5  border-0  rounded-4", type: "button", id: "button", onClick: handleClose },
-                        React.createElement("strong", null, " Zum Control Center")),
-                    React.createElement("button", { className: "button_success-right col-sm-3 border-1 ms-3 rounded-4", type: "button", id: "button" },
-                        React.createElement("strong", null, "Abbrechen")))))));
-}
-
-var warning = "/static/media/warning.6f99cb4c6a048b47.svg";
-
-var css_248z = ".popup-overlay {\r\n  position: fixed; /* Fixed position to cover the whole screen */\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */\r\n  display: flex; /* Flexbox to center the popup */\r\n  justify-content: center; /* Center horizontally */\r\n  align-items: center; /* Center vertically */\r\n  z-index: 2000; /* Ensure it's above other content */\r\n}\r\n\r\n.shareSection {\r\n  height: 340px;\r\n  padding: 40px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n  max-width: 1280px;\r\n}\r\n.popUpHeader {\r\n  height: 48px;\r\n  font-size: 32px;\r\n  font-weight: 600;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.closeIcon {\r\n  width: 16px;\r\n  height: 16px;\r\n  cursor: pointer;\r\n}\r\n\r\n.socialMediaIconsSection {\r\n  gap: 60px !important;\r\n}\r\n\r\n.socialMediaIcons {\r\n  width: 28px !important;\r\n  height: 28px !important;\r\n  cursor: pointer;\r\n}\r\n\r\n.socialMediaIconText {\r\n  height: 36px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  line-height: 3;\r\n  color: #344041;\r\n  cursor: pointer;\r\n}\r\n\r\n.popup_search-input {\r\n  height: 60px;\r\n  padding-inline-end: 190px;\r\n  font-size: 20px;\r\n  box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.popup_search-input::placeholder {\r\n  font-size: 20px;\r\n  color: rgba(140, 140, 140, 0.5);\r\n}\r\n\r\n.popup_search-input:focus {\r\n  outline: none;\r\n}\r\n\r\n.popupcustom-button {\r\n  height: 35px;\r\n  color: #000;\r\n  cursor: pointer;\r\n  border-color: var(--main-yellow);\r\n  right: 0;\r\n  z-index: 1;\r\n  background-image: var(--gradient);\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.button-text {\r\n  width: 115px;\r\n  height: 19px;\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}\r\n.button_success-right {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  border-color: #000;\r\n  background-color: transparent;\r\n}\r\n.button_success-left {\r\n  width: 200px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: var(--main-yellow);\r\n}\r\n.shareSection-Success {\r\n  height: 510px;\r\n  padding: 40px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n.shareSection-Error {\r\n  height: 400px;\r\n  padding: 10px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n.MessageShareSection {\r\n  height: 513px;\r\n  padding: 14px 14px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n\r\n.popup-tags {\r\n  font-size: large;\r\n  font-weight: bold;\r\n}\r\n.button_icon-left {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.main_button {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-image: var(--gradient);\r\n}\r\n.button-text {\r\n  width: 85px;\r\n  height: 19px;\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}\r\n.button_icon-right {\r\n  width: 184px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  border-color: #000;\r\n  background-color: transparent;\r\n}\r\n.circle {\r\n  height: 55px;\r\n  width: 55px;\r\n  background-color: transparent;\r\n  border-radius: 50%;\r\n  border-style: solid;\r\n  border-color: #000;\r\n  border-width: 2px;\r\n}\r\n.Line-9,\r\n.Line-10 {\r\n  height: 1px;\r\n  flex-grow: 1;\r\n  background-color: rgba(140, 140, 140, 0.5);\r\n  max-width: 18rem;\r\n  align-self: center;\r\n  align-content: center;\r\n}\r\n\r\n.middle-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.middle-text {\r\n  margin: 25px 25px;\r\n}\r\n.google-button {\r\n  width: 260px;\r\n  height: 45px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 4px;\r\n  background-color: #000000;\r\n  background: linear-gradient(to top, #000, #666);\r\n}\r\n.Account-popup {\r\n  height: 713px;\r\n  padding: 10px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n  max-width: 1000px;\r\n}\r\n.lightertxt {\r\n  color: #797979;\r\n}\r\n\r\n.filter {\r\n  height: 343px;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 32px;\r\n  border-radius: 32px;\r\n  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n  background-color: #f2f2f2;\r\n}\r\n.loginFilter {\r\n  height: 280px;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 32px;\r\n  border-radius: 32px;\r\n  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n  background-color: #f2f2f2;\r\n}\r\n.radioLabel {\r\n  width: 176px;\r\n  height: 19px;\r\n  flex-grow: 0;\r\n  font-family: Inter;\r\n  font-size: 16px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: left;\r\n  color: #1b1b1b;\r\n}\r\n.goButton-text {\r\n  width: 78px;\r\n  height: 19px;\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: #1b1b1b;\r\n}\r\n.placeholders {\r\n  width: 232px;\r\n  height: 45px;\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: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 4px;\r\n  background-image: linear-gradient(to top, #000 100%, #666 0%);\r\n}\r\n.TagW.active {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-image: linear-gradient(to top, #000, #666);\r\n  color: white;\r\n}\r\n.Tag {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-image: linear-gradient(\r\n    to top,\r\n    rgba(255, 0, 0, 0),\r\n    rgba(255, 0, 0, 1)\r\n  );\r\n}\r\n.TagW {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  border: solid 1px #000;\r\n  background-color: #fff;\r\n  color: #000;\r\n}\r\n/* */\r\n@media (min-width: 375px) and (max-width: 667px) {\r\n  .Account-popup {\r\n    height: 650px !important;\r\n    padding: 10px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n    border: solid 1px #d7d9e3;\r\n    background-color: #fff;\r\n    width: 90vw;\r\n  }\r\n  .filter {\r\n    height: 260px;\r\n    align-self: stretch;\r\n    flex-grow: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n    padding: 32px;\r\n    border-radius: 32px;\r\n    box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n    background-color: #f2f2f2;\r\n  }\r\n  .middle-text {\r\n    margin: 5px 25px;\r\n  }\r\n  .loginFilter {\r\n    height: 180px;\r\n    align-self: stretch;\r\n    flex-grow: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n    padding: 32px;\r\n    border-radius: 32px;\r\n    box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n    background-color: #f2f2f2;\r\n  }\r\n}\r\n";
-styleInject(css_248z);
-
-function ErrorPopup(props) {
-    var handleClose = function () {
-        props.onClick();
-    };
-    return (React.createElement("div", { className: "popup-overlay" },
-        React.createElement("div", { className: "shareSection-Error  d-flex  flex-column col-6 " },
-            React.createElement("img", { src: x, alt: "close", className: "closeIcon d-flex flex-column align-self-end ms-5 ", onClick: handleClose }),
-            React.createElement("div", { className: " d-flex flex-column align-self-center ms-5 " },
-                React.createElement("img", { src: warning, alt: "facebook", className: " mb-4" })),
-            React.createElement("div", { className: "popUpHeader d-flex flex-column col- text-center text-wrap mb-1 align-self-center" },
-                React.createElement("span", null, "   Oops! Etwas ist schiefgelaufen.")),
-            React.createElement("div", { className: "d-flex flex-column mt-4 mb-4" },
-                React.createElement("span", { className: "text-center ms-5 text-wrap" }, "Beim Senden deiner Nachricht ist ein Fehler aufgetreten. Wenn das Problem weiterhin besteht, kontaktiere uns unter support@nestiq.de")),
-            React.createElement("div", { className: " d-flex flex-row align-self-center " },
-                React.createElement("button", { className: "d-flex button_success-left col-sm-5  border-0  rounded-4", type: "button", id: "button" },
-                    React.createElement("strong", null, "  Erneut versuchen")),
-                React.createElement("button", { className: "button_success-right w-50 border-1 ms-3 rounded-4", type: "button", id: "button" },
-                    React.createElement("strong", null, "  Support kontaktieren"))))));
-}
-
-// Utility function to show a toast
-var showToast = function (message, type) {
-    if (type === void 0) { type = "info"; }
-    reactToastify.toast(message, { type: type });
+      )
+    ] })
+  ] }) });
+}
+const a0 = (e, a = "info") => {
+  _(e, { type: a });
+}, s0 = () => /* @__PURE__ */ t.jsx(
+  Mt,
+  {
+    position: "top-right",
+    autoClose: 5e3,
+    hideProgressBar: !1,
+    closeOnClick: !0,
+    rtl: !1,
+    pauseOnFocusLoss: !0,
+    draggable: !0,
+    pauseOnHover: !0
+  }
+);
+export {
+  Wt as Button,
+  t0 as ErrorPopup,
+  Xt as FloorPlanPopup,
+  $t as MessagePopUp,
+  qt as NewPropertyCard,
+  Gt as Popup,
+  Kt as PropertyCard,
+  Yt as PropertyDetailsHeader,
+  Zt as PropertyImageList,
+  Pe as SharePopup,
+  e0 as SuccessPopUp,
+  s0 as ToastWrapper,
+  xe as formatPrice,
+  Se as formatPropertyArea,
+  a0 as showToast
 };
-var ToastWrapper = function () { return (React.createElement(reactToastify.ToastContainer, { position: "top-right", autoClose: 5000, hideProgressBar: false, closeOnClick: true, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true })); };
-
-exports.Button = Button;
-exports.ErrorPopup = ErrorPopup;
-exports.FloorPlanPopup = FloorPlanPopup;
-exports.MessagePopUp = MessagePopUp;
-exports.NewPropertyCard = PropertyCard;
-exports.Popup = Popup;
-exports.PropertyCard = PropertyCard$1;
-exports.PropertyDetailsHeader = PropertyDetailsHeader;
-exports.PropertyImageList = PropertyImageList;
-exports.SharePopup = SharePopup;
-exports.SuccessPopUp = SuccessPopUp;
-exports.ToastWrapper = ToastWrapper;
-exports.formatPrice = formatPrice;
-exports.formatPropertyArea = formatPropertyArea;
-exports.showToast = showToast;
 //# sourceMappingURL=index.js.map