@ozdao/prometheus-framework 0.1.18 → 0.1.20

package/dist/BackofficeGallery-3bb55ea2.mjs

@@ -0,0 +1,357 @@
+import ee, { reactive as te, ref as h, watchEffect as le, openBlock as u, createElementBlock as m, createVNode as b, unref as $, withCtx as P, Fragment as Q, renderList as W, createElementVNode as s, computed as ae, onMounted as oe, createCommentVNode as j, Transition as J, createTextVNode as Y, toDisplayString as D, withDirectives as ne, vShow as se, pushScopeId as ie, popScopeId as re } from "vue";
+import { a as Z } from "./index-a661083c.mjs";
+import { V as ce } from "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
+import { _ as de } from "./UploadImageMultiple-cb6c7188.mjs";
+import { useRoute as ue } from "vue-router";
+import { _ as me } from "./_plugin-vue_export-helper-dad06003.mjs";
+var F = {};
+(function(o) {
+  Object.defineProperties(o, { __esModule: { value: !0 }, [Symbol.toStringTag]: { value: "Module" } });
+  var e = ee;
+  const c = { class: "flex-nowrap flex-v-center flex pd-medium bg-white" }, i = { key: 0, class: "t-left mn-r-small w-33" }, r = { class: "w-100" }, V = ["value", "placeholder"], w = e.defineComponent({ __name: "Field", props: { label: { default: "Label" }, placeholder: { default: "Enter something here" }, field: { default: null }, validation: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], setup(t, { emit: a }) {
+    const l = t, d = e.ref(l.field);
+    return (p, y) => (e.openBlock(), e.createElementBlock("div", c, [t.label ? (e.openBlock(), e.createElementBlock("div", i, [e.createElementVNode("label", null, e.toDisplayString(t.label), 1)])) : e.createCommentVNode("", !0), e.createElementVNode("div", r, [e.createElementVNode("input", { onInput: y[0] || (y[0] = (z) => {
+      var g;
+      return d.value = a("update:modelValue", (g = z.target) == null ? void 0 : g.value);
+    }), type: "text", class: "w-100", value: t.field, placeholder: t.placeholder }, null, 40, V)])]));
+  } }), v = { class: "input-wrapper" }, C = { class: "t-transp p-small" }, x = { key: 0, class: "flex-nojustify flex-v-center flex-nowrap flex w-100" }, S = { key: 1, class: "w-100" }, N = ["onClick"], n = { __name: "Select", props: ["obj", "label", "prop", "value", "options", "content", "textarea", "placeholder", "size"], setup(t) {
+    const a = t, l = e.ref(null), d = e.ref(!1);
+    e.ref("Please select an item");
+    let p = e.computed(() => {
+      if (a.prop[a.content]) {
+        var g = a.options.indexOf(a.prop[a.content]), k = a.options.map((f) => f);
+        return g != -1 && k.splice(g, 1), k;
+      } else
+        return a.options;
+    });
+    a.prop[a.content] && (l.value = a.prop[a.content]);
+    function y() {
+      d.value = !d.value;
+    }
+    function z(g, k, f) {
+      var H = f;
+      l.value = H, d.value = !d.value, g[k] = H;
+    }
+    return (g, k) => (e.openBlock(), e.createElementBlock("div", v, [e.createElementVNode("span", C, e.toDisplayString(t.label), 1), e.createElementVNode("li", { onClick: k[0] || (k[0] = e.withModifiers((f) => y(), ["stop"])), class: e.normalizeClass([{ "input-small": t.size === "small" }, "pd-small flex-center flex-nowrap flex bg-grey input-select input"]) }, [l.value ? (e.openBlock(), e.createElementBlock("span", x, [e.createElementVNode("span", null, e.toDisplayString(l.value.name ? l.value.name : l.value), 1)])) : (e.openBlock(), e.createElementBlock("span", S, e.toDisplayString(t.placeholder ? t.placeholder : "Please select"), 1))], 2), d.value ? (e.openBlock(), e.createElementBlock("ul", { key: 0, class: e.normalizeClass([{ "dropdown-small": t.size === "small" }, "bg-grey dropdown-menu"]) }, [(e.openBlock(!0), e.createElementBlock(e.Fragment, null, e.renderList(e.unref(p), (f) => (e.openBlock(), e.createElementBlock("li", { class: e.normalizeClass([{ "input-small": t.size === "small" }, "pd-small bg-grey input-select input"]) }, [f ? (e.openBlock(), e.createElementBlock("span", { key: 0, onClick: (H) => z(t.prop, t.content, f), class: "flex-nojustify flex-v-center flex-nowrap flex w-100" }, [e.createElementVNode("span", null, e.toDisplayString(f.name ? f.name : f), 1)], 8, N)) : e.createCommentVNode("", !0)], 2))), 256))], 2)) : e.createCommentVNode("", !0)]));
+  } }, B = ["disabled"], I = { key: 0 }, R = { key: 0, class: "loading" }, E = e.createElementVNode("span", null, [e.createElementVNode("svg", { class: "i-default", width: "135", height: "140", viewBox: "0 0 135 140", xmlns: "http://www.w3.org/2000/svg", fill: "#fff" }, [e.createElementVNode("rect", { y: "10", width: "15", height: "120", rx: "6" }, [e.createElementVNode("animate", { attributeName: "height", begin: "0.5s", dur: "1s", values: "120;110;100;90;80;70;60;50;40;140;120", calcMode: "linear", repeatCount: "indefinite" }), e.createTextVNode(), e.createElementVNode("animate", { attributeName: "y", begin: "0.5s", dur: "1s", values: "10;15;20;25;30;35;40;45;50;0;10", calcMode: "linear", repeatCount: "indefinite" })]), e.createElementVNode("rect", { x: "30", y: "10", width: "15", height: "120", rx: "6" }, [e.createElementVNode("animate", { attributeName: "height", begin: "0.25s", dur: "1s", values: "120;110;100;90;80;70;60;50;40;140;120", calcMode: "linear", repeatCount: "indefinite" }), e.createTextVNode(), e.createElementVNode("animate", { attributeName: "y", begin: "0.25s", dur: "1s", values: "10;15;20;25;30;35;40;45;50;0;10", calcMode: "linear", repeatCount: "indefinite" })]), e.createElementVNode("rect", { x: "60", width: "15", height: "140", rx: "6" }, [e.createElementVNode("animate", { attributeName: "height", begin: "0s", dur: "1s", values: "120;110;100;90;80;70;60;50;40;140;120", calcMode: "linear", repeatCount: "indefinite" }), e.createTextVNode(), e.createElementVNode("animate", { attributeName: "y", begin: "0s", dur: "1s", values: "10;15;20;25;30;35;40;45;50;0;10", calcMode: "linear", repeatCount: "indefinite" })]), e.createElementVNode("rect", { x: "90", y: "10", width: "15", height: "120", rx: "6" }, [e.createElementVNode("animate", { attributeName: "height", begin: "0.25s", dur: "1s", values: "120;110;100;90;80;70;60;50;40;140;120", calcMode: "linear", repeatCount: "indefinite" }), e.createTextVNode(), e.createElementVNode("animate", { attributeName: "y", begin: "0.25s", dur: "1s", values: "10;15;20;25;30;35;40;45;50;0;10", calcMode: "linear", repeatCount: "indefinite" })]), e.createElementVNode("rect", { x: "120", y: "10", width: "15", height: "120", rx: "6" }, [e.createElementVNode("animate", { attributeName: "height", begin: "0.5s", dur: "1s", values: "120;110;100;90;80;70;60;50;40;140;120", calcMode: "linear", repeatCount: "indefinite" }), e.createTextVNode(), e.createElementVNode("animate", { attributeName: "y", begin: "0.5s", dur: "1s", values: "10;15;20;25;30;35;40;45;50;0;10", calcMode: "linear", repeatCount: "indefinite" })])])], -1), T = [E], A = { key: 0, class: "h4 loading" }, O = e.createElementVNode("span", { class: "t-white" }, "✔", -1), q = [O], X = { key: 0, class: "error" }, L = e.defineComponent({ __name: "Button", props: { submit: { type: Function, default: async () => {
+    console.log("Button click.");
+  } }, callback: { type: Function, default: async () => {
+    console.log("Button callback.");
+  } }, validation: { type: Boolean, default: !1 } }, setup(t) {
+    const a = t, l = e.ref(null), d = e.ref(null), p = e.ref(!1), y = e.ref(!1);
+    async function z() {
+      l.value.style["pointer-events"] = "none", d.value = null, p.value = !0;
+      try {
+        await a.submit(), l.value.classList.add("bg-light-blue"), l.value.classList.remove("bg-blue"), p.value = !1, y.value = !0, setTimeout(() => a.callback(), 750);
+      } catch {
+        l.value.classList.add("bg-light-red"), l.value.classList.remove("bg-blue"), d.value = "❌", setTimeout(() => {
+          l.value.classList.add("bg-blue"), l.value.classList.remove("bg-light-red"), l.value.style.pointerEvents = "auto", p.value = !1, y.value = !1, d.value = null;
+        }, 1e3);
+      }
+    }
+    return (g, k) => (e.openBlock(), e.createElementBlock("button", { onClick: z, disabled: t.validation, ref_key: "button", ref: l, class: "w-100 t-white bg-blue button" }, [e.createVNode(e.Transition, { mode: "out-in", name: "fadeIn" }, { default: e.withCtx(() => [!p.value && !d.value && !y.value ? (e.openBlock(), e.createElementBlock("span", I, [e.renderSlot(g.$slots, "default")])) : e.createCommentVNode("", !0)]), _: 3 }), e.createVNode(e.Transition, { mode: "out-in", name: "fadeIn" }, { default: e.withCtx(() => [p.value && !d.value ? (e.openBlock(), e.createElementBlock("div", R, T)) : e.createCommentVNode("", !0)]), _: 1 }), e.createVNode(e.Transition, { mode: "out-in", name: "fadeIn" }, { default: e.withCtx(() => [y.value ? (e.openBlock(), e.createElementBlock("div", A, q)) : e.createCommentVNode("", !0)]), _: 1 }), e.createVNode(e.Transition, { mode: "out-in", name: "fadeIn" }, { default: e.withCtx(() => [d.value ? (e.openBlock(), e.createElementBlock("div", X, [e.createElementVNode("span", null, e.toDisplayString(d.value), 1)])) : e.createCommentVNode("", !0)]), _: 1 })], 8, B));
+  } });
+  var U = { install: (t) => {
+    t.component("Field", w), t.component("Button", L), t.component("Select", n);
+  } };
+  o.Button = L, o.Field = w, o.Select = n, o.default = U;
+})(F);
+const pe = process.env.API_URL, K = Z.create({ baseURL: pe, withCredentials: !0 }), _ = te({
+  gallery: []
+}), M = {
+  async fetchGallery(o, e) {
+    const c = [];
+    o && c.push(`page=${o}`), e && c.push(`limit=${e}`);
+    const i = `/api/gallery${c.length ? `?${c.join("&")}` : ""}`;
+    try {
+      const r = await K.get(i);
+      if (console.log(r), r && r.data)
+        return _.gallery = [..._.gallery, ...r.data], r.data;
+    } catch (r) {
+      throw console.error("Error fetching gallery:", r), r;
+    }
+  },
+  async createPhoto(o) {
+    try {
+      const e = await K.post("/api/gallery/create", o);
+      console.log(e.data), _.gallery = [...e.data, ..._.gallery];
+    } catch (e) {
+      console.error(e);
+    }
+  },
+  async updatePhoto(o) {
+    try {
+      const e = {
+        ...o,
+        categories: typeof o.categories == "string" ? o.categories.split(",").map((r) => r.trim()) : o.categories
+      }, c = await Z.post("/api/gallery/update", e), i = _.gallery.findIndex((r) => r._id === o._id);
+      i !== -1 && (_.gallery[i] = c.data);
+    } catch (e) {
+      console.error(e);
+    }
+  },
+  async deletePhoto(o) {
+    try {
+      const e = await K.post(`/api/gallery/delete/${o}`), c = _.gallery.findIndex((i) => i._id === o);
+      c !== -1 && _.gallery.splice(c, 1);
+    } catch (e) {
+      console.error(e);
+    }
+  }
+};
+const ve = { class: "pos-relative" }, ge = ["src"], fe = ["onClick"], he = {
+  __name: "EditImages",
+  props: {
+    images: Array
+  },
+  emits: ["update"],
+  setup(o, { emit: e }) {
+    const c = o, i = h([...c.images]);
+    le(() => {
+      i.value = [...c.images];
+    });
+    const r = () => {
+      e("update:images", i.value);
+    }, V = (v) => {
+      i.value = [...i.value, ...v], r();
+    }, w = (v) => {
+      i.value.splice(v, 1), r();
+    };
+    return (v, C) => (u(), m("div", null, [
+      b(de, {
+        "onUpdate:images": V,
+        uploadPath: "photos",
+        class: "mn-semi pd-small w-100 button bg-black t-white"
+      }),
+      b($(ce), {
+        class: "gap-small flex dragArea list-group w-full",
+        modelValue: i.value,
+        "onUpdate:modelValue": C[0] || (C[0] = (x) => i.value = x),
+        onChange: r
+      }, {
+        default: P(() => [
+          (u(!0), m(Q, null, W(i.value, (x, S) => (u(), m("div", ve, [
+            s("img", {
+              class: "i-extra radius-small o-hidden mn-thin",
+              src: (v.FILE_SERVER_URL || "") + x
+            }, null, 8, ge),
+            s("a", {
+              onClick: (N) => w(S),
+              class: "pos-absolute t-center radius-extra i-medium bg-red pos-t-0 pos-r-0"
+            }, "X", 8, fe)
+          ]))), 256))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+};
+const G = (o) => (ie("data-v-f1c3938d"), o = o(), re(), o), _e = { class: "pos-relative w-100" }, ye = { class: "w-100 o-hidden" }, be = { class: "pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll" }, ke = ["data-id"], we = ["src", "onClick"], xe = {
+  key: 1,
+  class: "pd-small radius-small bg-white"
+}, Ne = ["src", "onClick"], Ee = { class: "t-black p-small mn-small" }, Ve = /* @__PURE__ */ G(() => /* @__PURE__ */ s("span", { class: "uppercase t-transp" }, "Size", -1)), Ce = /* @__PURE__ */ G(() => /* @__PURE__ */ s("br", null, null, -1)), Be = { class: "pd-2px radius-big d-inline-block bg-grey" }, Se = { class: "t-black p-small mn-small uppe" }, Ie = /* @__PURE__ */ G(() => /* @__PURE__ */ s("span", { class: "uppercase t-transp" }, "Categories", -1)), ze = /* @__PURE__ */ G(() => /* @__PURE__ */ s("br", null, null, -1)), Me = { class: "pd-2px radius-big d-inline-block bg-grey t-semi" }, $e = { class: "flex-nowrap flex" }, Pe = ["onClick"], Te = { class: "modal pd-thin" }, Le = { class: "modal-content radius-big" }, Ue = { class: "" }, je = ["src"], De = {
+  key: 0,
+  class: "flex-v-center flex m modal pd-big"
+}, Fe = { class: "modal-content radius-small pd-medium bg-white" }, Ge = ["src"], Re = ["src"], Ae = {
+  __name: "BackofficeGallery",
+  setup(o) {
+    ue();
+    const e = h(!0), c = h(null);
+    let i = 1;
+    const r = 10;
+    let V = h(null), w = h(!1);
+    const v = h([]), C = (t) => {
+      v.value = t;
+    }, x = ae(() => U.value === "all" ? _.gallery : _.gallery.filter((t) => t.categories.includes(U.value))), S = async () => {
+      w.value = !0, await M.fetchGallery(i, r), w.value = !1;
+    }, N = h(null), n = h({
+      categories: "",
+      size: "",
+      image: !1
+    }), B = h(null), I = (t) => {
+      console.log(e.value), e.value ? R(t) : (N.value = "modal", n.value.image = t, T());
+    }, R = (t) => {
+      N.value = "edit-modal", n.value = t || {
+        categories: "",
+        size: "",
+        image: null
+      }, T();
+    }, E = () => {
+      n.value = {
+        categories: "",
+        size: "",
+        image: !1
+      }, B.value = null, A();
+    }, T = () => {
+      document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden";
+    }, A = () => {
+      document.body.style.overflow = "", document.documentElement.style.overflow = "";
+    }, O = [
+      { name: "Small", value: "" },
+      { name: "Regular", value: "grid-item--width1 grid-item--height1" },
+      { name: "Medium", value: "grid-item--width2 grid-item--height2" },
+      { name: "Big", value: "grid-item--width3 grid-item--height3" }
+    ], q = async (t) => {
+      await M.deletePhoto(t);
+    }, X = async () => {
+      await M.updatePhoto(n.value), E();
+    }, L = async (t) => {
+      if (v.length < 1 || !n.value.categories || !n.value.size) {
+        console.error("All fields are required.");
+        return;
+      }
+      await M.createPhoto({
+        images: v.value,
+        size: n.value.size,
+        categories: typeof n.value.categories == "string" ? n.value.categories.split(",").map((a) => a.trim()) : n.value.categories
+      }), E();
+    };
+    let U = h("all");
+    return oe(async () => {
+      await M.fetchGallery(i, r), typeof window < "u" && new IntersectionObserver((a) => {
+        a.some((l) => l.isIntersecting) && (i += 1, S());
+      }).observe(V.value);
+    }), (t, a) => (u(), m("div", _e, [
+      s("div", ye, [
+        s("div", be, [
+          e.value ? (u(), m("button", {
+            key: 0,
+            onClick: a[0] || (a[0] = (l) => I(null)),
+            class: "mn-r-small t-white t-black bg-second button-small button"
+          }, "Add photos +")) : j("", !0)
+        ])
+      ]),
+      s("div", {
+        ref_key: "grid",
+        ref: c,
+        class: "pd-medium cols-4 gap-thin"
+      }, [
+        (u(!0), m(Q, null, W($(x), (l, d) => (u(), m("div", {
+          key: l.id,
+          "data-id": l.id
+        }, [
+          b(J, {
+            name: "scaleIn",
+            mode: "in-out"
+          }, {
+            default: P(() => [
+              !e.value && c.value ? (u(), m("img", {
+                key: 0,
+                src: "https://thecommunephuket.com/photos/" + l.cover,
+                class: "w-100 h-100 o-hidden radius-medium object-fit-cover",
+                onClick: (p) => I(l.image)
+              }, null, 8, we)) : (u(), m("div", xe, [
+                Y(D(l._id) + " ", 1),
+                s("img", {
+                  src: "https://thecommunephuket.com/photos/" + l.cover,
+                  class: "w-100 radius-small mn-small h-10r object-fit-cover",
+                  onClick: (p) => I(l)
+                }, null, 8, Ne),
+                s("p", Ee, [
+                  Ve,
+                  Ce,
+                  s("span", Be, D(l.size.name), 1)
+                ]),
+                s("p", Se, [
+                  Ie,
+                  ze,
+                  (u(!0), m(Q, null, W(l.categories, (p) => (u(), m("span", Me, D(p), 1))), 256))
+                ]),
+                s("div", $e, [
+                  s("button", {
+                    class: "button-small w-100 button",
+                    onClick: (p) => q(l._id)
+                  }, "Delete", 8, Pe)
+                ])
+              ]))
+            ]),
+            _: 2
+          }, 1024)
+        ], 8, ke))), 128)),
+        s("div", {
+          ref_key: "sentinel",
+          ref: V,
+          class: "sentinel"
+        }, null, 512),
+        b(J, { name: "modal" }, {
+          default: P(() => [
+            ne(s("div", Te, [
+              s("div", Le, [
+                s("div", Ue, [
+                  s("span", {
+                    class: "close",
+                    onClick: E
+                  }, "×"),
+                  s("img", {
+                    src: "https://thecommunephuket.com/photos/" + n.value.image
+                  }, null, 8, je)
+                ])
+              ])
+            ], 512), [
+              [se, n.value.image !== !1 && N.value === "modal"]
+            ])
+          ]),
+          _: 1
+        }),
+        b(J, { name: "modal" }, {
+          default: P(() => [
+            n.value.image !== !1 && N.value === "edit-modal" ? (u(), m("div", De, [
+              s("div", Fe, [
+                s("span", {
+                  class: "close",
+                  onClick: E
+                }, "×"),
+                typeof B.value == "string" ? (u(), m("img", {
+                  key: 0,
+                  src: B.value,
+                  class: "radius-small w-100 mn-small h-20r object-fit-cover"
+                }, null, 8, Ge)) : j("", !0),
+                typeof B.value == "object" && n.value.image !== null ? (u(), m("img", {
+                  key: 1,
+                  class: "radius-small w-100 mn-small h-20r object-fit-cover",
+                  src: "/photos/" + n.value.cover
+                }, null, 8, Re)) : j("", !0),
+                b($(F.Select), {
+                  options: O,
+                  label: "Size",
+                  select: n.value.size,
+                  "onUpdate:select": a[1] || (a[1] = (l) => n.value.size = l),
+                  placeholder: "Select Size",
+                  class: "bg-grey pd-thin radius-small mn-thin t-black"
+                }, null, 8, ["select"]),
+                b($(F.Field), {
+                  field: n.value.categories,
+                  "onUpdate:field": a[2] || (a[2] = (l) => n.value.categories = l),
+                  type: "text",
+                  label: "Categories",
+                  placeholder: "Enter categories for image (comma separated)",
+                  class: "bg-grey pd-thin radius-small mn-medium t-black"
+                }, null, 8, ["field"]),
+                b(he, {
+                  images: v.value,
+                  "onUpdate:images": C,
+                  uploadPath: "photos",
+                  class: "mn-semi"
+                }, null, 8, ["images"]),
+                b($(F.Button), {
+                  submit: n.value._id ? X : L,
+                  callback: E,
+                  class: "mn-thin"
+                }, {
+                  default: P(() => [
+                    Y(D(n.value._id ? "Update" : "Create"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["submit"])
+              ])
+            ])) : j("", !0)
+          ]),
+          _: 1
+        })
+      ], 512)
+    ]));
+  }
+}, Qe = /* @__PURE__ */ me(Ae, [["__scopeId", "data-v-f1c3938d"]]);
+export {
+  Qe as default
+};

package/dist/BackofficeGallery-e54a33a3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),q=require("./index-b41aac19.js"),R=require("./vue-draggable-next.esm-bundler-21a209c6.js"),G=require("./UploadImageMultiple-eddaac87.js"),A=require("vue-router"),O=require("./_plugin-vue_export-helper-f246444f.js");var z={};(function(n){Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=t;const i={class:"flex-nowrap flex-v-center flex pd-medium bg-white"},r={key:0,class:"t-left mn-r-small w-33"},c={class:"w-100"},N=["value","placeholder"],_=e.defineComponent({__name:"Field",props:{label:{default:"Label"},placeholder:{default:"Enter something here"},field:{default:null},validation:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(l,{emit:o}){const a=l,d=e.ref(a.field);return(u,f)=>(e.openBlock(),e.createElementBlock("div",i,[l.label?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("label",null,e.toDisplayString(l.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[e.createElementVNode("input",{onInput:f[0]||(f[0]=x=>{var p;return d.value=o("update:modelValue",(p=x.target)==null?void 0:p.value)}),type:"text",class:"w-100",value:l.field,placeholder:l.placeholder},null,40,N)])]))}}),m={class:"input-wrapper"},E={class:"t-transp p-small"},y={key:0,class:"flex-nojustify flex-v-center flex-nowrap flex w-100"},w={key:1,class:"w-100"},b=["onClick"],s={__name:"Select",props:["obj","label","prop","value","options","content","textarea","placeholder","size"],setup(l){const o=l,a=e.ref(null),d=e.ref(!1);e.ref("Please select an item");let u=e.computed(()=>{if(o.prop[o.content]){var p=o.options.indexOf(o.prop[o.content]),h=o.options.map(g=>g);return p!=-1&&h.splice(p,1),h}else return o.options});o.prop[o.content]&&(a.value=o.prop[o.content]);function f(){d.value=!d.value}function x(p,h,g){var j=g;a.value=j,d.value=!d.value,p[h]=j}return(p,h)=>(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("span",E,e.toDisplayString(l.label),1),e.createElementVNode("li",{onClick:h[0]||(h[0]=e.withModifiers(g=>f(),["stop"])),class:e.normalizeClass([{"input-small":l.size==="small"},"pd-small flex-center flex-nowrap flex bg-grey input-select input"])},[a.value?(e.openBlock(),e.createElementBlock("span",y,[e.createElementVNode("span",null,e.toDisplayString(a.value.name?a.value.name:a.value),1)])):(e.openBlock(),e.createElementBlock("span",w,e.toDisplayString(l.placeholder?l.placeholder:"Please select"),1))],2),d.value?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass([{"dropdown-small":l.size==="small"},"bg-grey dropdown-menu"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),g=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([{"input-small":l.size==="small"},"pd-small bg-grey input-select input"])},[g?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:j=>x(l.prop,l.content,g),class:"flex-nojustify flex-v-center flex-nowrap flex w-100"},[e.createElementVNode("span",null,e.toDisplayString(g.name?g.name:g),1)],8,b)):e.createCommentVNode("",!0)],2))),256))],2)):e.createCommentVNode("",!0)]))}},V=["disabled"],B={key:0},T={key:0,class:"loading"},k=e.createElementVNode("span",null,[e.createElementVNode("svg",{class:"i-default",width:"135",height:"140",viewBox:"0 0 135 140",xmlns:"http://www.w3.org/2000/svg",fill:"#fff"},[e.createElementVNode("rect",{y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.5s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.5s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"30",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.25s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.25s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"60",width:"15",height:"140",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"90",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.25s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.25s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"120",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.5s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.5s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})])])],-1),S=[k],P={key:0,class:"h4 loading"},L=e.createElementVNode("span",{class:"t-white"},"✔",-1),D=[L],U={key:0,class:"error"},I=e.defineComponent({__name:"Button",props:{submit:{type:Function,default:async()=>{console.log("Button click.")}},callback:{type:Function,default:async()=>{console.log("Button callback.")}},validation:{type:Boolean,default:!1}},setup(l){const o=l,a=e.ref(null),d=e.ref(null),u=e.ref(!1),f=e.ref(!1);async function x(){a.value.style["pointer-events"]="none",d.value=null,u.value=!0;try{await o.submit(),a.value.classList.add("bg-light-blue"),a.value.classList.remove("bg-blue"),u.value=!1,f.value=!0,setTimeout(()=>o.callback(),750)}catch{a.value.classList.add("bg-light-red"),a.value.classList.remove("bg-blue"),d.value="❌",setTimeout(()=>{a.value.classList.add("bg-blue"),a.value.classList.remove("bg-light-red"),a.value.style.pointerEvents="auto",u.value=!1,f.value=!1,d.value=null},1e3)}}return(p,h)=>(e.openBlock(),e.createElementBlock("button",{onClick:x,disabled:l.validation,ref_key:"button",ref:a,class:"w-100 t-white bg-blue button"},[e.createVNode(e.Transition,{mode:"out-in",name:"fadeIn"},{default:e.withCtx(()=>[!u.value&&!d.value&&!f.value?(e.openBlock(),e.createElementBlock("span",B,[e.renderSlot(p.$slots,"default")])):e.createCommentVNode("",!0)]),_:3}),e.createVNode(e.Transition,{mode:"out-in",name:"fadeIn"},{default:e.withCtx(()=>[u.value&&!d.value?(e.openBlock(),e.createElementBlock("div",T,S)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{mode:"out-in",name:"fadeIn"},{default:e.withCtx(()=>[f.value?(e.openBlock(),e.createElementBlock("div",P,D)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{mode:"out-in",name:"fadeIn"},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("span",null,e.toDisplayString(d.value),1)])):e.createCommentVNode("",!0)]),_:1})],8,V))}});var M={install:l=>{l.component("Field",_),l.component("Button",I),l.component("Select",s)}};n.Button=I,n.Field=_,n.Select=s,n.default=M})(z);const H=process.env.API_URL,F=q.axios.create({baseURL:H,withCredentials:!0}),v=t.reactive({gallery:[]}),C={async fetchGallery(n,e){const i=[];n&&i.push(`page=${n}`),e&&i.push(`limit=${e}`);const r=`/api/gallery${i.length?`?${i.join("&")}`:""}`;try{const c=await F.get(r);if(console.log(c),c&&c.data)return v.gallery=[...v.gallery,...c.data],c.data}catch(c){throw console.error("Error fetching gallery:",c),c}},async createPhoto(n){try{const e=await F.post("/api/gallery/create",n);console.log(e.data),v.gallery=[...e.data,...v.gallery]}catch(e){console.error(e)}},async updatePhoto(n){try{const e={...n,categories:typeof n.categories=="string"?n.categories.split(",").map(c=>c.trim()):n.categories},i=await q.axios.post("/api/gallery/update",e),r=v.gallery.findIndex(c=>c._id===n._id);r!==-1&&(v.gallery[r]=i.data)}catch(e){console.error(e)}},async deletePhoto(n){try{const e=await F.post(`/api/gallery/delete/${n}`),i=v.gallery.findIndex(r=>r._id===n);i!==-1&&v.gallery.splice(i,1)}catch(e){console.error(e)}}};const X={class:"pos-relative"},J=["src"],K=["onClick"],Q={__name:"EditImages",props:{images:Array},emits:["update"],setup(n,{emit:e}){const i=n,r=t.ref([...i.images]);t.watchEffect(()=>{r.value=[...i.images]});const c=()=>{e("update:images",r.value)},N=m=>{r.value=[...r.value,...m],c()},_=m=>{r.value.splice(m,1),c()};return(m,E)=>(t.openBlock(),t.createElementBlock("div",null,[t.createVNode(G._sfc_main,{"onUpdate:images":N,uploadPath:"photos",class:"mn-semi pd-small w-100 button bg-black t-white"}),t.createVNode(t.unref(R.VueDraggableNext),{class:"gap-small flex dragArea list-group w-full",modelValue:r.value,"onUpdate:modelValue":E[0]||(E[0]=y=>r.value=y),onChange:c},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.value,(y,w)=>(t.openBlock(),t.createElementBlock("div",X,[t.createElementVNode("img",{class:"i-extra radius-small o-hidden mn-thin",src:(m.FILE_SERVER_URL||"")+y},null,8,J),t.createElementVNode("a",{onClick:b=>_(w),class:"pos-absolute t-center radius-extra i-medium bg-red pos-t-0 pos-r-0"},"X",8,K)]))),256))]),_:1},8,["modelValue"])]))}};const $=n=>(t.pushScopeId("data-v-f1c3938d"),n=n(),t.popScopeId(),n),W={class:"pos-relative w-100"},Y={class:"w-100 o-hidden"},Z={class:"pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll"},ee=["data-id"],te=["src","onClick"],le={key:1,class:"pd-small radius-small bg-white"},ae=["src","onClick"],oe={class:"t-black p-small mn-small"},ne=$(()=>t.createElementVNode("span",{class:"uppercase t-transp"},"Size",-1)),se=$(()=>t.createElementVNode("br",null,null,-1)),re={class:"pd-2px radius-big d-inline-block bg-grey"},ce={class:"t-black p-small mn-small uppe"},ie=$(()=>t.createElementVNode("span",{class:"uppercase t-transp"},"Categories",-1)),de=$(()=>t.createElementVNode("br",null,null,-1)),ue={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},me={class:"flex-nowrap flex"},pe=["onClick"],ge={class:"modal pd-thin"},ve={class:"modal-content radius-big"},fe={class:""},he=["src"],_e={key:0,class:"flex-v-center flex m modal pd-big"},ye={class:"modal-content radius-small pd-medium bg-white"},be=["src"],ke=["src"],Ne={__name:"BackofficeGallery",setup(n){A.useRoute();const e=t.ref(!0),i=t.ref(null);let r=1;const c=10;let N=t.ref(null),_=t.ref(!1);const m=t.ref([]),E=l=>{m.value=l},y=t.computed(()=>M.value==="all"?v.gallery:v.gallery.filter(l=>l.categories.includes(M.value))),w=async()=>{_.value=!0,await C.fetchGallery(r,c),_.value=!1},b=t.ref(null),s=t.ref({categories:"",size:"",image:!1}),V=t.ref(null),B=l=>{console.log(e.value),e.value?T(l):(b.value="modal",s.value.image=l,S())},T=l=>{b.value="edit-modal",s.value=l||{categories:"",size:"",image:null},S()},k=()=>{s.value={categories:"",size:"",image:!1},V.value=null,P()},S=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},P=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},L=[{name:"Small",value:""},{name:"Regular",value:"grid-item--width1 grid-item--height1"},{name:"Medium",value:"grid-item--width2 grid-item--height2"},{name:"Big",value:"grid-item--width3 grid-item--height3"}],D=async l=>{await C.deletePhoto(l)},U=async()=>{await C.updatePhoto(s.value),k()},I=async l=>{if(m.length<1||!s.value.categories||!s.value.size){console.error("All fields are required.");return}await C.createPhoto({images:m.value,size:s.value.size,categories:typeof s.value.categories=="string"?s.value.categories.split(",").map(o=>o.trim()):s.value.categories}),k()};let M=t.ref("all");return t.onMounted(async()=>{await C.fetchGallery(r,c),typeof window<"u"&&new IntersectionObserver(o=>{o.some(a=>a.isIntersecting)&&(r+=1,w())}).observe(N.value)}),(l,o)=>(t.openBlock(),t.createElementBlock("div",W,[t.createElementVNode("div",Y,[t.createElementVNode("div",Z,[e.value?(t.openBlock(),t.createElementBlock("button",{key:0,onClick:o[0]||(o[0]=a=>B(null)),class:"mn-r-small t-white t-black bg-second button-small button"},"Add photos +")):t.createCommentVNode("",!0)])]),t.createElementVNode("div",{ref_key:"grid",ref:i,class:"pd-medium cols-4 gap-thin"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(y),(a,d)=>(t.openBlock(),t.createElementBlock("div",{key:a.id,"data-id":a.id},[t.createVNode(t.Transition,{name:"scaleIn",mode:"in-out"},{default:t.withCtx(()=>[!e.value&&i.value?(t.openBlock(),t.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+a.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:u=>B(a.image)},null,8,te)):(t.openBlock(),t.createElementBlock("div",le,[t.createTextVNode(t.toDisplayString(a._id)+" ",1),t.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+a.cover,class:"w-100 radius-small mn-small h-10r object-fit-cover",onClick:u=>B(a)},null,8,ae),t.createElementVNode("p",oe,[ne,se,t.createElementVNode("span",re,t.toDisplayString(a.size.name),1)]),t.createElementVNode("p",ce,[ie,de,(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.categories,u=>(t.openBlock(),t.createElementBlock("span",ue,t.toDisplayString(u),1))),256))]),t.createElementVNode("div",me,[t.createElementVNode("button",{class:"button-small w-100 button",onClick:u=>D(a._id)},"Delete",8,pe)])]))]),_:2},1024)],8,ee))),128)),t.createElementVNode("div",{ref_key:"sentinel",ref:N,class:"sentinel"},null,512),t.createVNode(t.Transition,{name:"modal"},{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",ge,[t.createElementVNode("div",ve,[t.createElementVNode("div",fe,[t.createElementVNode("span",{class:"close",onClick:k},"×"),t.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+s.value.image},null,8,he)])])],512),[[t.vShow,s.value.image!==!1&&b.value==="modal"]])]),_:1}),t.createVNode(t.Transition,{name:"modal"},{default:t.withCtx(()=>[s.value.image!==!1&&b.value==="edit-modal"?(t.openBlock(),t.createElementBlock("div",_e,[t.createElementVNode("div",ye,[t.createElementVNode("span",{class:"close",onClick:k},"×"),typeof V.value=="string"?(t.openBlock(),t.createElementBlock("img",{key:0,src:V.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,be)):t.createCommentVNode("",!0),typeof V.value=="object"&&s.value.image!==null?(t.openBlock(),t.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+s.value.cover},null,8,ke)):t.createCommentVNode("",!0),t.createVNode(t.unref(z.Select),{options:L,label:"Size",select:s.value.size,"onUpdate:select":o[1]||(o[1]=a=>s.value.size=a),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),t.createVNode(t.unref(z.Field),{field:s.value.categories,"onUpdate:field":o[2]||(o[2]=a=>s.value.categories=a),type:"text",label:"Categories",placeholder:"Enter categories for image (comma separated)",class:"bg-grey pd-thin radius-small mn-medium t-black"},null,8,["field"]),t.createVNode(Q,{images:m.value,"onUpdate:images":E,uploadPath:"photos",class:"mn-semi"},null,8,["images"]),t.createVNode(t.unref(z.Button),{submit:s.value._id?U:I,callback:k,class:"mn-thin"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(s.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):t.createCommentVNode("",!0)]),_:1})],512)]))}},Ee=O._export_sfc(Ne,[["__scopeId","data-v-f1c3938d"]]);exports.default=Ee;

package/dist/backoffice.client.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("vue-router");const u={id:"account",class:"cols-2-1_3 gap-medium pd-medium"},l={class:"pd-medium menu-tabs"},i={class:"w-100"},m={__name:"Account",setup(p){n.useRoute(),n.useRouter();let a=e.reactive({currentTab:"user"});return e.toRefs(a),(t,o)=>{const r=e.resolveComponent("router-view");return e.openBlock(),e.createElementBlock("section",u,[e.createElementVNode("div",l,[t.store.auth.state.access.roles.includes("ROLE_ADMIN")?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:o[0]||(o[0]=c=>t.$router.push("/account/community")),class:e.normalizeClass([{"product-tab-active":t.$route.path==="/account/community"},"mn-small product-tab"])}," Blog ",2)):e.createCommentVNode("",!0),t.store.auth.state.access.roles.includes("ROLE_ADMIN")?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:o[1]||(o[1]=c=>t.$router.push("/account/gallery")),class:e.normalizeClass([{"product-tab-active":t.$route.path==="/account/gallery"},"product-tab"])}," Gallery ",2)):e.createCommentVNode("",!0)]),e.createElementVNode("div",i,[e.createVNode(r,null,{default:e.withCtx(({Component:c,route:s})=>[e.createVNode(e.Transition,{name:"scaleIn",mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c),{ref:"page",key:s.path}))]),_:2},1024)]),_:1})])])}}},d=[{path:"backoffice",component:m,children:[{path:":_id",name:"Backoffice",meta:{title:{en:"Backoffice",ru:"Управление"},authorize:[]},component:()=>Promise.resolve().then(()=>require("./Gallery-dea27e94.js"))}]}];exports.backofficeRoutes=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("vue-router");const u={id:"account",class:"cols-2-1_3 gap-medium pd-medium"},l={class:"pd-medium menu-tabs"},i={class:"w-100"},m={__name:"Backoffice",setup(p){a.useRoute(),a.useRouter();let n=e.reactive({currentTab:"user"});return e.toRefs(n),(t,o)=>{const r=e.resolveComponent("router-view");return e.openBlock(),e.createElementBlock("section",u,[e.createElementVNode("div",l,[t.store.auth.state.access.roles.includes("ROLE_ADMIN")?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:o[0]||(o[0]=c=>t.$router.push("/account/community")),class:e.normalizeClass([{"product-tab-active":t.$route.path==="/account/community"},"mn-small product-tab"])}," Blog ",2)):e.createCommentVNode("",!0),t.store.auth.state.access.roles.includes("ROLE_ADMIN")?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:o[1]||(o[1]=c=>t.$router.push("/account/gallery")),class:e.normalizeClass([{"product-tab-active":t.$route.path==="/account/gallery"},"product-tab"])}," Gallery ",2)):e.createCommentVNode("",!0)]),e.createElementVNode("div",i,[e.createVNode(r,null,{default:e.withCtx(({Component:c,route:s})=>[e.createVNode(e.Transition,{name:"scaleIn",mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c),{ref:"page",key:s.path}))]),_:2},1024)]),_:1})])])}}},d=[{path:"backoffice",component:m,children:[{path:":_id",name:"Backoffice",meta:{title:{en:"Backoffice",ru:"Управление"},authorize:[]},component:()=>Promise.resolve().then(()=>require("./BackofficeGallery-e54a33a3.js"))}]}];exports.backofficeRoutes=d;

package/dist/backoffice.client.js

@@ -1,17 +1,17 @@
-import { reactive as d, toRefs as _, resolveComponent as f, openBlock as o, createElementBlock as c, createElementVNode as n, normalizeClass as s, createCommentVNode as r, createVNode as u, withCtx as i, Transition as v, createBlock as h, resolveDynamicComponent as k } from "vue";
+import { reactive as d, toRefs as _, resolveComponent as f, openBlock as o, createElementBlock as c, createElementVNode as n, normalizeClass as s, createCommentVNode as r, createVNode as u, withCtx as i, Transition as k, createBlock as v, resolveDynamicComponent as h } from "vue";
 import { useRoute as y, useRouter as b } from "vue-router";
-const C = {
+const B = {
   id: "account",
   class: "cols-2-1_3 gap-medium pd-medium"
-}, g = { class: "pd-medium menu-tabs" }, B = { class: "w-100" }, R = {
-  __name: "Account",
+}, C = { class: "pd-medium menu-tabs" }, g = { class: "w-100" }, R = {
+  __name: "Backoffice",
   setup($) {
     y(), b();
     let l = d({ currentTab: "user" });
     return _(l), (e, t) => {
       const m = f("router-view");
-      return o(), c("section", C, [
-        n("div", g, [
+      return o(), c("section", B, [
+        n("div", C, [
           e.store.auth.state.access.roles.includes("ROLE_ADMIN") ? (o(), c("button", {
             key: 0,
             onClick: t[0] || (t[0] = (a) => e.$router.push("/account/community")),
@@ -23,15 +23,15 @@ const C = {
             class: s([{ "product-tab-active": e.$route.path === "/account/gallery" }, "product-tab"])
           }, " Gallery ", 2)) : r("", !0)
         ]),
-        n("div", B, [
+        n("div", g, [
           u(m, null, {
             default: i(({ Component: a, route: p }) => [
-              u(v, {
+              u(k, {
                 name: "scaleIn",
                 mode: "out-in"
               }, {
                 default: i(() => [
-                  (o(), h(k(a), {
+                  (o(), v(h(a), {
                     ref: "page",
                     key: p.path
                   }))
@@ -45,7 +45,7 @@ const C = {
       ]);
     };
   }
-}, A = [{
+}, E = [{
   path: "backoffice",
   component: R,
   children: [{
@@ -59,11 +59,11 @@ const C = {
       authorize: []
     },
     component: () => import(
-      /* webpackChunkName: 'Account' */
-      "./Gallery-9305f294.mjs"
+      /* webpackChunkName: 'BackofficeGallery' */
+      "./BackofficeGallery-3bb55ea2.mjs"
     )
   }]
 }];
 export {
-  A as backofficeRoutes
+  E as backofficeRoutes
 };

package/dist/modules/backoffice/components/layouts/Backoffice.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/modules/gallery/components/sections/BackofficeGallery.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.tab-selector{position:absolute;width:50%;height:100%;left:0;top:0;z-index:0;transition:left .3s cubic-bezier(.4,0,.2,1)}:root{--vc-clr-primary: #642afb;--vc-clr-secondary: #8e98f3;--vc-clr-white: #ffffff;--vc-icn-width: 1.2em;--vc-nav-width: 30px;--vc-nav-height: 30px;--vc-nav-border-radius: var(--vc-nav-width);--vc-nav-color: var(--vc-clr-white);--vc-nav-background: var(--vc-clr-primary);--vc-pgn-width: 10px;--vc-pgn-height: 5px;--vc-pgn-margin: 5px;--vc-pgn-border-radius: 0;--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-active-color: var(--vc-clr-primary)}.carousel{position:relative;text-align:center;box-sizing:border-box}.carousel *{box-sizing:border-box}.carousel__track{display:flex;margin:0;padding:0;position:relative}.carousel__viewport{overflow:hidden}.carousel__icon{width:var(--vc-icn-width);height:var(--vc-icn-width);fill:currentColor}.carousel__prev,.carousel__next{background:var(--vc-nav-background);border-radius:var(--vc-nav-border-radius);width:var(--vc-nav-width);height:var(--vc-nav-height);text-align:center;font-size:calc(var(--vc-nav-width) * 2 / 3);padding:0;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer}.carousel__prev{top:50%;left:0;transform:translate(-50%,-50%)}.carousel__next{top:50%;right:0;transform:translate(50%,-50%)}.carousel--rtl .carousel__prev{left:auto;right:0;transform:translate(50%,-50%)}.carousel--rtl .carousel__next{right:auto;left:0;transform:translate(-50%,-50%)}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center}.carousel__pagination{display:flex;justify-content:center;list-style:none}.carousel__pagination-button{margin:var(--vc-pgn-margin);width:var(--vc-pgn-width);height:var(--vc-pgn-height);border-radius:var(--vc-pgn-height);border:0;cursor:pointer;background-color:var(--vc-pgn-background-color)}.carousel__pagination-button--active{background-color:var(--vc-pgn-active-color)}.circular-loader{position:relative;top:calc(50% - 1rem);left:calc(50% - 1rem);height:2rem;width:2rem;z-index:50}.circular-loader svg{animation:rotate 2s linear infinite}.circular-loader circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke:rgb(var(--main));animation:dash 1.5s ease-in-out infinite}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;color:rgb(var(--main))}.status-text{position:absolute;top:120%;left:calc(50% - 5rem);font-size:.8rem;width:10rem!important;text-align:center}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:1,200;stroke-dashoffset:-124}}.menu-tabs{min-width:16rem;height:min-content;border-radius:1rem;background:#f7f7f7}.menu-tabs .product-tab{display:flex;align-items:center;justify-content:flex-start;background:transparent;text-align:left;padding:.5rem;border-radius:.5rem;width:100%}.menu-tabs .product-tab svg{opacity:.33;margin-right:1rem}.menu-tabs .product-tab:hover{cursor:pointer}.menu-tabs .product-tab-active{color:rgb(var(--main));background:white}.menu-tabs .product-tab-active svg{opacity:1}.menu-tabs .product-tab-active svg path{fill:rgb(var(--main))}.app-mockup{max-width:100%;object-fit:cover}.store-buttons img{margin-right:10px}.grid{perspective:450px;background-size:cover}.grid-lines{width:100%;height:200%;background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 0),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 0);background-size:45px 30px;background-repeat:repeat;transform-origin:100% 0 0;animation:play 15s linear infinite}@keyframes play{0%{transform:rotateX(45deg) translateY(-50%)}to{transform:rotateX(45deg) translateY(0)}}.shop-cart-item{width:100%;padding-top:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f7f7f7}.shop-cart-item .name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.shop-cart-item>img{width:5rem;aspect-ratio:1/1;margin-right:1.25rem;object-fit:cover;border-radius:1rem}.main-photo{max-width:50%}.main-photo img,.grid[data-v-a2b32b3f]{width:100%}.grid-item[data-v-a2b32b3f]{width:33%;height:33vh}.grid-item--width1[data-v-a2b32b3f]{width:50%}.grid-item--height1[data-v-a2b32b3f]{height:50vh}.grid-item--width2[data-v-a2b32b3f]{width:66%}.grid-item--height2[data-v-a2b32b3f]{height:66vh}.grid-item--width3[data-v-a2b32b3f]{width:100%}.grid-item--height3[data-v-a2b32b3f]{height:100vh}.modal[data-v-a2b32b3f]{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6;z-index:50}.modal-content[data-v-a2b32b3f]{margin:auto;z-index:5;width:100%;height:100%;overflow:scroll}.close[data-v-a2b32b3f]{position:fixed;top:3rem;right:4rem;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;z-index:10}.close[data-v-a2b32b3f]:hover,.close[data-v-a2b32b3f]:focus{color:#bbb;text-decoration:none;cursor:pointer}.modal-enter-active[data-v-a2b32b3f],.modal-leave-active[data-v-a2b32b3f]{transition:opacity .5s}.modal-enter[data-v-a2b32b3f],.modal-leave-to[data-v-a2b32b3f]{opacity:0}@media screen and (max-width: 1024px){.grid[data-v-a2b32b3f]{width:100%}.grid-item[data-v-a2b32b3f]{width:50%;height:25vh}.grid-item--width1[data-v-a2b32b3f]{width:50%}.grid-item--height1[data-v-a2b32b3f]{height:25vh}.grid-item--width2[data-v-a2b32b3f]{width:100%}.grid-item--height2[data-v-a2b32b3f]{height:50vh}.grid-item--width3[data-v-a2b32b3f]{width:100%}.grid-item--height3[data-v-a2b32b3f]{height:50vh}}input[data-v-e4056b41],textarea[data-v-e4056b41],span[data-v-e4056b41]{line-height:1;color:inherit}button[disabled],button[disabled]:hover{background:grey}.button{display:flex;width:fit-content;padding:1rem 1.75rem;border-radius:3rem;transform:scale(1);opacity:1;align-items:center;justify-content:center;color:#000;text-align:center;text-transform:uppercase;font-size:1rem;font-weight:500;letter-spacing:5%;transition:all .33s ease}.button:hover{opacity:1;color:rgba(var(--white),1);cursor:pointer}.button:active{transform:scale(.95)}.button-small{padding:.5rem .75rem;border-radius:.5rem;height:fit-content}.button-square{height:2.5rem;width:2.5rem;padding:1rem;border-radius:.5rem;font-size:1.125rem}.button-close-popup{position:absolute;right:0;top:0;width:3rem;height:3rem;background:transparent;padding:0;border-radius:0}.button-close-popup img{width:33%}.button-delete:hover{background:red}.button-grey{color:rgba(var(--dark),1);background-color:#f7f7f7}.button-sort{height:2.5rem;padding:.5rem 1.25rem;text-transform:none;font-size:1rem;color:rgba(var(--dark),1);background-color:#f7f7f7}.button-filter{height:2.5rem;padding:0;border-radius:.5rem;font-size:1.125rem;color:rgba(var(--dark),1);background:white}.button-disabled,.button-disabled:hover{color:#00000080}.button-disabled:active{pointer-events:none;transform:scale(1)}.button-active{background:#00ff88;color:#fff}.button-active:hover{background:#00ff88;color:#ffffffbf}.button-reset-filter{width:100%;text-transform:uppecase;height:3.75rem;background:transparent;color:#0f8;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.button-reset-filter:hover{background:#00ff88;color:#ffffffbf}.button-icon{height:1rem;width:1rem;background:transparent;box-shadow:none;border-radius:0;padding:0}.button-icon img{width:100%;height:100%}.button-icon:hover{cursor:pointer}.button-link{color:#00000080;font-size:1.125rem;display:flex;align-items:center;font-weight:600}.button-link-blue{color:#2495ff}.button-link-black{color:#00000080}.button-link-cream{color:#dbadaa;text-align:left;font-weight:600;letter-spacing:0}.button-otr-link{display:inline-flex;margin-top:.25rem;align-items:center;color:#000}.button-otr-link img{margin-right:.5rem}.button-cart{display:inline-flex;color:#000;height:3rem;width:3rem;font-weight:700;width:fit-content;font-size:1.5rem;color:#0f8;background:#FAF7F3;text-transform:none;padding:.75rem 1rem;border-radius:4rem}.button-cart:hover{background:#00ff88;color:#fff;opacity:1;cursor:pointer}.button-cart-big{display:inline-flex;color:#000;font-weight:700;width:fit-content;background:#FFE500;text-transform:none;font-size:2rme;padding:1.5rem 2rem;border-radius:2rem}.button-blog{padding:.75rem 1rem;background-color:#2495ff;color:#fff;border-radius:.375rem;font-size:1.125rem;text-transform:uppercase;width:fit-content}.button-nav-footer{color:#000;font-size:.875rem;font-weight:700;display:flex;align-items:center}.button-nav-footer svg{margin-right:.5rem}.button-inst{background:radial-gradient(179.06% 43.44% at -16.75% 7.2%,#3771C8 0%,#3771C8 12.8%,rgba(102,0,255,0) 100%),radial-gradient(92.18% 99.11% at 26.56% 107.7%,#FFDD55 0%,#FFDD55 10%,#FF543E 50%,#C837AB 100%);color:#fff;font-size:1.125rem;font-weight:700;text-transform:uppercase;padding:.75rem;border-radius:.5625rem;display:flex;align-items:center;justify-content:center;width:fit-content;box-shadow:4px 4px 24px -12px #c9a3a380}.button-inst img{margin-right:.5rem}.text-area{width:100%;resize:none;background-color:transparent}.text-area:focus{border:0}.spiral{background-image:url(https://weeder.delivery/spiral.jpg);background-size:cover;width:100rem;height:100rem;position:absolute;top:50%;left:50%;opacity:.03;transform:translate(-50%,-50%) rotate(0);transform-origin:center center;animation:spin 5s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.container-joinus{display:flex;align-items:center;justify-content:center;height:66vh;position:relative;overflow:hidden}.container-joinus .content{display:flex;flex-direction:column;align-items:center;z-index:2}.floating-image{position:absolute;bottom:0;width:5rem;height:5rem;opacity:1;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0);opacity:.1}10%{opacity:1}50%{opacity:1}90%{opacity:1}to{transform:translateY(-50vh);opacity:0}}.community-feed[data-v-18db0d1b]{padding:20px}.grid-container[data-v-18db0d1b]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px}.grid-item-2x2[data-v-18db0d1b]{grid-row:span 2;grid-column:span 2}.grid-item-2x1[data-v-18db0d1b]{grid-row:span 1;grid-column:span 2}.grid-item-1x1[data-v-18db0d1b]{grid-row:span 1;grid-column:span 1}.mobile-menu-section>div:last-of-type{border-bottom:none!important}.expand-enter-active[data-v-6accd1fb],.expand-leave-active[data-v-6accd1fb]{transition:max-height .5s ease-in-out;overflow:hidden}.scale-enter-active[data-v-6accd1fb],.scale-leave-active[data-v-6accd1fb]{transition:transform .5s ease-in-out}.scale5-enter-from[data-v-6accd1fb],.scale5-leave-to[data-v-6accd1fb]{transform:scale(1.2);opacity:0}.scale5-enter-to[data-v-6accd1fb],.scale5-leave-from[data-v-6accd1fb]{transform:scale(1);opacity:1}.product-360-viewer[data-v-6accd1fb]{-webkit-user-select:none;user-select:none;min-height:16rem}.product-360-viewer img[data-v-6accd1fb]{max-width:100%;cursor:grab;object-fit:cover;transition:all .3s ease}.product-360-viewer img[data-v-6accd1fb]:active{cursor:grabbing}.image-container[data-v-c3815eaf]{position:relative;display:inline-block;cursor:crosshair}.zoom-lens[data-v-c3815eaf]{position:absolute;width:100px;height:100px;border:1px solid rgba(0,0,0,.3);box-sizing:border-box;background-repeat:no-repeat;pointer-events:none}.magnifier[data-v-732c99c3]{max-width:32rem}.product-images[data-v-732c99c3]{display:flex;flex-direction:column}.thumbnails[data-v-732c99c3]{display:flex;gap:10px}.thumbnail[data-v-732c99c3]{width:100%;max-width:8rem;height:8rem;object-fit:cover;cursor:pointer}.popup[data-v-732c99c3]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;cursor:zoom-out}.popup-image[data-v-732c99c3]{max-width:90%;max-height:90%}.h1-product{font-size:3rem}.produc-data{padding-top:2rem;padding-bottom:0}li[data-v-a78dbba1]{list-style-type:none}ul li[data-v-a78dbba1]{line-height:2}.no-scroll{overflow:hidden}.ti-tag-input[data-v-a1f1c345]{background-color:transparent;color:inherit;border:none;padding:0;margin:0;display:flex;top:0;position:absolute;width:100%;line-height:inherit}.ti-tag-input[data-v-a1f1c345]::-ms-clear{display:none}input[data-v-a1f1c345]:focus{outline:none}input[disabled][data-v-a1f1c345]{background-color:transparent}.ti-icon-check[data-v-d14eec25]:before{content:"";font-size:.5rem}.ti-icon-close[data-v-d14eec25]:before{content:"✕";font-size:.5rem}.ti-icon-undo[data-v-d14eec25]:before{content:"↺";font-size:.5rem}ul[data-v-d14eec25]{margin:0;padding:0;list-style-type:none}*[data-v-d14eec25],*[data-v-d14eec25]:before,*[data-v-d14eec25]:after{box-sizing:border-box}input[data-v-d14eec25]:focus{outline:none}input[disabled][data-v-d14eec25]{background-color:transparent}div.vue-tags-input.disabled[data-v-d14eec25]{opacity:.5}div.vue-tags-input.disabled *[data-v-d14eec25]{cursor:default}.ti-input[data-v-d14eec25]{display:flex}.ti-tags[data-v-d14eec25]{display:flex;flex-wrap:wrap;width:100%;line-height:1em}.ti-tag[data-v-d14eec25]{background-color:rgb(var(--main));color:rgb(var(--black));border-radius:4rem;display:flex;padding:3px 5px;margin:2px;font-size:.85em}.ti-tag[data-v-d14eec25]:focus{outline:none}.ti-tag .ti-content[data-v-d14eec25]{display:flex;align-items:center}.ti-tag .ti-tag-center[data-v-d14eec25]{position:relative}.ti-tag span[data-v-d14eec25]{line-height:.85em}.ti-tag span.ti-hidden[data-v-d14eec25]{padding-left:14px;visibility:hidden;height:0px;white-space:pre}.ti-tag .ti-actions[data-v-d14eec25]{margin-left:2px;display:flex;align-items:center;font-size:1.15em}.ti-tag .ti-actions i[data-v-d14eec25]{cursor:pointer}.ti-tag[data-v-d14eec25]:last-child{margin-right:4px}.ti-tag.ti-invalid[data-v-d14eec25],.ti-tag.ti-tag.ti-deletion-mark[data-v-d14eec25]{background-color:#e54d42}.ti-new-tag-input-wrapper[data-v-d14eec25]{display:flex;flex:1 0 auto;padding:3px 5px;margin:2px;font-size:.85em}.ti-new-tag-input-wrapper input[data-v-d14eec25]{flex:1 0 auto;min-width:100px;border:none;padding:0;margin:0}.ti-new-tag-input[data-v-d14eec25]{line-height:initial}.ti-autocomplete[data-v-d14eec25]{border-top:none;position:absolute;width:100%;left:0;top:110%;z-index:20}.ti-item>div[data-v-d14eec25]{cursor:pointer;padding:3px 6px;width:100%}.ti-selected-item[data-v-d14eec25]{background-color:rgb(var(--main));color:#fff}.ti-tag-toDefactor{background-color:rgb(var(--main));color:rgb(var(--black));border-radius:4rem;padding:3px 5px;margin:2px;font-size:.85em}.switch[data-v-f641f618]{padding:.25rem}fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:before,.multiselect__spinner:after{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;touch-action:manipulation}.multiselect{display:block;position:relative;width:100%;min-height:40px}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;padding:0 0 0 5px;width:100%;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{display:block}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:initial;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"×";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{line-height:16px;min-height:40px;box-sizing:border-box;display:block;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;margin:0;text-decoration:none;border-radius:5px;border:1px solid #e8e8e8;cursor:pointer}.multiselect__select{line-height:16px;display:block;position:absolute;box-sizing:border-box;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;margin:0;text-decoration:none;text-align:center;cursor:pointer;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0 5px;border-color:#999 transparent transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;left:0;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-radius:5px 5px 0 0;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::-webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}*[dir=rtl] .multiselect{text-align:right}*[dir=rtl] .multiselect__select{right:auto;left:1px}*[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}*[dir=rtl] .multiselect__content{text-align:right}*[dir=rtl] .multiselect__option:after{right:auto;left:0}*[dir=rtl] .multiselect__clear{right:auto;left:12px}*[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}.breadcrumbs{padding-top:1.25rem;padding-bottom:1.25rem;height:4rem;display:flex;align-items:center;flex-wrap:nowrap}.breadcrumbs .home{height:1rem}.breadcrumbs .chevron{height:.75rem}.breadcrumbs a{display:flex;align-items:center;flex-wrap:nowrap}.breadcrumbs a span{margin-left:.5rem;margin-right:.5rem}.breadcrumbs .router-link-exact-active:last-of-type span{color:#0f8}.spoiler{transition:max-height .3s cubic-bezier(.15,.68,.33,.93)}.collapse-enter-active,.collapse-leave-active{max-height:2000px}.collapse-enter-from,.collapse-leave-to{max-height:0}#top-footer{padding-bottom:0}.thc{position:absolute;right:0%;top:0%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;width:6rem;height:6rem;transition:all linear .1s}.thc p:first-of-type{font-size:1.25rem;letter-spacing:-2px;z-index:7}.thc p:last-of-type{z-index:7}.thc svg{z-index:6;position:absolute;width:6rem;height:6rem;left:0;top:0}@media screen and (max-width: 1025px){.thc{transform:scale(.75)!important;transform-origin:top right!important}}.price-tag{background:#058;color:#fff;cursor:pointer;display:inline-block;position:relative;text-align:center;display:flex;align-items:center;width:fit-content;background:#00ff88;color:#000}.product{display:flex;flex-direction:column;overflow:hidden;transform:scale(1);transition:all .33s ease}.product:hover{cursor:pointer;box-shadow:0 32px 96px -4px #0000000d!important;transform:scale(1.02)}.product:active{transform:scale(.99)}.gmap[data-v-c194b4a5]{height:300px;width:100%}.subdepartmentsartment[data-v-1d33cf95]{border:1px solid rgba(0,0,0,.1);margin-top:1rem}.subunit[data-v-d69a370a]{border:1px solid rgba(0,0,0,.1);margin-top:1rem}.pac-container[data-v-faece1a6]{position:absolute;background-color:#fff;z-index:1000;border-radius:2rem;overflow:hidden}.map-container[data-v-1c7971e5]{width:100%}.my-location-button[data-v-1c7971e5]{position:absolute;right:10px;top:10px;z-index:99}:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}.VueSelect{background:#f7f7f7;border-radius:.5rem;border:0;height:3rem;padding-left:1rem;z-index:4}.VueSelect .vue-input input{font-size:1.125rem;font-weight:300;background:#f7f7f7}.form-group[data-v-21f393e1]{margin-bottom:1rem}label[data-v-21f393e1]{display:block;margin-bottom:.5rem}input[data-v-21f393e1]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:5px}.form-group[data-v-d3c6f191]{margin-bottom:1rem}label[data-v-d3c6f191]{display:block;margin-bottom:.5rem}input[data-v-d3c6f191]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:5px}[data-v-195322bd]:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select[data-v-195322bd]{position:relative;font-family:inherit}.v-select[data-v-195322bd],.v-select *[data-v-195322bd]{box-sizing:border-box}[data-v-195322bd]:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner-195322bd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner-195322bd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active[data-v-195322bd],.vs__fade-leave-active[data-v-195322bd]{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter[data-v-195322bd],.vs__fade-leave-to[data-v-195322bd]{opacity:0}[data-v-195322bd]:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle[data-v-195322bd],.vs--disabled .vs__clear[data-v-195322bd],.vs--disabled .vs__search[data-v-195322bd],.vs--disabled .vs__selected[data-v-195322bd],.vs--disabled .vs__open-indicator[data-v-195322bd]{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions[data-v-195322bd]{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear[data-v-195322bd]{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect[data-v-195322bd]{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu[data-v-195322bd]{text-align:right}.vs__dropdown-toggle[data-v-195322bd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options[data-v-195322bd]{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions[data-v-195322bd]{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle[data-v-195322bd]{cursor:text}.vs--unsearchable .vs__dropdown-toggle[data-v-195322bd]{cursor:pointer}.vs--open .vs__dropdown-toggle[data-v-195322bd]{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator[data-v-195322bd]{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator[data-v-195322bd]{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator[data-v-195322bd]{opacity:0}.vs__clear[data-v-195322bd]{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu[data-v-195322bd]{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options[data-v-195322bd]{text-align:center}.vs__dropdown-option[data-v-195322bd]{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight[data-v-195322bd]{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect[data-v-195322bd]{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled[data-v-195322bd]{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected[data-v-195322bd]{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect[data-v-195322bd]{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected[data-v-195322bd]{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected[data-v-195322bd],.vs--single.vs--loading .vs__selected[data-v-195322bd]{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected[data-v-195322bd]{display:none}.vs__search[data-v-195322bd]::-webkit-search-cancel-button{display:none}.vs__search[data-v-195322bd]::-webkit-search-decoration,.vs__search[data-v-195322bd]::-webkit-search-results-button,.vs__search[data-v-195322bd]::-webkit-search-results-decoration,.vs__search[data-v-195322bd]::-ms-clear{display:none}.vs__search[data-v-195322bd],.vs__search[data-v-195322bd]:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search[data-v-195322bd]::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search[data-v-195322bd]::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search[data-v-195322bd]{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search[data-v-195322bd]{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search[data-v-195322bd]{opacity:.2}.vs__spinner[data-v-195322bd]{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner-195322bd 1.1s infinite linear;animation:vSelectSpinner-195322bd 1.1s infinite linear;transition:opacity .1s}.vs__spinner[data-v-195322bd],.vs__spinner[data-v-195322bd]:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner[data-v-195322bd]{opacity:1}.form-group[data-v-de5143c5]{margin-bottom:1rem}label[data-v-de5143c5]{display:block;margin-bottom:.5rem}input[data-v-de5143c5]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:5px}.documents[data-v-20739d92]{display:flex;flex-direction:column}.popup[data-v-20739d92]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ccc;padding:20px;z-index:10}.slide-fade-enter-from,.slide-fade-leave-to{min-height:0;position:absolute;transform:translate(20px);opacity:0;left:0;top:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.carousel__track{height:100%}.carousel-controls{position:absolute;top:0;right:0}.carousel-indicators{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center}.carousel-indicators li{list-style:none;margin:0 5px;width:10px;height:10px;background:gray;border-radius:50%}.carousel-indicators li.active{background:white}.parent-div{display:flex;flex-direction:column;height:100%;width:100%}.background-div{flex-grow:1}.vue3-reactive-tel-input[data-v-50353ca7]{display:flex}.vue3-reactive-tel-input.disabled .dropdown[data-v-50353ca7],.vue3-reactive-tel-input.disabled .selection[data-v-50353ca7],.vue3-reactive-tel-input.disabled input[data-v-50353ca7]{cursor:no-drop}.vti__dropdown[data-v-50353ca7]{display:flex;flex-direction:column;align-content:center;justify-content:center;position:relative;padding:7px;cursor:pointer}.vti__dropdown.show[data-v-50353ca7]{max-height:300px;overflow:scroll}.vti__dropdown-list[data-v-50353ca7]{z-index:1;padding:0;margin:0;text-align:left;list-style:none;max-height:200px;overflow-y:scroll;position:absolute;left:-1px;background-color:#fff;width:fit-content}.vti__dropdown-list.below[data-v-50353ca7]{top:33px}.vti__dropdown-list.above[data-v-50353ca7]{top:auto;bottom:100%}.vti__dropdown-arrow[data-v-50353ca7]{transform:scaleY(.5);display:inline-block;color:#666}.vti__dropdown-item[data-v-50353ca7]{cursor:pointer;padding:4px 15px}.vti__dropdown-item.last-preferred[data-v-50353ca7]{border-bottom:1px solid #cacaca}.vti__dropdown-item .vti__flag[data-v-50353ca7]{display:inline-block;margin-right:5px}.vti__input[data-v-50353ca7]{border:none;border-radius:0 2px 2px 0;width:100%;outline:0;padding-left:7px}.soon-label{position:absolute;right:-.25em;top:-.25rem;padding-left:1rem;padding-right:1rem;line-height:1.5rem}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-fade-enter-from,.slide-fade-leave-to{position:absolute;transform:translate(20px);opacity:0;left:0;top:0}.input-error{border:1px solid red;box-shadow:0 0 3px red}.fade-move,.fade-enter-active,.fade-leave-active{transition:all .5s cubic-bezier(.55,0,.1,1)}.fade-enter-from,.fade-leave-to{opacity:0;transform:scaleY(.01) translate(30px)}.fade-leave-active{position:absolute}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp__arrow_top{left:50%;top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:50%;bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-hover-color);border-radius:0;border:1px solid var(--dp-hover-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;width:100%}.dp__year_disable_select{justify-content:space-around}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline-start:auto;margin-inline-end:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{background:none;width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%)}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%)}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;align-content:center;justify-content:center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp__input{border:0;padding:var(--medium);padding-left:3rem;background:rgb(var(--grey))}
+@charset "UTF-8";.tab-selector{position:absolute;width:50%;height:100%;left:0;top:0;z-index:0;transition:left .3s cubic-bezier(.4,0,.2,1)}:root{--vc-clr-primary: #642afb;--vc-clr-secondary: #8e98f3;--vc-clr-white: #ffffff;--vc-icn-width: 1.2em;--vc-nav-width: 30px;--vc-nav-height: 30px;--vc-nav-border-radius: var(--vc-nav-width);--vc-nav-color: var(--vc-clr-white);--vc-nav-background: var(--vc-clr-primary);--vc-pgn-width: 10px;--vc-pgn-height: 5px;--vc-pgn-margin: 5px;--vc-pgn-border-radius: 0;--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-active-color: var(--vc-clr-primary)}.carousel{position:relative;text-align:center;box-sizing:border-box}.carousel *{box-sizing:border-box}.carousel__track{display:flex;margin:0;padding:0;position:relative}.carousel__viewport{overflow:hidden}.carousel__icon{width:var(--vc-icn-width);height:var(--vc-icn-width);fill:currentColor}.carousel__prev,.carousel__next{background:var(--vc-nav-background);border-radius:var(--vc-nav-border-radius);width:var(--vc-nav-width);height:var(--vc-nav-height);text-align:center;font-size:calc(var(--vc-nav-width) * 2 / 3);padding:0;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer}.carousel__prev{top:50%;left:0;transform:translate(-50%,-50%)}.carousel__next{top:50%;right:0;transform:translate(50%,-50%)}.carousel--rtl .carousel__prev{left:auto;right:0;transform:translate(50%,-50%)}.carousel--rtl .carousel__next{right:auto;left:0;transform:translate(-50%,-50%)}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center}.carousel__pagination{display:flex;justify-content:center;list-style:none}.carousel__pagination-button{margin:var(--vc-pgn-margin);width:var(--vc-pgn-width);height:var(--vc-pgn-height);border-radius:var(--vc-pgn-height);border:0;cursor:pointer;background-color:var(--vc-pgn-background-color)}.carousel__pagination-button--active{background-color:var(--vc-pgn-active-color)}.circular-loader{position:relative;top:calc(50% - 1rem);left:calc(50% - 1rem);height:2rem;width:2rem;z-index:50}.circular-loader svg{animation:rotate 2s linear infinite}.circular-loader circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke:rgb(var(--main));animation:dash 1.5s ease-in-out infinite}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;color:rgb(var(--main))}.status-text{position:absolute;top:120%;left:calc(50% - 5rem);font-size:.8rem;width:10rem!important;text-align:center}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:1,200;stroke-dashoffset:-124}}.menu-tabs{min-width:16rem;height:min-content;border-radius:1rem;background:#f7f7f7}.menu-tabs .product-tab{display:flex;align-items:center;justify-content:flex-start;background:transparent;text-align:left;padding:.5rem;border-radius:.5rem;width:100%}.menu-tabs .product-tab svg{opacity:.33;margin-right:1rem}.menu-tabs .product-tab:hover{cursor:pointer}.menu-tabs .product-tab-active{color:rgb(var(--main));background:white}.menu-tabs .product-tab-active svg{opacity:1}.menu-tabs .product-tab-active svg path{fill:rgb(var(--main))}.app-mockup{max-width:100%;object-fit:cover}.store-buttons img{margin-right:10px}.grid{perspective:450px;background-size:cover}.grid-lines{width:100%;height:200%;background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 0),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 0);background-size:45px 30px;background-repeat:repeat;transform-origin:100% 0 0;animation:play 15s linear infinite}@keyframes play{0%{transform:rotateX(45deg) translateY(-50%)}to{transform:rotateX(45deg) translateY(0)}}.shop-cart-item{width:100%;padding-top:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f7f7f7}.shop-cart-item .name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.shop-cart-item>img{width:5rem;aspect-ratio:1/1;margin-right:1.25rem;object-fit:cover;border-radius:1rem}.main-photo{max-width:50%}.main-photo img,.grid[data-v-f1c3938d]{width:100%}.grid-item[data-v-f1c3938d]{width:33%;height:33vh}.grid-item--width1[data-v-f1c3938d]{width:50%}.grid-item--height1[data-v-f1c3938d]{height:50vh}.grid-item--width2[data-v-f1c3938d]{width:66%}.grid-item--height2[data-v-f1c3938d]{height:66vh}.grid-item--width3[data-v-f1c3938d]{width:100%}.grid-item--height3[data-v-f1c3938d]{height:100vh}.modal[data-v-f1c3938d]{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6;z-index:50}.modal-content[data-v-f1c3938d]{margin:auto;z-index:5;width:100%;height:100%;overflow:scroll}.close[data-v-f1c3938d]{position:fixed;top:3rem;right:4rem;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;z-index:10}.close[data-v-f1c3938d]:hover,.close[data-v-f1c3938d]:focus{color:#bbb;text-decoration:none;cursor:pointer}.modal-enter-active[data-v-f1c3938d],.modal-leave-active[data-v-f1c3938d]{transition:opacity .5s}.modal-enter[data-v-f1c3938d],.modal-leave-to[data-v-f1c3938d]{opacity:0}@media screen and (max-width: 1024px){.grid[data-v-f1c3938d]{width:100%}.grid-item[data-v-f1c3938d]{width:50%;height:25vh}.grid-item--width1[data-v-f1c3938d]{width:50%}.grid-item--height1[data-v-f1c3938d]{height:25vh}.grid-item--width2[data-v-f1c3938d]{width:100%}.grid-item--height2[data-v-f1c3938d]{height:50vh}.grid-item--width3[data-v-f1c3938d]{width:100%}.grid-item--height3[data-v-f1c3938d]{height:50vh}}input[data-v-e4056b41],textarea[data-v-e4056b41],span[data-v-e4056b41]{line-height:1;color:inherit}button[disabled],button[disabled]:hover{background:grey}.button{display:flex;width:fit-content;padding:1rem 1.75rem;border-radius:3rem;transform:scale(1);opacity:1;align-items:center;justify-content:center;color:#000;text-align:center;text-transform:uppercase;font-size:1rem;font-weight:500;letter-spacing:5%;transition:all .33s ease}.button:hover{opacity:1;color:rgba(var(--white),1);cursor:pointer}.button:active{transform:scale(.95)}.button-small{padding:.5rem .75rem;border-radius:.5rem;height:fit-content}.button-square{height:2.5rem;width:2.5rem;padding:1rem;border-radius:.5rem;font-size:1.125rem}.button-close-popup{position:absolute;right:0;top:0;width:3rem;height:3rem;background:transparent;padding:0;border-radius:0}.button-close-popup img{width:33%}.button-delete:hover{background:red}.button-grey{color:rgba(var(--dark),1);background-color:#f7f7f7}.button-sort{height:2.5rem;padding:.5rem 1.25rem;text-transform:none;font-size:1rem;color:rgba(var(--dark),1);background-color:#f7f7f7}.button-filter{height:2.5rem;padding:0;border-radius:.5rem;font-size:1.125rem;color:rgba(var(--dark),1);background:white}.button-disabled,.button-disabled:hover{color:#00000080}.button-disabled:active{pointer-events:none;transform:scale(1)}.button-active{background:#00ff88;color:#fff}.button-active:hover{background:#00ff88;color:#ffffffbf}.button-reset-filter{width:100%;text-transform:uppecase;height:3.75rem;background:transparent;color:#0f8;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.button-reset-filter:hover{background:#00ff88;color:#ffffffbf}.button-icon{height:1rem;width:1rem;background:transparent;box-shadow:none;border-radius:0;padding:0}.button-icon img{width:100%;height:100%}.button-icon:hover{cursor:pointer}.button-link{color:#00000080;font-size:1.125rem;display:flex;align-items:center;font-weight:600}.button-link-blue{color:#2495ff}.button-link-black{color:#00000080}.button-link-cream{color:#dbadaa;text-align:left;font-weight:600;letter-spacing:0}.button-otr-link{display:inline-flex;margin-top:.25rem;align-items:center;color:#000}.button-otr-link img{margin-right:.5rem}.button-cart{display:inline-flex;color:#000;height:3rem;width:3rem;font-weight:700;width:fit-content;font-size:1.5rem;color:#0f8;background:#FAF7F3;text-transform:none;padding:.75rem 1rem;border-radius:4rem}.button-cart:hover{background:#00ff88;color:#fff;opacity:1;cursor:pointer}.button-cart-big{display:inline-flex;color:#000;font-weight:700;width:fit-content;background:#FFE500;text-transform:none;font-size:2rme;padding:1.5rem 2rem;border-radius:2rem}.button-blog{padding:.75rem 1rem;background-color:#2495ff;color:#fff;border-radius:.375rem;font-size:1.125rem;text-transform:uppercase;width:fit-content}.button-nav-footer{color:#000;font-size:.875rem;font-weight:700;display:flex;align-items:center}.button-nav-footer svg{margin-right:.5rem}.button-inst{background:radial-gradient(179.06% 43.44% at -16.75% 7.2%,#3771C8 0%,#3771C8 12.8%,rgba(102,0,255,0) 100%),radial-gradient(92.18% 99.11% at 26.56% 107.7%,#FFDD55 0%,#FFDD55 10%,#FF543E 50%,#C837AB 100%);color:#fff;font-size:1.125rem;font-weight:700;text-transform:uppercase;padding:.75rem;border-radius:.5625rem;display:flex;align-items:center;justify-content:center;width:fit-content;box-shadow:4px 4px 24px -12px #c9a3a380}.button-inst img{margin-right:.5rem}.text-area{width:100%;resize:none;background-color:transparent}.text-area:focus{border:0}.spiral{background-image:url(https://weeder.delivery/spiral.jpg);background-size:cover;width:100rem;height:100rem;position:absolute;top:50%;left:50%;opacity:.03;transform:translate(-50%,-50%) rotate(0);transform-origin:center center;animation:spin 5s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.container-joinus{display:flex;align-items:center;justify-content:center;height:66vh;position:relative;overflow:hidden}.container-joinus .content{display:flex;flex-direction:column;align-items:center;z-index:2}.floating-image{position:absolute;bottom:0;width:5rem;height:5rem;opacity:1;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0);opacity:.1}10%{opacity:1}50%{opacity:1}90%{opacity:1}to{transform:translateY(-50vh);opacity:0}}.community-feed[data-v-18db0d1b]{padding:20px}.grid-container[data-v-18db0d1b]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px}.grid-item-2x2[data-v-18db0d1b]{grid-row:span 2;grid-column:span 2}.grid-item-2x1[data-v-18db0d1b]{grid-row:span 1;grid-column:span 2}.grid-item-1x1[data-v-18db0d1b]{grid-row:span 1;grid-column:span 1}.mobile-menu-section>div:last-of-type{border-bottom:none!important}.expand-enter-active[data-v-6accd1fb],.expand-leave-active[data-v-6accd1fb]{transition:max-height .5s ease-in-out;overflow:hidden}.scale-enter-active[data-v-6accd1fb],.scale-leave-active[data-v-6accd1fb]{transition:transform .5s ease-in-out}.scale5-enter-from[data-v-6accd1fb],.scale5-leave-to[data-v-6accd1fb]{transform:scale(1.2);opacity:0}.scale5-enter-to[data-v-6accd1fb],.scale5-leave-from[data-v-6accd1fb]{transform:scale(1);opacity:1}.product-360-viewer[data-v-6accd1fb]{-webkit-user-select:none;user-select:none;min-height:16rem}.product-360-viewer img[data-v-6accd1fb]{max-width:100%;cursor:grab;object-fit:cover;transition:all .3s ease}.product-360-viewer img[data-v-6accd1fb]:active{cursor:grabbing}.image-container[data-v-c3815eaf]{position:relative;display:inline-block;cursor:crosshair}.zoom-lens[data-v-c3815eaf]{position:absolute;width:100px;height:100px;border:1px solid rgba(0,0,0,.3);box-sizing:border-box;background-repeat:no-repeat;pointer-events:none}.magnifier[data-v-732c99c3]{max-width:32rem}.product-images[data-v-732c99c3]{display:flex;flex-direction:column}.thumbnails[data-v-732c99c3]{display:flex;gap:10px}.thumbnail[data-v-732c99c3]{width:100%;max-width:8rem;height:8rem;object-fit:cover;cursor:pointer}.popup[data-v-732c99c3]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;cursor:zoom-out}.popup-image[data-v-732c99c3]{max-width:90%;max-height:90%}.h1-product{font-size:3rem}.produc-data{padding-top:2rem;padding-bottom:0}li[data-v-a78dbba1]{list-style-type:none}ul li[data-v-a78dbba1]{line-height:2}.no-scroll{overflow:hidden}.ti-tag-input[data-v-a1f1c345]{background-color:transparent;color:inherit;border:none;padding:0;margin:0;display:flex;top:0;position:absolute;width:100%;line-height:inherit}.ti-tag-input[data-v-a1f1c345]::-ms-clear{display:none}input[data-v-a1f1c345]:focus{outline:none}input[disabled][data-v-a1f1c345]{background-color:transparent}.ti-icon-check[data-v-d14eec25]:before{content:"";font-size:.5rem}.ti-icon-close[data-v-d14eec25]:before{content:"✕";font-size:.5rem}.ti-icon-undo[data-v-d14eec25]:before{content:"↺";font-size:.5rem}ul[data-v-d14eec25]{margin:0;padding:0;list-style-type:none}*[data-v-d14eec25],*[data-v-d14eec25]:before,*[data-v-d14eec25]:after{box-sizing:border-box}input[data-v-d14eec25]:focus{outline:none}input[disabled][data-v-d14eec25]{background-color:transparent}div.vue-tags-input.disabled[data-v-d14eec25]{opacity:.5}div.vue-tags-input.disabled *[data-v-d14eec25]{cursor:default}.ti-input[data-v-d14eec25]{display:flex}.ti-tags[data-v-d14eec25]{display:flex;flex-wrap:wrap;width:100%;line-height:1em}.ti-tag[data-v-d14eec25]{background-color:rgb(var(--main));color:rgb(var(--black));border-radius:4rem;display:flex;padding:3px 5px;margin:2px;font-size:.85em}.ti-tag[data-v-d14eec25]:focus{outline:none}.ti-tag .ti-content[data-v-d14eec25]{display:flex;align-items:center}.ti-tag .ti-tag-center[data-v-d14eec25]{position:relative}.ti-tag span[data-v-d14eec25]{line-height:.85em}.ti-tag span.ti-hidden[data-v-d14eec25]{padding-left:14px;visibility:hidden;height:0px;white-space:pre}.ti-tag .ti-actions[data-v-d14eec25]{margin-left:2px;display:flex;align-items:center;font-size:1.15em}.ti-tag .ti-actions i[data-v-d14eec25]{cursor:pointer}.ti-tag[data-v-d14eec25]:last-child{margin-right:4px}.ti-tag.ti-invalid[data-v-d14eec25],.ti-tag.ti-tag.ti-deletion-mark[data-v-d14eec25]{background-color:#e54d42}.ti-new-tag-input-wrapper[data-v-d14eec25]{display:flex;flex:1 0 auto;padding:3px 5px;margin:2px;font-size:.85em}.ti-new-tag-input-wrapper input[data-v-d14eec25]{flex:1 0 auto;min-width:100px;border:none;padding:0;margin:0}.ti-new-tag-input[data-v-d14eec25]{line-height:initial}.ti-autocomplete[data-v-d14eec25]{border-top:none;position:absolute;width:100%;left:0;top:110%;z-index:20}.ti-item>div[data-v-d14eec25]{cursor:pointer;padding:3px 6px;width:100%}.ti-selected-item[data-v-d14eec25]{background-color:rgb(var(--main));color:#fff}.ti-tag-toDefactor{background-color:rgb(var(--main));color:rgb(var(--black));border-radius:4rem;padding:3px 5px;margin:2px;font-size:.85em}.switch[data-v-f641f618]{padding:.25rem}fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:before,.multiselect__spinner:after{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;touch-action:manipulation}.multiselect{display:block;position:relative;width:100%;min-height:40px}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;padding:0 0 0 5px;width:100%;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{display:block}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:initial;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"×";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{line-height:16px;min-height:40px;box-sizing:border-box;display:block;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;margin:0;text-decoration:none;border-radius:5px;border:1px solid #e8e8e8;cursor:pointer}.multiselect__select{line-height:16px;display:block;position:absolute;box-sizing:border-box;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;margin:0;text-decoration:none;text-align:center;cursor:pointer;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0 5px;border-color:#999 transparent transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;left:0;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-radius:5px 5px 0 0;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::-webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}*[dir=rtl] .multiselect{text-align:right}*[dir=rtl] .multiselect__select{right:auto;left:1px}*[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}*[dir=rtl] .multiselect__content{text-align:right}*[dir=rtl] .multiselect__option:after{right:auto;left:0}*[dir=rtl] .multiselect__clear{right:auto;left:12px}*[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}.breadcrumbs{padding-top:1.25rem;padding-bottom:1.25rem;height:4rem;display:flex;align-items:center;flex-wrap:nowrap}.breadcrumbs .home{height:1rem}.breadcrumbs .chevron{height:.75rem}.breadcrumbs a{display:flex;align-items:center;flex-wrap:nowrap}.breadcrumbs a span{margin-left:.5rem;margin-right:.5rem}.breadcrumbs .router-link-exact-active:last-of-type span{color:#0f8}.spoiler{transition:max-height .3s cubic-bezier(.15,.68,.33,.93)}.collapse-enter-active,.collapse-leave-active{max-height:2000px}.collapse-enter-from,.collapse-leave-to{max-height:0}#top-footer{padding-bottom:0}.thc{position:absolute;right:0%;top:0%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;width:6rem;height:6rem;transition:all linear .1s}.thc p:first-of-type{font-size:1.25rem;letter-spacing:-2px;z-index:7}.thc p:last-of-type{z-index:7}.thc svg{z-index:6;position:absolute;width:6rem;height:6rem;left:0;top:0}@media screen and (max-width: 1025px){.thc{transform:scale(.75)!important;transform-origin:top right!important}}.price-tag{background:#058;color:#fff;cursor:pointer;display:inline-block;position:relative;text-align:center;display:flex;align-items:center;width:fit-content;background:#00ff88;color:#000}.product{display:flex;flex-direction:column;overflow:hidden;transform:scale(1);transition:all .33s ease}.product:hover{cursor:pointer;box-shadow:0 32px 96px -4px #0000000d!important;transform:scale(1.02)}.product:active{transform:scale(.99)}.gmap[data-v-c194b4a5]{height:300px;width:100%}.subdepartmentsartment[data-v-1d33cf95]{border:1px solid rgba(0,0,0,.1);margin-top:1rem}.subunit[data-v-d69a370a]{border:1px solid rgba(0,0,0,.1);margin-top:1rem}.pac-container[data-v-faece1a6]{position:absolute;background-color:#fff;z-index:1000;border-radius:2rem;overflow:hidden}.map-container[data-v-1c7971e5]{width:100%}.my-location-button[data-v-1c7971e5]{position:absolute;right:10px;top:10px;z-index:99}:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}.VueSelect{background:#f7f7f7;border-radius:.5rem;border:0;height:3rem;padding-left:1rem;z-index:4}.VueSelect .vue-input input{font-size:1.125rem;font-weight:300;background:#f7f7f7}.form-group[data-v-21f393e1]{margin-bottom:1rem}label[data-v-21f393e1]{display:block;margin-bottom:.5rem}input[data-v-21f393e1]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:5px}.form-group[data-v-d3c6f191]{margin-bottom:1rem}label[data-v-d3c6f191]{display:block;margin-bottom:.5rem}input[data-v-d3c6f191]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:5px}[data-v-195322bd]:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select[data-v-195322bd]{position:relative;font-family:inherit}.v-select[data-v-195322bd],.v-select *[data-v-195322bd]{box-sizing:border-box}[data-v-195322bd]:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner-195322bd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner-195322bd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active[data-v-195322bd],.vs__fade-leave-active[data-v-195322bd]{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter[data-v-195322bd],.vs__fade-leave-to[data-v-195322bd]{opacity:0}[data-v-195322bd]:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle[data-v-195322bd],.vs--disabled .vs__clear[data-v-195322bd],.vs--disabled .vs__search[data-v-195322bd],.vs--disabled .vs__selected[data-v-195322bd],.vs--disabled .vs__open-indicator[data-v-195322bd]{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions[data-v-195322bd]{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear[data-v-195322bd]{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect[data-v-195322bd]{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu[data-v-195322bd]{text-align:right}.vs__dropdown-toggle[data-v-195322bd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options[data-v-195322bd]{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions[data-v-195322bd]{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle[data-v-195322bd]{cursor:text}.vs--unsearchable .vs__dropdown-toggle[data-v-195322bd]{cursor:pointer}.vs--open .vs__dropdown-toggle[data-v-195322bd]{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator[data-v-195322bd]{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator[data-v-195322bd]{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator[data-v-195322bd]{opacity:0}.vs__clear[data-v-195322bd]{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu[data-v-195322bd]{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options[data-v-195322bd]{text-align:center}.vs__dropdown-option[data-v-195322bd]{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight[data-v-195322bd]{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect[data-v-195322bd]{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled[data-v-195322bd]{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected[data-v-195322bd]{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect[data-v-195322bd]{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected[data-v-195322bd]{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected[data-v-195322bd],.vs--single.vs--loading .vs__selected[data-v-195322bd]{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected[data-v-195322bd]{display:none}.vs__search[data-v-195322bd]::-webkit-search-cancel-button{display:none}.vs__search[data-v-195322bd]::-webkit-search-decoration,.vs__search[data-v-195322bd]::-webkit-search-results-button,.vs__search[data-v-195322bd]::-webkit-search-results-decoration,.vs__search[data-v-195322bd]::-ms-clear{display:none}.vs__search[data-v-195322bd],.vs__search[data-v-195322bd]:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search[data-v-195322bd]::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search[data-v-195322bd]::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search[data-v-195322bd]{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search[data-v-195322bd]{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search[data-v-195322bd]{opacity:.2}.vs__spinner[data-v-195322bd]{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner-195322bd 1.1s infinite linear;animation:vSelectSpinner-195322bd 1.1s infinite linear;transition:opacity .1s}.vs__spinner[data-v-195322bd],.vs__spinner[data-v-195322bd]:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner[data-v-195322bd]{opacity:1}.form-group[data-v-de5143c5]{margin-bottom:1rem}label[data-v-de5143c5]{display:block;margin-bottom:.5rem}input[data-v-de5143c5]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:5px}.documents[data-v-20739d92]{display:flex;flex-direction:column}.popup[data-v-20739d92]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ccc;padding:20px;z-index:10}.slide-fade-enter-from,.slide-fade-leave-to{min-height:0;position:absolute;transform:translate(20px);opacity:0;left:0;top:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.carousel__track{height:100%}.carousel-controls{position:absolute;top:0;right:0}.carousel-indicators{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center}.carousel-indicators li{list-style:none;margin:0 5px;width:10px;height:10px;background:gray;border-radius:50%}.carousel-indicators li.active{background:white}.parent-div{display:flex;flex-direction:column;height:100%;width:100%}.background-div{flex-grow:1}.vue3-reactive-tel-input[data-v-50353ca7]{display:flex}.vue3-reactive-tel-input.disabled .dropdown[data-v-50353ca7],.vue3-reactive-tel-input.disabled .selection[data-v-50353ca7],.vue3-reactive-tel-input.disabled input[data-v-50353ca7]{cursor:no-drop}.vti__dropdown[data-v-50353ca7]{display:flex;flex-direction:column;align-content:center;justify-content:center;position:relative;padding:7px;cursor:pointer}.vti__dropdown.show[data-v-50353ca7]{max-height:300px;overflow:scroll}.vti__dropdown-list[data-v-50353ca7]{z-index:1;padding:0;margin:0;text-align:left;list-style:none;max-height:200px;overflow-y:scroll;position:absolute;left:-1px;background-color:#fff;width:fit-content}.vti__dropdown-list.below[data-v-50353ca7]{top:33px}.vti__dropdown-list.above[data-v-50353ca7]{top:auto;bottom:100%}.vti__dropdown-arrow[data-v-50353ca7]{transform:scaleY(.5);display:inline-block;color:#666}.vti__dropdown-item[data-v-50353ca7]{cursor:pointer;padding:4px 15px}.vti__dropdown-item.last-preferred[data-v-50353ca7]{border-bottom:1px solid #cacaca}.vti__dropdown-item .vti__flag[data-v-50353ca7]{display:inline-block;margin-right:5px}.vti__input[data-v-50353ca7]{border:none;border-radius:0 2px 2px 0;width:100%;outline:0;padding-left:7px}.soon-label{position:absolute;right:-.25em;top:-.25rem;padding-left:1rem;padding-right:1rem;line-height:1.5rem}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-fade-enter-from,.slide-fade-leave-to{position:absolute;transform:translate(20px);opacity:0;left:0;top:0}.input-error{border:1px solid red;box-shadow:0 0 3px red}.fade-move,.fade-enter-active,.fade-leave-active{transition:all .5s cubic-bezier(.55,0,.1,1)}.fade-enter-from,.fade-leave-to{opacity:0;transform:scaleY(.01) translate(30px)}.fade-leave-active{position:absolute}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp__arrow_top{left:50%;top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:50%;bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-hover-color);border-radius:0;border:1px solid var(--dp-hover-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;width:100%}.dp__year_disable_select{justify-content:space-around}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline-start:auto;margin-inline-end:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{background:none;width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%)}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%)}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;align-content:center;justify-content:center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp__input{border:0;padding:var(--medium);padding-left:3rem;background:rgb(var(--grey))}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/prometheus-framework",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "Web3 Framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/modules/backoffice/router/account.js

@@ -1,53 +1,74 @@
-import layoutAccount from '@/modules/account/layouts/Account.vue'
+// import layoutAccount from '@/modules/account/layouts/Account.vue'
 
-const account = [{
-  path: 'app',
-  component: layoutAccount,
+// const account = [{
+//   path: 'app',
+//   component: layoutAccount,
+//   children: [{
+//     path: 'wallet',
+//     name: 'Wallet',
+//     meta: {
+//       title: {
+//         en: 'Wallet',
+//         ru: 'Кошелек'
+//       },
+//       authorize: []
+//     },
+//     component: () => import(/* webpackChunkName: 'Account' */ '@/modules/account/pages/Wallet.vue'),
+//   },{
+//     path: 'organizations',
+//     name: 'Organizations',
+//     meta: {
+//       title: {
+//         en: 'Organizations',
+//         ru: 'Организации'
+//       },
+//       authorize: []
+//     },
+//     component: () => import(/* webpackChunkName: 'Account' */ '@pf/src/modules/organizations/components/pages/OrganizationsAccount.vue'),
+//   },{
+//     path: 'community',
+//     name: 'Community Account',
+//     meta: {
+//       title: {
+//         en: 'Community',
+//         ru: 'Сообщество'
+//       },
+//       authorize: []
+//     },
+//     component: () => import(/* webpackChunkName: 'Account' */ '@pf/src/modules/community/components/pages/Community.vue'),
+//   },{
+//     path: 'history',
+//     name: 'Order History',
+//     meta: {
+//       title: {
+//         en: 'Order History',
+//         ru: 'История заказов'
+//       },
+//       authorize: []
+//     },
+//     component: () => import(/* webpackChunkName: 'Account' */ '@/modules/account/pages/History.vue'),
+//   }]
+// }];
+
+// export default account;
+
+import layoutBackoffice from '../components/layouts/Backoffice.vue'
+
+const backofficeRoutes = [{
+  path: 'backoffice',
+  component: layoutBackoffice,
   children: [{
-    path: 'wallet',
-    name: 'Wallet',
-    meta: {
-      title: {
-        en: 'Wallet',
-        ru: 'Кошелек'
-      },
-      authorize: []
-    },
-    component: () => import(/* webpackChunkName: 'Account' */ '@/modules/account/pages/Wallet.vue'),
-  },{
-    path: 'organizations',
-    name: 'Organizations',
-    meta: {
-      title: {
-        en: 'Organizations',
-        ru: 'Организации'
-      },
-      authorize: []
-    },
-    component: () => import(/* webpackChunkName: 'Account' */ '@pf/src/modules/organizations/components/pages/OrganizationsAccount.vue'),
-  },{
-    path: 'community',
-    name: 'Community Account',
-    meta: {
-      title: {
-        en: 'Community',
-        ru: 'Сообщество'
-      },
-      authorize: []
-    },
-    component: () => import(/* webpackChunkName: 'Account' */ '@pf/src/modules/community/components/pages/Community.vue'),
-  },{
-    path: 'history',
-    name: 'Order History',
+    path: ':_id',
+    name: 'Backoffice',
     meta: {
       title: {
-        en: 'Order History',
-        ru: 'История заказов'
+        en: 'Backoffice',
+        ru: 'Управление'
       },
       authorize: []
     },
-    component: () => import(/* webpackChunkName: 'Account' */ '@/modules/account/pages/History.vue'),
+    component: () => import(/* webpackChunkName: 'BackofficeGallery' */ '@pf/src/modules/gallery/components/sections/BackofficeGallery.vue'),
   }]
 }];
 
-export default account;
+export default backofficeRoutes;

package/src/modules/backoffice/router/admin.js

@@ -1,87 +1,108 @@
-import layoutAdmin from '/src/components/layout/admin.vue'
+// import layoutAdmin from '/src/components/layout/admin.vue'
 
-const admin = [
-  {
-    path: 'admin',
-    component: layoutAdmin,
-    meta: { authorize: ["ROLE_MODERATOR"] }, 
-    children: [{
-      path: 'categories',
-      name: 'Categories',
-      component: () => import(/* webpackChunkName: 'Categories' */ '@/components/pages/admin/Categories.vue')
-    },
-    {
-      path: 'categories/add',
-      name: 'AddCategory',
-      component: () => import(/* webpackChunkName: 'AddCategory' */ '@/components/pages/admin/CategoryEdit.vue')
+// const admin = [
+//   {
+//     path: 'admin',
+//     component: layoutAdmin,
+//     meta: { authorize: ["ROLE_MODERATOR"] }, 
+//     children: [{
+//       path: 'categories',
+//       name: 'Categories',
+//       component: () => import(/* webpackChunkName: 'Categories' */ '@/components/pages/admin/Categories.vue')
+//     },
+//     {
+//       path: 'categories/add',
+//       name: 'AddCategory',
+//       component: () => import(/* webpackChunkName: 'AddCategory' */ '@/components/pages/admin/CategoryEdit.vue')
+//     },
+//     {
+//       path: 'categories/:url/edit',
+//       name: 'EditCategory',
+//       component: () => import(/* webpackChunkName: 'EditCategory' */ '@/components/pages/admin/CategoryEdit.vue')
+//     },{
+//       path: 'products',
+//       name: 'Products',
+//       component: () => import(/* webpackChunkName: 'Products' */ '@/components/pages/admin/Products.vue')
+//     },{
+//       path: 'backcalls',
+//       name: 'Backcalls',
+//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
+//       component: () => import(/* webpackChunkName: 'Backcalls' */ '@/components/pages/admin/Backcalls.vue')
+//     },{
+//       path: 'fastorder',
+//       name: 'FastOrders',
+//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
+//       component: () => import(/* webpackChunkName: 'FastOrders' */ '@/components/pages/admin/FastOrders.vue')
+//     },{
+//       path: 'orders',
+//       name: 'Orders',
+//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
+//       component: () => import(/* webpackChunkName: 'Orders' */ '@/components/pages/admin/Orders.vue')
+//     },{
+//       path: 'orders/:_id',
+//       name: 'AdminOrder',
+//       component: () => import(/* webpackChunkName: 'AdminOrders' */ '@/components/pages/admin/Order.vue')
+//     },{
+//       path: 'leftovers',
+//       name: 'Leftovers',
+//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
+//       component: () => import(/* webpackChunkName: 'Leftovers' */ '@/components/pages/admin/Leftovers.vue')
+//     },{
+//       path: 'leftovers/add',
+//       name: 'LeftoverAdd',
+//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
+//       component: () => import(/* webpackChunkName: 'LeftoverEdit' */ '@/components/pages/admin/LeftoverAdd.vue')
+//     },{
+//       path: 'leftovers/:_id',
+//       name: 'LeftoverEdit',
+//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
+//       component: () => import(/* webpackChunkName: 'LeftoverEdit' */ '@/components/pages/admin/LeftoverAdd.vue')
+//     },{
+//       path: 'pages',
+//       name: 'Pages',
+//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
+//       component: () => import(/* webpackChunkName: 'Pages' */ '@/components/pages/admin/Pages.vue')
+//     },{
+//       path: 'pages/add',
+//       name: 'PageAdd',
+//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
+//       component: () => import(/* webpackChunkName: 'PageAdd' */ '@/components/pages/admin/PageEdit.vue')
+//     },{
+//       path: 'pages/:url',
+//       name: 'PageEdit',
+//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
+//       component: () => import(/* webpackChunkName: 'PAgeEdit' */ '@/components/pages/admin/PageEdit.vue')
+//     },{
+//       path: 'users',
+//       name: 'Users',
+//       component: () => import(/* webpackChunkName: 'Users' */ '@/components/pages/admin/Users.vue')
+//     },{
+//       path: 'users/:phone',
+//       name: 'User',
+//       component: () => import(/* webpackChunkName: 'User' */ '@/components/pages/admin/User.vue')
+//     }]
+//   } 
+// ];
+
+// export default admin;
+
+import layoutBackoffice from '../components/layouts/Backoffice.vue'
+
+const backofficeRoutes = [{
+  path: 'backoffice',
+  component: layoutBackoffice,
+  children: [{
+    path: ':_id',
+    name: 'Backoffice',
+    meta: {
+      title: {
+        en: 'Backoffice',
+        ru: 'Управление'
+      },
+      authorize: []
     },
-    {
-      path: 'categories/:url/edit',
-      name: 'EditCategory',
-      component: () => import(/* webpackChunkName: 'EditCategory' */ '@/components/pages/admin/CategoryEdit.vue')
-    },{
-      path: 'products',
-      name: 'Products',
-      component: () => import(/* webpackChunkName: 'Products' */ '@/components/pages/admin/Products.vue')
-    },{
-      path: 'backcalls',
-      name: 'Backcalls',
-      // meta: { authorize: ["ROLE_MODERATOR"] }, 
-      component: () => import(/* webpackChunkName: 'Backcalls' */ '@/components/pages/admin/Backcalls.vue')
-    },{
-      path: 'fastorder',
-      name: 'FastOrders',
-      // meta: { authorize: ["ROLE_MODERATOR"] }, 
-      component: () => import(/* webpackChunkName: 'FastOrders' */ '@/components/pages/admin/FastOrders.vue')
-    },{
-      path: 'orders',
-      name: 'Orders',
-      // meta: { authorize: ["ROLE_MODERATOR"] }, 
-      component: () => import(/* webpackChunkName: 'Orders' */ '@/components/pages/admin/Orders.vue')
-    },{
-      path: 'orders/:_id',
-      name: 'AdminOrder',
-      component: () => import(/* webpackChunkName: 'AdminOrders' */ '@/components/pages/admin/Order.vue')
-    },{
-      path: 'leftovers',
-      name: 'Leftovers',
-      // meta: { authorize: ["ROLE_MODERATOR"] }, 
-      component: () => import(/* webpackChunkName: 'Leftovers' */ '@/components/pages/admin/Leftovers.vue')
-    },{
-      path: 'leftovers/add',
-      name: 'LeftoverAdd',
-      // meta: { authorize: ["ROLE_MODERATOR"] }, 
-      component: () => import(/* webpackChunkName: 'LeftoverEdit' */ '@/components/pages/admin/LeftoverAdd.vue')
-    },{
-      path: 'leftovers/:_id',
-      name: 'LeftoverEdit',
-      // meta: { authorize: ["ROLE_MODERATOR"] }, 
-      component: () => import(/* webpackChunkName: 'LeftoverEdit' */ '@/components/pages/admin/LeftoverAdd.vue')
-    },{
-      path: 'pages',
-      name: 'Pages',
-      // meta: { authorize: ["ROLE_MODERATOR"] }, 
-      component: () => import(/* webpackChunkName: 'Pages' */ '@/components/pages/admin/Pages.vue')
-    },{
-      path: 'pages/add',
-      name: 'PageAdd',
-      // meta: { authorize: ["ROLE_MODERATOR"] }, 
-      component: () => import(/* webpackChunkName: 'PageAdd' */ '@/components/pages/admin/PageEdit.vue')
-    },{
-      path: 'pages/:url',
-      name: 'PageEdit',
-      // meta: { authorize: ["ROLE_MODERATOR"] }, 
-      component: () => import(/* webpackChunkName: 'PAgeEdit' */ '@/components/pages/admin/PageEdit.vue')
-    },{
-      path: 'users',
-      name: 'Users',
-      component: () => import(/* webpackChunkName: 'Users' */ '@/components/pages/admin/Users.vue')
-    },{
-      path: 'users/:phone',
-      name: 'User',
-      component: () => import(/* webpackChunkName: 'User' */ '@/components/pages/admin/User.vue')
-    }]
-  } 
-];
+    component: () => import(/* webpackChunkName: 'BackofficeGallery' */ '@pf/src/modules/gallery/components/sections/BackofficeGallery.vue'),
+  }]
+}];
 
-export default admin;
+export default backofficeRoutes;

package/src/modules/backoffice/router/backoffice.js

@@ -1,8 +1,8 @@
-import layoutAccount from '../components/layouts/Account.vue'
+import layoutBackoffice from '../components/layouts/Backoffice.vue'
 
-const account = [{
+const backofficeRoutes = [{
   path: 'backoffice',
-  component: layoutAccount,
+  component: layoutBackoffice,
   children: [{
     path: ':_id',
     name: 'Backoffice',
@@ -13,8 +13,8 @@ const account = [{
       },
       authorize: []
     },
-    component: () => import(/* webpackChunkName: 'Account' */ '@pf/src/modules/gallery/components/sections/Gallery.vue'),
+    component: () => import(/* webpackChunkName: 'BackofficeGallery' */ '@pf/src/modules/gallery/components/sections/BackofficeGallery.vue'),
   }]
 }];
 
-export default account;
+export default backofficeRoutes;