@getlupa/client 1.6.4 → 1.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7637,6 +7637,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7637
7637
  const suggestionResults = ref({});
7638
7638
  const highlightedIndex = ref(-1);
7639
7639
  const inputValue = ref("");
7640
+ const resultInputValue = ref("");
7640
7641
  const historyStore = useHistoryStore();
7641
7642
  const resultsVisible = computed(() => {
7642
7643
  var _a;
@@ -7649,13 +7650,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7649
7650
  return {
7650
7651
  queryKey: p2.queryKey,
7651
7652
  count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
7652
- panel: p2
7653
+ panel: p2,
7654
+ input: resultInputValue.value
7653
7655
  };
7654
7656
  }
7655
7657
  return {
7656
7658
  queryKey: p2.queryKey,
7657
7659
  count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
7658
- panel: p2
7660
+ panel: p2,
7661
+ input: resultInputValue.value
7659
7662
  };
7660
7663
  })
7661
7664
  );
@@ -7715,6 +7718,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7715
7718
  [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
7716
7719
  });
7717
7720
  inputValue.value = publicQuery.searchText;
7721
+ resultInputValue.value = publicQuery.searchText;
7718
7722
  emitSearchResultsCallback();
7719
7723
  return {
7720
7724
  suggestions: result.items
@@ -7802,7 +7806,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7802
7806
  const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
7803
7807
  const _hoisted_2$P = { class: "lupa-input-clear" };
7804
7808
  const _hoisted_3$B = { id: "lupa-search-box-input" };
7805
- const _hoisted_4$q = ["value"];
7809
+ const _hoisted_4$r = ["value"];
7806
7810
  const _hoisted_5$f = ["placeholder"];
7807
7811
  const _hoisted_6$9 = {
7808
7812
  key: 0,
@@ -7897,7 +7901,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7897
7901
  class: "lupa-hint",
7898
7902
  value: showHint.value ? suggestedValue.value.item.suggestion : "",
7899
7903
  disabled: ""
7900
- }, null, 8, _hoisted_4$q),
7904
+ }, null, 8, _hoisted_4$r),
7901
7905
  withDirectives(createBaseVNode("input", mergeProps({
7902
7906
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
7903
7907
  }, inputAttributes.value, {
@@ -8076,7 +8080,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8076
8080
  class: "lupa-suggestion-facet",
8077
8081
  "data-cy": "lupa-suggestion-facet"
8078
8082
  };
8079
- const _hoisted_4$p = {
8083
+ const _hoisted_4$q = {
8080
8084
  class: "lupa-suggestion-facet-label",
8081
8085
  "data-cy": "lupa-suggestion-facet-label"
8082
8086
  };
@@ -8122,7 +8126,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8122
8126
  innerHTML: _ctx.suggestion.displayHighlight
8123
8127
  }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
8124
8128
  _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
8125
- createBaseVNode("span", _hoisted_4$p, toDisplayString(facetLabel.value), 1),
8129
+ createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
8126
8130
  createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
8127
8131
  ])) : createCommentVNode("", true)
8128
8132
  ]);
@@ -8530,7 +8534,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8530
8534
  const _hoisted_1$11 = ["innerHTML"];
8531
8535
  const _hoisted_2$K = { key: 0 };
8532
8536
  const _hoisted_3$z = { key: 1 };
8533
- const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
8537
+ const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
8534
8538
  const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
8535
8539
  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
8536
8540
  __name: "SearchBoxProductCustom",
@@ -8563,7 +8567,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8563
8567
  class: [className.value, "lupa-search-box-product-custom"]
8564
8568
  }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
8565
8569
  !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
8566
- createBaseVNode("div", _hoisted_4$o, toDisplayString(label.value), 1),
8570
+ createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
8567
8571
  createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
8568
8572
  ]))
8569
8573
  ], 16));
@@ -8904,7 +8908,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8904
8908
  const _hoisted_1$_ = ["href"];
8905
8909
  const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
8906
8910
  const _hoisted_3$x = { class: "lupa-search-box-product-details-section" };
8907
- const _hoisted_4$n = {
8911
+ const _hoisted_4$o = {
8908
8912
  key: 0,
8909
8913
  class: "lupa-search-box-product-add-to-cart-section"
8910
8914
  };
@@ -8983,7 +8987,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8983
8987
  }, null, 8, ["item", "element", "labels", "link"]);
8984
8988
  }), 128))
8985
8989
  ]),
8986
- addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
8990
+ addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
8987
8991
  createVNode(_sfc_main$13, {
8988
8992
  class: "lupa-search-box-product-element",
8989
8993
  item: _ctx.item,
@@ -9216,6 +9220,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9216
9220
  };
9217
9221
  const _hoisted_2$H = ["data-cy"];
9218
9222
  const _hoisted_3$w = {
9223
+ key: 0,
9224
+ class: "lupa-panel-title"
9225
+ };
9226
+ const _hoisted_4$n = {
9219
9227
  key: 1,
9220
9228
  id: "lupa-search-box-panel"
9221
9229
  };
@@ -9253,16 +9261,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9253
9261
  const sdkOptions = computed(() => props.options.options);
9254
9262
  const searchBoxStore = useSearchBoxStore();
9255
9263
  const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
9256
- const displayResults = computed(
9257
- () => {
9258
- var _a, _b;
9259
- return ((_a = props.inputValue) == null ? void 0 : _a.length) > 0 && ((_b = props.inputValue) == null ? void 0 : _b.length) >= props.options.minInputLength;
9260
- }
9261
- );
9264
+ const displayResults = computed(() => {
9265
+ var _a;
9266
+ return ((_a = props.inputValue) == null ? void 0 : _a.length) >= props.options.minInputLength;
9267
+ });
9262
9268
  const displayHistory = computed(
9263
9269
  () => {
9264
9270
  var _a;
9265
- return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1;
9271
+ return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1 && props.options.minInputLength > 0;
9266
9272
  }
9267
9273
  );
9268
9274
  const displayPanels = computed(
@@ -9339,6 +9345,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9339
9345
  const expandOnSinglePanel = computed(() => {
9340
9346
  return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
9341
9347
  });
9348
+ const showTopResultsPanelTitle = (queryKey) => {
9349
+ const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
9350
+ return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
9351
+ };
9342
9352
  return (_ctx, _cache) => {
9343
9353
  var _a;
9344
9354
  return openBlock(), createElementBlock("div", {
@@ -9352,6 +9362,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9352
9362
  "data-cy": "lupa-main-panel"
9353
9363
  }, [
9354
9364
  (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
9365
+ var _a2, _b;
9355
9366
  return openBlock(), createElementBlock("div", {
9356
9367
  key: index,
9357
9368
  class: normalizeClass([
@@ -9360,8 +9371,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9360
9371
  ]),
9361
9372
  "data-cy": "lupa-panel-" + panel.type + "-index"
9362
9373
  }, [
9374
+ ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
9363
9375
  panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
9364
- key: 0,
9376
+ key: 1,
9365
9377
  panel,
9366
9378
  options: sdkOptions.value,
9367
9379
  debounce: _ctx.options.debounce,
@@ -9392,7 +9404,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9392
9404
  showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
9393
9405
  onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
9394
9406
  }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
9395
- ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
9407
+ ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
9396
9408
  createVNode(_sfc_main$1h, {
9397
9409
  options: _ctx.options.history,
9398
9410
  history: history.value,
@@ -7637,6 +7637,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
7637
7637
  const suggestionResults = ref({});
7638
7638
  const highlightedIndex = ref(-1);
7639
7639
  const inputValue = ref("");
7640
+ const resultInputValue = ref("");
7640
7641
  const historyStore = useHistoryStore();
7641
7642
  const resultsVisible = computed(() => {
7642
7643
  var _a;
@@ -7649,13 +7650,15 @@ const useSearchBoxStore = defineStore("searchBox", () => {
7649
7650
  return {
7650
7651
  queryKey: p2.queryKey,
7651
7652
  count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
7652
- panel: p2
7653
+ panel: p2,
7654
+ input: resultInputValue.value
7653
7655
  };
7654
7656
  }
7655
7657
  return {
7656
7658
  queryKey: p2.queryKey,
7657
7659
  count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
7658
- panel: p2
7660
+ panel: p2,
7661
+ input: resultInputValue.value
7659
7662
  };
7660
7663
  })
7661
7664
  );
@@ -7715,6 +7718,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
7715
7718
  [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
7716
7719
  });
7717
7720
  inputValue.value = publicQuery.searchText;
7721
+ resultInputValue.value = publicQuery.searchText;
7718
7722
  emitSearchResultsCallback();
7719
7723
  return {
7720
7724
  suggestions: result.items
@@ -7802,7 +7806,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
7802
7806
  const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
7803
7807
  const _hoisted_2$P = { class: "lupa-input-clear" };
7804
7808
  const _hoisted_3$B = { id: "lupa-search-box-input" };
7805
- const _hoisted_4$q = ["value"];
7809
+ const _hoisted_4$r = ["value"];
7806
7810
  const _hoisted_5$f = ["placeholder"];
7807
7811
  const _hoisted_6$9 = {
7808
7812
  key: 0,
@@ -7897,7 +7901,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
7897
7901
  class: "lupa-hint",
7898
7902
  value: showHint.value ? suggestedValue.value.item.suggestion : "",
7899
7903
  disabled: ""
7900
- }, null, 8, _hoisted_4$q),
7904
+ }, null, 8, _hoisted_4$r),
7901
7905
  withDirectives(createBaseVNode("input", mergeProps({
7902
7906
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
7903
7907
  }, inputAttributes.value, {
@@ -8076,7 +8080,7 @@ const _hoisted_3$A = {
8076
8080
  class: "lupa-suggestion-facet",
8077
8081
  "data-cy": "lupa-suggestion-facet"
8078
8082
  };
8079
- const _hoisted_4$p = {
8083
+ const _hoisted_4$q = {
8080
8084
  class: "lupa-suggestion-facet-label",
8081
8085
  "data-cy": "lupa-suggestion-facet-label"
8082
8086
  };
@@ -8122,7 +8126,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
8122
8126
  innerHTML: _ctx.suggestion.displayHighlight
8123
8127
  }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
8124
8128
  _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
8125
- createBaseVNode("span", _hoisted_4$p, toDisplayString(facetLabel.value), 1),
8129
+ createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
8126
8130
  createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
8127
8131
  ])) : createCommentVNode("", true)
8128
8132
  ]);
@@ -8530,7 +8534,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
8530
8534
  const _hoisted_1$11 = ["innerHTML"];
8531
8535
  const _hoisted_2$K = { key: 0 };
8532
8536
  const _hoisted_3$z = { key: 1 };
8533
- const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
8537
+ const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
8534
8538
  const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
8535
8539
  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
8536
8540
  __name: "SearchBoxProductCustom",
@@ -8563,7 +8567,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
8563
8567
  class: [className.value, "lupa-search-box-product-custom"]
8564
8568
  }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
8565
8569
  !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
8566
- createBaseVNode("div", _hoisted_4$o, toDisplayString(label.value), 1),
8570
+ createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
8567
8571
  createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
8568
8572
  ]))
8569
8573
  ], 16));
@@ -8904,7 +8908,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
8904
8908
  const _hoisted_1$_ = ["href"];
8905
8909
  const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
8906
8910
  const _hoisted_3$x = { class: "lupa-search-box-product-details-section" };
8907
- const _hoisted_4$n = {
8911
+ const _hoisted_4$o = {
8908
8912
  key: 0,
8909
8913
  class: "lupa-search-box-product-add-to-cart-section"
8910
8914
  };
@@ -8983,7 +8987,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
8983
8987
  }, null, 8, ["item", "element", "labels", "link"]);
8984
8988
  }), 128))
8985
8989
  ]),
8986
- addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
8990
+ addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
8987
8991
  createVNode(_sfc_main$13, {
8988
8992
  class: "lupa-search-box-product-element",
8989
8993
  item: _ctx.item,
@@ -9216,6 +9220,10 @@ const _hoisted_1$Y = {
9216
9220
  };
9217
9221
  const _hoisted_2$H = ["data-cy"];
9218
9222
  const _hoisted_3$w = {
9223
+ key: 0,
9224
+ class: "lupa-panel-title"
9225
+ };
9226
+ const _hoisted_4$n = {
9219
9227
  key: 1,
9220
9228
  id: "lupa-search-box-panel"
9221
9229
  };
@@ -9253,16 +9261,14 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
9253
9261
  const sdkOptions = computed(() => props.options.options);
9254
9262
  const searchBoxStore = useSearchBoxStore();
9255
9263
  const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
9256
- const displayResults = computed(
9257
- () => {
9258
- var _a, _b;
9259
- return ((_a = props.inputValue) == null ? void 0 : _a.length) > 0 && ((_b = props.inputValue) == null ? void 0 : _b.length) >= props.options.minInputLength;
9260
- }
9261
- );
9264
+ const displayResults = computed(() => {
9265
+ var _a;
9266
+ return ((_a = props.inputValue) == null ? void 0 : _a.length) >= props.options.minInputLength;
9267
+ });
9262
9268
  const displayHistory = computed(
9263
9269
  () => {
9264
9270
  var _a;
9265
- return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1;
9271
+ return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1 && props.options.minInputLength > 0;
9266
9272
  }
9267
9273
  );
9268
9274
  const displayPanels = computed(
@@ -9339,6 +9345,10 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
9339
9345
  const expandOnSinglePanel = computed(() => {
9340
9346
  return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
9341
9347
  });
9348
+ const showTopResultsPanelTitle = (queryKey) => {
9349
+ const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
9350
+ return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
9351
+ };
9342
9352
  return (_ctx, _cache) => {
9343
9353
  var _a;
9344
9354
  return openBlock(), createElementBlock("div", {
@@ -9352,6 +9362,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
9352
9362
  "data-cy": "lupa-main-panel"
9353
9363
  }, [
9354
9364
  (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
9365
+ var _a2, _b;
9355
9366
  return openBlock(), createElementBlock("div", {
9356
9367
  key: index,
9357
9368
  class: normalizeClass([
@@ -9360,8 +9371,9 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
9360
9371
  ]),
9361
9372
  "data-cy": "lupa-panel-" + panel.type + "-index"
9362
9373
  }, [
9374
+ ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
9363
9375
  panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
9364
- key: 0,
9376
+ key: 1,
9365
9377
  panel,
9366
9378
  options: sdkOptions.value,
9367
9379
  debounce: _ctx.options.debounce,
@@ -9392,7 +9404,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
9392
9404
  showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
9393
9405
  onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
9394
9406
  }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
9395
- ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
9407
+ ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
9396
9408
  createVNode(_sfc_main$1h, {
9397
9409
  options: _ctx.options.history,
9398
9410
  history: history.value,
@@ -7635,6 +7635,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
7635
7635
  const suggestionResults = ref({});
7636
7636
  const highlightedIndex = ref(-1);
7637
7637
  const inputValue = ref("");
7638
+ const resultInputValue = ref("");
7638
7639
  const historyStore = useHistoryStore();
7639
7640
  const resultsVisible = computed(() => {
7640
7641
  var _a;
@@ -7647,13 +7648,15 @@ const useSearchBoxStore = defineStore("searchBox", () => {
7647
7648
  return {
7648
7649
  queryKey: p2.queryKey,
7649
7650
  count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
7650
- panel: p2
7651
+ panel: p2,
7652
+ input: resultInputValue.value
7651
7653
  };
7652
7654
  }
7653
7655
  return {
7654
7656
  queryKey: p2.queryKey,
7655
7657
  count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
7656
- panel: p2
7658
+ panel: p2,
7659
+ input: resultInputValue.value
7657
7660
  };
7658
7661
  })
7659
7662
  );
@@ -7713,6 +7716,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
7713
7716
  [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
7714
7717
  });
7715
7718
  inputValue.value = publicQuery.searchText;
7719
+ resultInputValue.value = publicQuery.searchText;
7716
7720
  emitSearchResultsCallback();
7717
7721
  return {
7718
7722
  suggestions: result.items
@@ -7800,7 +7804,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
7800
7804
  const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
7801
7805
  const _hoisted_2$P = { class: "lupa-input-clear" };
7802
7806
  const _hoisted_3$B = { id: "lupa-search-box-input" };
7803
- const _hoisted_4$q = ["value"];
7807
+ const _hoisted_4$r = ["value"];
7804
7808
  const _hoisted_5$f = ["placeholder"];
7805
7809
  const _hoisted_6$9 = {
7806
7810
  key: 0,
@@ -7895,7 +7899,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
7895
7899
  class: "lupa-hint",
7896
7900
  value: showHint.value ? suggestedValue.value.item.suggestion : "",
7897
7901
  disabled: ""
7898
- }, null, 8, _hoisted_4$q),
7902
+ }, null, 8, _hoisted_4$r),
7899
7903
  withDirectives(createBaseVNode("input", mergeProps({
7900
7904
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
7901
7905
  }, inputAttributes.value, {
@@ -8074,7 +8078,7 @@ const _hoisted_3$A = {
8074
8078
  class: "lupa-suggestion-facet",
8075
8079
  "data-cy": "lupa-suggestion-facet"
8076
8080
  };
8077
- const _hoisted_4$p = {
8081
+ const _hoisted_4$q = {
8078
8082
  class: "lupa-suggestion-facet-label",
8079
8083
  "data-cy": "lupa-suggestion-facet-label"
8080
8084
  };
@@ -8120,7 +8124,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
8120
8124
  innerHTML: _ctx.suggestion.displayHighlight
8121
8125
  }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
8122
8126
  _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
8123
- createBaseVNode("span", _hoisted_4$p, toDisplayString(facetLabel.value), 1),
8127
+ createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
8124
8128
  createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
8125
8129
  ])) : createCommentVNode("", true)
8126
8130
  ]);
@@ -8528,7 +8532,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
8528
8532
  const _hoisted_1$11 = ["innerHTML"];
8529
8533
  const _hoisted_2$K = { key: 0 };
8530
8534
  const _hoisted_3$z = { key: 1 };
8531
- const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
8535
+ const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
8532
8536
  const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
8533
8537
  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
8534
8538
  __name: "SearchBoxProductCustom",
@@ -8561,7 +8565,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
8561
8565
  class: [className.value, "lupa-search-box-product-custom"]
8562
8566
  }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
8563
8567
  !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
8564
- createBaseVNode("div", _hoisted_4$o, toDisplayString(label.value), 1),
8568
+ createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
8565
8569
  createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
8566
8570
  ]))
8567
8571
  ], 16));
@@ -8902,7 +8906,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
8902
8906
  const _hoisted_1$_ = ["href"];
8903
8907
  const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
8904
8908
  const _hoisted_3$x = { class: "lupa-search-box-product-details-section" };
8905
- const _hoisted_4$n = {
8909
+ const _hoisted_4$o = {
8906
8910
  key: 0,
8907
8911
  class: "lupa-search-box-product-add-to-cart-section"
8908
8912
  };
@@ -8981,7 +8985,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
8981
8985
  }, null, 8, ["item", "element", "labels", "link"]);
8982
8986
  }), 128))
8983
8987
  ]),
8984
- addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
8988
+ addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
8985
8989
  createVNode(_sfc_main$13, {
8986
8990
  class: "lupa-search-box-product-element",
8987
8991
  item: _ctx.item,
@@ -9214,6 +9218,10 @@ const _hoisted_1$Y = {
9214
9218
  };
9215
9219
  const _hoisted_2$H = ["data-cy"];
9216
9220
  const _hoisted_3$w = {
9221
+ key: 0,
9222
+ class: "lupa-panel-title"
9223
+ };
9224
+ const _hoisted_4$n = {
9217
9225
  key: 1,
9218
9226
  id: "lupa-search-box-panel"
9219
9227
  };
@@ -9251,16 +9259,14 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
9251
9259
  const sdkOptions = computed(() => props.options.options);
9252
9260
  const searchBoxStore = useSearchBoxStore();
9253
9261
  const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
9254
- const displayResults = computed(
9255
- () => {
9256
- var _a, _b;
9257
- return ((_a = props.inputValue) == null ? void 0 : _a.length) > 0 && ((_b = props.inputValue) == null ? void 0 : _b.length) >= props.options.minInputLength;
9258
- }
9259
- );
9262
+ const displayResults = computed(() => {
9263
+ var _a;
9264
+ return ((_a = props.inputValue) == null ? void 0 : _a.length) >= props.options.minInputLength;
9265
+ });
9260
9266
  const displayHistory = computed(
9261
9267
  () => {
9262
9268
  var _a;
9263
- return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1;
9269
+ return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1 && props.options.minInputLength > 0;
9264
9270
  }
9265
9271
  );
9266
9272
  const displayPanels = computed(
@@ -9337,6 +9343,10 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
9337
9343
  const expandOnSinglePanel = computed(() => {
9338
9344
  return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
9339
9345
  });
9346
+ const showTopResultsPanelTitle = (queryKey) => {
9347
+ const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
9348
+ return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
9349
+ };
9340
9350
  return (_ctx, _cache) => {
9341
9351
  var _a;
9342
9352
  return openBlock(), createElementBlock("div", {
@@ -9350,6 +9360,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
9350
9360
  "data-cy": "lupa-main-panel"
9351
9361
  }, [
9352
9362
  (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
9363
+ var _a2, _b;
9353
9364
  return openBlock(), createElementBlock("div", {
9354
9365
  key: index,
9355
9366
  class: normalizeClass([
@@ -9358,8 +9369,9 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
9358
9369
  ]),
9359
9370
  "data-cy": "lupa-panel-" + panel.type + "-index"
9360
9371
  }, [
9372
+ ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
9361
9373
  panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
9362
- key: 0,
9374
+ key: 1,
9363
9375
  panel,
9364
9376
  options: sdkOptions.value,
9365
9377
  debounce: _ctx.options.debounce,
@@ -9390,7 +9402,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
9390
9402
  showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
9391
9403
  onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
9392
9404
  }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
9393
- ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
9405
+ ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
9394
9406
  createVNode(_sfc_main$1h, {
9395
9407
  options: _ctx.options.history,
9396
9408
  history: history.value,
@@ -7639,6 +7639,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7639
7639
  const suggestionResults = ref({});
7640
7640
  const highlightedIndex = ref(-1);
7641
7641
  const inputValue = ref("");
7642
+ const resultInputValue = ref("");
7642
7643
  const historyStore = useHistoryStore();
7643
7644
  const resultsVisible = computed(() => {
7644
7645
  var _a;
@@ -7651,13 +7652,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7651
7652
  return {
7652
7653
  queryKey: p2.queryKey,
7653
7654
  count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
7654
- panel: p2
7655
+ panel: p2,
7656
+ input: resultInputValue.value
7655
7657
  };
7656
7658
  }
7657
7659
  return {
7658
7660
  queryKey: p2.queryKey,
7659
7661
  count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
7660
- panel: p2
7662
+ panel: p2,
7663
+ input: resultInputValue.value
7661
7664
  };
7662
7665
  })
7663
7666
  );
@@ -7717,6 +7720,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7717
7720
  [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
7718
7721
  });
7719
7722
  inputValue.value = publicQuery.searchText;
7723
+ resultInputValue.value = publicQuery.searchText;
7720
7724
  emitSearchResultsCallback();
7721
7725
  return {
7722
7726
  suggestions: result.items
@@ -7804,7 +7808,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7804
7808
  const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
7805
7809
  const _hoisted_2$P = { class: "lupa-input-clear" };
7806
7810
  const _hoisted_3$B = { id: "lupa-search-box-input" };
7807
- const _hoisted_4$q = ["value"];
7811
+ const _hoisted_4$r = ["value"];
7808
7812
  const _hoisted_5$f = ["placeholder"];
7809
7813
  const _hoisted_6$9 = {
7810
7814
  key: 0,
@@ -7899,7 +7903,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7899
7903
  class: "lupa-hint",
7900
7904
  value: showHint.value ? suggestedValue.value.item.suggestion : "",
7901
7905
  disabled: ""
7902
- }, null, 8, _hoisted_4$q),
7906
+ }, null, 8, _hoisted_4$r),
7903
7907
  withDirectives(createBaseVNode("input", mergeProps({
7904
7908
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
7905
7909
  }, inputAttributes.value, {
@@ -8078,7 +8082,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8078
8082
  class: "lupa-suggestion-facet",
8079
8083
  "data-cy": "lupa-suggestion-facet"
8080
8084
  };
8081
- const _hoisted_4$p = {
8085
+ const _hoisted_4$q = {
8082
8086
  class: "lupa-suggestion-facet-label",
8083
8087
  "data-cy": "lupa-suggestion-facet-label"
8084
8088
  };
@@ -8124,7 +8128,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8124
8128
  innerHTML: _ctx.suggestion.displayHighlight
8125
8129
  }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
8126
8130
  _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
8127
- createBaseVNode("span", _hoisted_4$p, toDisplayString(facetLabel.value), 1),
8131
+ createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
8128
8132
  createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
8129
8133
  ])) : createCommentVNode("", true)
8130
8134
  ]);
@@ -8532,7 +8536,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8532
8536
  const _hoisted_1$11 = ["innerHTML"];
8533
8537
  const _hoisted_2$K = { key: 0 };
8534
8538
  const _hoisted_3$z = { key: 1 };
8535
- const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
8539
+ const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
8536
8540
  const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
8537
8541
  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
8538
8542
  __name: "SearchBoxProductCustom",
@@ -8565,7 +8569,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8565
8569
  class: [className.value, "lupa-search-box-product-custom"]
8566
8570
  }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
8567
8571
  !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
8568
- createBaseVNode("div", _hoisted_4$o, toDisplayString(label.value), 1),
8572
+ createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
8569
8573
  createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
8570
8574
  ]))
8571
8575
  ], 16));
@@ -8906,7 +8910,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8906
8910
  const _hoisted_1$_ = ["href"];
8907
8911
  const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
8908
8912
  const _hoisted_3$x = { class: "lupa-search-box-product-details-section" };
8909
- const _hoisted_4$n = {
8913
+ const _hoisted_4$o = {
8910
8914
  key: 0,
8911
8915
  class: "lupa-search-box-product-add-to-cart-section"
8912
8916
  };
@@ -8985,7 +8989,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
8985
8989
  }, null, 8, ["item", "element", "labels", "link"]);
8986
8990
  }), 128))
8987
8991
  ]),
8988
- addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
8992
+ addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
8989
8993
  createVNode(_sfc_main$13, {
8990
8994
  class: "lupa-search-box-product-element",
8991
8995
  item: _ctx.item,
@@ -9218,6 +9222,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9218
9222
  };
9219
9223
  const _hoisted_2$H = ["data-cy"];
9220
9224
  const _hoisted_3$w = {
9225
+ key: 0,
9226
+ class: "lupa-panel-title"
9227
+ };
9228
+ const _hoisted_4$n = {
9221
9229
  key: 1,
9222
9230
  id: "lupa-search-box-panel"
9223
9231
  };
@@ -9255,16 +9263,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9255
9263
  const sdkOptions = computed(() => props.options.options);
9256
9264
  const searchBoxStore = useSearchBoxStore();
9257
9265
  const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
9258
- const displayResults = computed(
9259
- () => {
9260
- var _a, _b;
9261
- return ((_a = props.inputValue) == null ? void 0 : _a.length) > 0 && ((_b = props.inputValue) == null ? void 0 : _b.length) >= props.options.minInputLength;
9262
- }
9263
- );
9266
+ const displayResults = computed(() => {
9267
+ var _a;
9268
+ return ((_a = props.inputValue) == null ? void 0 : _a.length) >= props.options.minInputLength;
9269
+ });
9264
9270
  const displayHistory = computed(
9265
9271
  () => {
9266
9272
  var _a;
9267
- return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1;
9273
+ return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1 && props.options.minInputLength > 0;
9268
9274
  }
9269
9275
  );
9270
9276
  const displayPanels = computed(
@@ -9341,6 +9347,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9341
9347
  const expandOnSinglePanel = computed(() => {
9342
9348
  return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
9343
9349
  });
9350
+ const showTopResultsPanelTitle = (queryKey) => {
9351
+ const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
9352
+ return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
9353
+ };
9344
9354
  return (_ctx, _cache) => {
9345
9355
  var _a;
9346
9356
  return openBlock(), createElementBlock("div", {
@@ -9354,6 +9364,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9354
9364
  "data-cy": "lupa-main-panel"
9355
9365
  }, [
9356
9366
  (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
9367
+ var _a2, _b;
9357
9368
  return openBlock(), createElementBlock("div", {
9358
9369
  key: index,
9359
9370
  class: normalizeClass([
@@ -9362,8 +9373,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9362
9373
  ]),
9363
9374
  "data-cy": "lupa-panel-" + panel.type + "-index"
9364
9375
  }, [
9376
+ ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
9365
9377
  panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
9366
- key: 0,
9378
+ key: 1,
9367
9379
  panel,
9368
9380
  options: sdkOptions.value,
9369
9381
  debounce: _ctx.options.debounce,
@@ -9394,7 +9406,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
9394
9406
  showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
9395
9407
  onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
9396
9408
  }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
9397
- ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
9409
+ ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
9398
9410
  createVNode(_sfc_main$1h, {
9399
9411
  options: _ctx.options.history,
9400
9412
  history: history.value,
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit !important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none !important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block !important}.slider-horizontal{height:var(--slider-height, 6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height, 16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-width, 16px)}.slider-vertical{height:var(--slider-vertical-height, 300px);width:var(--slider-height, 6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width, 16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-height, 16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg, #d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius, 9999px)}.slider-connect{background:var(--slider-connect-bg, #10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg, #fff);border:var(--slider-handle-border, 0);border-radius:var(--slider-handle-radius, 9999px);box-shadow:var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height, 16px);width:var(--slider-handle-width, 16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, 0.188)),var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled, #9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled, #9ca3af);border-color:var(--slider-tooltip-bg-disabled, #9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg, #10b981);border:1px solid var(--slider-tooltip-bg, #10b981);border-radius:var(--slider-tooltip-radius, 5px);color:var(--slider-tooltip-color, #fff);display:block;font-size:var(--slider-tooltip-font-size, 0.875rem);font-weight:var(--slider-tooltip-font-weight, 600);line-height:var(--slider-tooltip-line-height, 1.25rem);min-width:var(--slider-tooltip-min-width, 20px);padding:var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * -1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}:root{--lupa-available-height: 100%}#lupa-search-box-panel{position:absolute;width:100%;height:auto;border:1px solid #d8d8d8;background:#fff;box-shadow:0px 4px 6px rgba(0,0,0,.25);z-index:5000;border-radius:0;font-family:"Roboto",sans-serif;box-sizing:border-box}#lupa-search-box-panel:empty{display:none}@media(max-width: 767px){#lupa-search-box-panel{max-height:var(--lupa-available-height);overflow-y:auto}}.lupa-main-panel{display:grid;grid-template:"suggestions docs";grid-template-columns:minmax(50px, 35%) minmax(250px, 1fr)}@media(max-width: 767px){.lupa-main-panel{display:block}}.lupa-panel-suggestion-index{grid-area:left;word-break:break-word}@media(min-width: 767px){.lupa-panel-suggestion-index{border-right:1px solid #d8d8d8}}.lupa-panel-document-index{grid-area:right;word-break:break-word}.lupa-more-results{cursor:pointer;border-top:1px solid #d8d8d8;padding:5px 10px;color:#161616;background-color:#fff;font-size:14px;line-height:24px}.lupa-more-results:hover{background-color:rgba(0,0,0,.05);color:#3c53f4}.lupa-search-box-no-results{text-align:center;color:#161616;font-size:14px;line-height:24px}#lupa-search-box-panel{display:flex;justify-content:space-between;flex-direction:column}.lupa-more-results{text-align:center}#lupa-search-box{width:100%}.lupa-search-box-wrapper{position:relative}.lupa-suggestion{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;color:#161616;background-color:#fff;padding:4px 20px;font-size:16px;line-height:24px}.lupa-suggestion strong{color:#161616}.lupa-suggestion-value{margin-right:7px}.lupa-suggestion-facet{font-size:13px}.lupa-suggestion-facet-label{margin-right:2px}.lupa-suggestion-facet-value{font-weight:bold}.lupa-suggestion-highlighted,.lupa-suggestion:hover{cursor:pointer;color:#3c53f4;background-color:rgba(0,0,0,.05)}.lupa-suggestion-highlighted strong,.lupa-suggestion:hover strong{color:#3c53f4}.lupa-suggestion:hover{text-decoration:underline}.lupa-search-box-input-field{position:relative !important;background:rgba(0,0,0,0) !important}.lupa-search-box-input-field,.lupa-hint{color:#161616;height:48px;padding:0 16px;line-height:1.5;font-size:16px;font-family:"Roboto",sans-serif;width:100%}.lupa-search-box-input-field{border:1px solid #d8d8d8;color:#161616}.lupa-hint{opacity:.5;position:absolute !important;pointer-events:none;border:1px solid rgba(0,0,0,0)}.lupa-input-clear{display:none}.lupa-search-box-history-item{cursor:pointer}.lupa-search-box-history-item-content{display:flex;justify-content:space-between}.lupa-search-box-history-item-text{width:100%;display:flex;align-items:center;line-height:24px;font-size:16px;padding:4px 20px;color:#161616}.lupa-search-box-history-item-text:hover,.lupa-search-box-history-item-text.lupa-search-box-history-item-highlighted{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-history-item-text:hover{text-decoration:underline}.lupa-search-box-history-item-clear{display:flex;align-items:center;padding:4px 20px;color:#161616;font-size:24px}.lupa-search-box-history-item-clear:hover{color:#161616;background-color:rgba(0,0,0,.05)}.lupa-search-box-history-clear-all{text-align:center;cursor:pointer;border-top:1px solid #d8d8d8;padding:4px 20px;line-height:24px;font-size:14px;color:#161616}.lupa-search-box-history-clear-all:hover{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-product{padding:10px;font-size:14px;display:flex;cursor:pointer;text-decoration:inherit;color:inherit}.lupa-search-box-product:hover,.lupa-search-box-product.lupa-search-box-product-highlighted{text-decoration:none;background-color:rgba(0,0,0,.05)}.lupa-search-box-product:hover .lupa-search-box-product-title,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-title{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-custom,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-custom{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-price{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-regular-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-regular-price{color:#161616}.lupa-search-box-product-details-section{font-family:"Roboto",sans-serif}.lupa-search-box-product-details-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.lupa-search-box-product-image-section{min-width:85px;flex:0 1}.lupa-search-box-image-wrapper,.lupa-search-box-image{width:70px;height:70px}.lupa-search-box-image{object-fit:contain}.lupa-search-box-product-title{font-size:16px;line-height:15px;color:#161616}.lupa-search-box-product-custom{font-size:14px;line-height:15px;color:#161616}.lupa-search-box-product-price{font-size:16px;line-height:15px;color:#3c53f4}.lupa-search-box-product-regular-price{font-size:14px;line-height:15px;color:#161616;font-weight:normal}.lupa-search-box-product-description{max-height:42px;line-height:14px;color:#161616;overflow:hidden}.lupa-search-box-product-add-to-cart-section{flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center}.lupa-search-result-facets{font-family:"Roboto",sans-serif}.lupa-facets-title{font-size:16px;line-height:1.1;font-weight:700;padding:0 0 10px;color:#161616}.lupa-search-result-facet-display{border-bottom:1px solid #d8d8d8}.lupa-search-result-facet-display:first-child{border-top:1px solid #d8d8d8}.lupa-search-result-facet-label{justify-content:space-between;display:flex;font-size:14px;line-height:21px;font-weight:700;padding:10.5px;color:#161616;cursor:pointer}.lupa-search-result-facet-label:hover{color:#3c53f4}.lupa-search-result-facet-label.open{padding:10.5px 10.5px 0}.lupa-facet-label-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-facet-label-caret.open::after{transform:rotate(180deg)}.lupa-facet-content{padding:5px 10px 20px}.lupa-facet-term{padding:4px 5px;margin:16px 0 0}.lupa-term-checkbox-label{width:100%;padding-left:8px;display:flex;justify-content:space-between;align-items:center}.lupa-facet-term{cursor:pointer;display:flex;align-items:center;font-size:14px;color:#161616}.lupa-facet-term:hover{background:rgba(0,0,0,.05)}.lupa-facet-term.checked{font-weight:bold}.lupa-term-count{color:#161616}.lupa-term-checkbox{display:inline-block;height:18px;width:18px;box-sizing:border-box;border:2px solid #3c53f4;border-radius:0px;content:"";display:flex;justify-content:center;align-items:center}.lupa-term-checkbox.checked::after{border:3px solid #3c53f4;border-radius:0px;display:inline-block;content:""}.lupa-show-more-facet-results{justify-content:center}.lupa-term-filter{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-show-more-facet-results{color:#161616;font-size:14px}.lupa-show-more-facet-results:hover{color:#161616}.lupa-stats-facet-summary{text-align:center;font-size:14px}.lupa-stats-slider-wrapper{margin:10px 0 0;padding:0 8px}.lupa-stats-slider-wrapper .slider-connects{background-color:rgba(60,83,244,.3)}.lupa-stats-slider-wrapper .slider-connect{background-color:#3c53f4}.lupa-stats-slider-wrapper .slider-handle{background:#3c53f4;border-radius:50%;border:0px solid #3c53f4;z-index:3;cursor:pointer}.lupa-stats-slider-wrapper .slider-handle:hover{background:#3c53f4}.lupa-stats-range-label{font-size:12px;margin:0 0 5px}.lupa-stats-facet-summary-input{display:flex;align-items:center;justify-content:center}.lupa-stats-facet-summary-input input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-stats-facet-summary-input .lupa-stats-from,.lupa-stats-facet-summary-input .lupa-stats-to{display:flex;align-items:center}.lupa-stats-facet-summary-input .lupa-stats-separator{margin:0 10px}.lupa-stats-facet-summary-input span{padding:0 5px}.lupa-search-result-facet-list.lupa-top-dropdown{display:flex;flex-wrap:wrap}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-display{margin:0 10px 0 0;border-bottom:none;border-top:none}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-facet-content{position:absolute;background:#fff;z-index:10;border:1px solid #d8d8d8;min-width:220px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-terms-list{overflow-y:auto;max-height:300px;margin:2px 0 0}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label{border:1px solid #d8d8d8}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label.lupa-has-filter{border-width:2px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-single-facet-clear{cursor:pointer;text-align:center;margin:3px 0 0;padding:5px 0 3px;font-size:5px 0 3px;border-top:1px solid #d8d8d8}.lupa-search-result-current-filters{font-family:"Roboto",sans-serif}.lupa-current-filter-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:1.1;font-weight:700;padding:0;color:#161616}.lupa-current-filter-list{margin:0;padding:0 10px 5px}.lupa-search-result-current-filters{margin:0 0 25px}.lupa-clear-all-filters{cursor:pointer;color:#0c26d7;padding:0 10.5px;margin:0 0 31.5px;font-size:14px}.lupa-clear-all-filters:hover{color:#091da7}.lupa-search-result-filter-value{display:flex;align-items:center;flex-wrap:wrap;margin:10.5px 0;font-size:14px}.lupa-current-filter-action{padding:0 5px 0 0;font-size:17px;color:#3c53f4;cursor:pointer}.lupa-current-filter-action:hover{color:#3c53f4}.lupa-current-filter-label,.lupa-current-filter-value{margin:0 0 0 5px}.lupa-current-filter-label{color:#161616}.lupa-current-filter-value{color:#3c53f4}.lupa-filter-title-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;font-size:14px;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-filter-title-caret.open::after{transform:rotate(180deg)}.lupa-filter-count{font-size:14px;color:#161616}.lupa-toolbar-filters,.lupa-toolbar-filters-desktop{margin-right:12px}.lupa-toolbar-filters .filter-values,.lupa-toolbar-filters-desktop .filter-values{display:flex}.lupa-result-page-title{font-size:16px;margin:0 0 38px;font-family:"Roboto",sans-serif}.lupa-search-result-filters{padding:0 4.6% 0 0}#lupa-search-results,.top-layout-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start}.search-content{width:100%}.lupa-search-result-filters{flex:25%;flex-grow:1;flex-shrink:0;box-sizing:border-box}#lupa-search-results-products{position:relative;padding:0 0 0 1.6%;width:100%}.lupa-products{display:flex;align-self:flex-start;flex-wrap:wrap;margin:0 0 31.5px -16px}.lupa-loader{background-color:#fff;display:flex;height:calc(100% - 0px);opacity:.5;position:absolute;z-index:555}.lupa-search-result-product-card{box-sizing:border-box}#lupa-search-results-did-you-mean{font-family:"Roboto",sans-serif}.lupa-suggested-search-text{font-weight:bold}.lupa-highlighted-search-text{font-weight:bold;font-style:italic}#lupa-search-results-did-you-mean{margin-bottom:10px}.lupa-did-you-mean{text-decoration:none}.lupa-did-you-mean:hover{text-decoration:underline;cursor:pointer}#lupa-select{position:relative;font-family:"Roboto",sans-serif;color:#161616;text-indent:.01em}.lupa-select-dropdown{cursor:pointer;padding:20px 25px 4px 8px;font-family:"Roboto",sans-serif;background:#fff;background-clip:padding-box;border:1px solid #d8d8d8;border-radius:0;font-size:14px;height:48px;line-height:1.5;vertical-align:baseline;box-sizing:border-box;appearance:none}.lupa-select-dropdown:focus{outline:none;box-shadow:0 0 3px 1px #6c7ef7}.lupa-select-label{font-family:"Roboto",sans-serif;font-size:12px;line-height:1;position:absolute;pointer-events:none;top:8px;left:8px}.lupa-search-results-summary{display:flex;align-items:center}#lupa-search-results-toolbar{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 40px}.lupa-toolbar-left{display:flex}.lupa-toolbar-right{display:flex;flex-direction:row}#lupa-search-results-page-select{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection div{margin:0 16px 0 0}.lupa-search-results-summary{color:#161616;font-family:"Roboto",sans-serif;font-size:14px}#lupa-search-results-page-size{margin:0}#lupa-search-results-page-size .lupa-select-dropdown{width:125px}.lupa-search-results-sort{margin:0 0 0 8px}.lupa-filter-clear{cursor:pointer}#lupa-search-results-page-select{font-family:"Roboto",sans-serif}.lupa-page-number-separator{margin:0 12px 0 0}.lupa-page-number{cursor:pointer;color:#3c53f4;font-size:12px;padding:0 5.25px;margin:0 12px 0 0}.lupa-page-number:hover{color:#161616}.lupa-page-number.lupa-page-number-selected{color:#161616;font-weight:700}.lupa-page-arrow{cursor:pointer;font-weight:700;margin:0 12px 0 0;padding:0 8px}.lupa-page-arrow:before{line-height:31.5px;color:#161616;content:"";font-family:"Roboto",sans-serif;font-size:11px}.lupa-page-arrow:hover:before{color:#3c53f4}.lupa-search-result-product-card{height:auto;min-height:250px;border:1px solid #d8d8d8;padding:12px;margin:0}.lupa-out-of-stock{opacity:.5}.lupa-search-result-product-contents{height:100%;display:flex;flex-direction:column;font-family:"Roboto",sans-serif;font-size:16px}.lupa-search-result-product-contents-list{flex-direction:row}.lupa-search-result-product-details-section{display:flex;flex-direction:column;justify-content:space-between;height:100%}.lupa-search-results-image-wrapper{padding-bottom:125%;display:block;height:0;overflow:hidden;position:relative;z-index:1;display:flex;justify-content:center}.lupa-search-results-image{width:100%;height:100%;object-fit:contain;max-width:240px;max-height:195px;margin:auto;position:absolute}.lupa-search-result-product-image-section{cursor:pointer;border:none;padding:12px 8px;margin:0}.lupa-search-results-product-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-size:16px;margin:0 0 12px;line-height:21px}.lupa-search-results-product-title-text{font-weight:bold;color:#161616}.lupa-search-results-product-title-text.lupa-title-link{text-decoration:none;color:#161616}.lupa-search-results-product-title-text.lupa-title-link:hover{text-decoration:underline;color:#3c53f4}.lupa-search-results-product-regular-price{font-size:16px;font-weight:700;padding:10px 8px 0 5px}#lupa-search-results-rating{display:flex;flex-direction:row;align-items:center;width:auto;margin:0 0 15.75px}.lupa-ratings{display:flex;flex-direction:row;align-items:center;width:auto}.lupa-ratings-base,.lupa-rating-wrapper{display:flex;width:90px}.lupa-rating-wrapper{position:absolute}.lupa-ratings-highlighted{display:flex;overflow:hidden}.lupa-total-ratings{color:#161616 !important;text-decoration:none}.lupa-total-ratings:hover{color:#3c53f4 !important;text-decoration:underline !important}.lupa-search-result-product-contents-list .lupa-search-result-product-card{min-height:50px}.lupa-search-result-product-contents-list .lupa-search-results-image{width:240px;height:195px;object-fit:contain;margin:auto;position:relative}.lupa-search-result-product-contents-list .lupa-search-result-product-details-section{width:100%;padding:15px}.lupa-search-result-product-contents-list .lupa-search-results-image{max-width:120px;max-height:97.5px}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart{order:3;margin:0 -16px 0;position:static}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart button{padding:8px 32px}.lupa-search-results-product-description{max-height:200px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.lupa-empty-results{text-align:center;width:100%;font-size:14px;font-family:"Roboto",sans-serif;color:#161616}.lupa-empty-results .lupa-empty-page-action{cursor:pointer;text-decoration:underline}.lupa-mobile-filter-sidebar{position:fixed;width:100%;height:var(--lupa-full-height);left:0;top:0;bottom:0;z-index:555;background:rgba(0,0,0,0);display:flex}.lupa-mobile-filter-sidebar .lupa-mobile-sidebar-content{height:var(--lupa-full-height);width:100%;z-index:555;background:#fff}.lupa-mobile-filter-sidebar .lupa-sidebar-close{background:rgba(0,0,0,.6);height:var(--lupa-full-height);width:30px}.lupa-sidebar-top{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 13.5px 0 0;border-bottom:1px solid #d8d8d8}.lupa-sidebar-title{margin-left:15px;font-weight:700;font-size:16px;font-family:"Roboto",sans-serif;color:#161616}.lupa-sidebar-filter-options .lupa-facets-title{display:none}.lupa-filter-toggle-mobile:after{font-size:16px;color:#6c7ef7;content:"✖";line-height:inherit;font-family:"Roboto",sans-serif;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;text-align:center}.lupa-sidebar-filter-options{overflow-y:scroll;height:calc(100% - 48px)}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:none}.lupa-category-top-mobile-filters{display:none}.lupa-filters-mobile{display:none}.lupa-mobile-toggle{font-family:"Roboto",sans-serif;font-size:14px;color:#6c7ef7;width:208px;border-radius:0;display:none;padding:15px 0;border:1px solid #d8d8d8;line-height:16px;text-align:center;z-index:2}@media(max-width: 767px){.lupa-mobile-toggle{display:block}.lupa-category-top-mobile-filters{display:block}.lupa-filters-mobile{display:block;border-top:1px solid #d8d8d8}.lupa-filters-mobile.lupa-search-result-current-filters.expandable{padding:15px 0;margin:-20px 0 20px}#lupa-search-results-layout-selection{display:none}.lupa-search-results-summary{display:none}#lupa-search-results-page-size{display:none}#lupa-search-results-toolbar.lupa-toolbar-top{display:none}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:flex}.lupa-toolbar-bottom .lupa-toolbar-right{display:none}.lupa-toolbar-mobile .lupa-toolbar-left{display:none}#lupa-search-results-toolbar{justify-content:center}#lupa-search-results-rating{flex-direction:column;align-items:normal}#lupa-search-results-rating .lupa-total-ratings{margin-left:0;margin-top:5px}.lupa-search-result-filters{display:none}.lupa-mobile-filter-sidebar .lupa-search-result-filters{display:flex;flex-direction:column}#lupa-search-results-products{padding:0}.lupa-select-dropdown{width:208px}.lupa-facets-title{padding:16px}.lupa-search-result-current-filters.expandable{padding:16px;border-bottom:1px solid #d8d8d8;margin:0}.lupa-clear-all-filters{margin:0}#lupa-search-results-did-you-mean{margin-bottom:10px}}@media(max-width: 479px){.lupa-mobile-toggle{width:139px}.lupa-select-dropdown{width:139px}}@media(max-width: 350px){.lupa-mobile-toggle{width:100px}.lupa-select-dropdown{width:100px}}@media(max-width: 767px){.lupa-search-result-filters{flex:100%;padding:0}.lupa-search-result-facets{width:100%}.lupa-search-result-facet-display{padding:0 15px}}@media(max-width: 1024px){#lupa-search-results-badges>#lupa-badges{top:-16px}#lupa-search-results-badges>#lupa-badges .lupa-badge{width:32px;height:32px;font-size:11px}}#lupa-search-results-badges{position:relative}#lupa-badges{display:flex;position:absolute;font-family:"Roboto",sans-serif;top:-24px;z-index:1}#lupa-badges .tl{left:-10px}#lupa-badges .tr{right:-10px}.lupa-badge{width:48px;height:48px;font-size:14px;margin:0 8px 0 0;font-weight:700;border-radius:50%}.lupa-text-badges{display:flex}.lupa-image-badges{display:flex}.lupa-image-badges img{width:100%}.lupa-text-badge{color:#fff;background:#3c53f4;display:flex;align-items:center;justify-content:center;text-align:center}#lupa-badges{flex-direction:column;top:0;pointer-events:none;z-index:1000}.lupa-discount-badge{background:#e0232f;color:#fff}.lupa-preorder-badge{background:#4b81eb;color:#fff}.lupa-generated-badges{display:flex;flex-direction:column}.lupa-dynamic-badge{cursor:pointer;pointer-events:all;display:flex;font-weight:600;font-size:14px;line-height:20px;padding:4px;margin-bottom:4px;margin-right:auto;white-space:nowrap}.lupa-dynamic-badge .lupa-badge-title{font-weight:700;letter-spacing:-0.6px;display:flex;align-items:center;justify-content:center;min-width:42px}.lupa-dynamic-badge .lupa-badge-title img{max-height:20px}.lupa-dynamic-badge .lupa-badge-full-text{display:none;margin-left:10px}.lupa-dynamic-badge:hover .lupa-badge-full-text{display:inline-block}#lupa-search-results-breadcrumbs{margin:0 0 24px;font-size:12px}@media(min-width: 767px){#lupa-search-results-breadcrumbs{max-width:1228px;box-sizing:border-box;width:100%}}@media(max-width: 767px){#lupa-search-results-breadcrumbs{display:none}}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link{text-decoration:none;color:#0c26d7}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link:hover{text-decoration:underline;color:#091da7}#lupa-search-results-similar-queries,#lupa-search-results-similar-results{margin-top:20px}.lupa-similar-queries-label,.lupa-similar-results-label{font-size:20px;font-family:"Roboto",sans-serif;font-weight:700;line-height:1.1;margin-top:0;margin-bottom:8px}.lupa-similar-results-label{margin-bottom:8px}.lupa-similar-query-label{margin-bottom:48px;font-weight:400;line-height:1.5;color:#4f4f4f;font-family:"Roboto",sans-serif}.lupa-similar-query-value{font-size:16px}.lupa-similar-query-link:hover{text-decoration:underline;cursor:pointer}.lupa-similar-query-crossed{text-decoration:line-through}.lupa-category-filter{padding:0;font-family:"Roboto",sans-serif;margin:0 0 25px}.lupa-category-back{padding:13px 0}.lupa-category-back a{color:#161616;font-size:16px;line-height:20px;font-weight:700;text-decoration:none !important}.lupa-category-back a:hover{color:#3c53f4}.lupa-current-category,.lupa-child-category-item{padding:10px 0 10px 25px}.lupa-current-category a,.lupa-child-category-item a{text-decoration:none !important;color:#161616;font-size:16px;line-height:16px}.lupa-current-category a:hover,.lupa-child-category-item a:hover{color:#3c53f4}.lupa-child-category-item-active,.lupa-current-category-active{color:#3c53f4}.lupa-child-category-list{padding:0 0 0 10px}.lupa-category-overview{margin:30px 0 50px}.lupa-category-title{font-weight:600;font-size:14px;margin:0 0 15px}.lupa-spinner-wrapper{width:100%;overflow:hidden}.lupa-spinner{color:#555;display:flex;justify-content:center;position:relative;width:100%;padding-top:100px;padding-right:72px}.lupa-spinner div{transform-origin:40px 40px;animation:lupa-spinner 1.2s linear infinite}.lupa-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#555}.lupa-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.lupa-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lupa-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.lupa-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.lupa-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.lupa-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.lupa-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.lupa-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.lupa-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.lupa-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.lupa-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.lupa-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lupa-spinner{0%{opacity:1}100%{opacity:0}}.lupa-search-result-product-card{width:100%}.lupa-search-box-product-title{font-weight:300}#lupa-search-box-input input{box-sizing:border-box}#lupa-search-box-input::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰍉";font-size:24px;position:absolute;right:16px;top:12px}.lupa-suggestion{font-weight:300}.lupa-search-box-product-details-section{justify-content:space-between}.lupa-search-box-product-regular-price{text-decoration:line-through;color:#9e9e9e}.lupa-more-results{font-size:16px;font-weight:300}#lupa-search-box-panel{box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:24px;border:none;overflow:hidden}.lupa-suggestion-facet-label,.lupa-suggestion-facet-value{line-height:13px}#lupa-search-results-toolbar{margin:0 0 12px;padding-right:1.6%}#lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:center;margin:24px 0}.lupa-search-results-summary{font-weight:300;font-size:18px;line-height:15px}.lupa-search-results-summary span{color:#3c53f4;font-weight:700}.lupa-page-number{min-width:48px;min-height:48px;color:#464646;font-weight:300;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.lupa-page-number.lupa-page-number-selected,.lupa-page-number:hover{background:rgba(60,83,244,.08);font-weight:300}.lupa-page-arrow{font-size:0}.lupa-page-arrow::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅂"}.lupa-page-arrow:first-child::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅁"}#lupa-similar-query-text-component,.lupa-highlighted-search-text{color:#3c53f4}.lupa-similar-query-label{margin-bottom:18px;font-weight:300}.lupa-empty-results{font-weight:300;font-size:18px;margin-bottom:36px;color:#9e9e9e}.lupa-search-result-product-card{border-radius:4px;margin-bottom:36px;border:none}.lupa-search-result-product-contents{border:1px solid #d8d8d8;box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:4px;padding:16px}.lupa-search-result-product-contents:hover{border-color:#3c53f4}.lupa-search-results-product-title-text{font-weight:300;line-height:29px}.lupa-search-results-image-wrapper{padding-bottom:100%}.lupa-discount{display:inline;font-weight:700;font-size:32px;line-height:27px;color:#3c53f4}.lupa-custom-id{opacity:.5}.lupa-custom-brand{color:#3c53f4;font-weight:600}.lupa-final{display:inline;font-weight:700;font-size:32px;line-height:27px}.lupa-regular{text-decoration:line-through;color:#9e9e9e;display:inline-block;margin-left:4px}.lupa-search-result-filters{padding-right:24px;flex:40%}.lupa-filter-title-text{margin-bottom:24px}.lupa-search-result-facet-display{border:none}.lupa-search-result-facet-display:first-child{border:none}.lupa-facet-label-text{font-weight:700;font-size:16px;line-height:24px}.lupa-facet-label-caret::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:22px;content:"󰅀"}.lupa-term-label{font-weight:300;font-size:16px;line-height:1.15}.lupa-stats-facet-summary{margin-top:16px;font-size:16px;font-weight:300}.lupa-current-filter-list{display:flex;flex-wrap:wrap}.lupa-search-result-current-filters{border-bottom:1px solid #d8d8d8}.lupa-search-result-filter-value{flex-direction:row-reverse;display:flex;justify-content:flex-end;background-color:#3c53f4;padding:9px;border-radius:24px;margin:0 8px 8px 0}.lupa-search-result-filter-value .lupa-current-filter-label{display:none}.lupa-search-result-filter-value .lupa-current-filter-value{color:#fff;font-weight:300;font-size:14px}.lupa-search-result-filter-value .lupa-current-filter-action{display:flex;font-size:0}.lupa-search-result-filter-value .lupa-current-filter-action::before{color:#fff;margin-left:9px;width:16px;direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅙"}.lupa-clear-all-filters{font-weight:300;font-size:16px;line-height:22px;color:#464646;display:flex;align-items:center;margin-top:16px}.lupa-clear-all-filters:before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰅖";margin-right:10px;font-size:20px}.lupa-term-checkbox{border-radius:2px;border:2px solid #464646}.lupa-term-checkbox.checked{border-color:#3c53f4;background:#3c53f4}.lupa-term-checkbox.checked:after{border:none;border-left:2px solid #fff;border-bottom:2px solid #fff;display:inline-block;transform:rotate(-45deg);height:7px;width:12px;border-radius:0;top:-2px;content:" ";position:relative}.lupa-term-checkbox-label{font-size:16px;font-weight:300}.lupa-search-box-wrapper input{border-radius:24px}.lupa-mobile-toggle-filter-count{display:inline-flex;color:#fff;background:#3c53f4;border-radius:50%;width:20px;height:20px;justify-content:center;align-items:center}.lupa-category-top-mobile-filters .lupa-category-back{border:1px solid #d8d8d8;cursor:pointer;padding:10px 5px;margin:10px 0}.lupa-category-top-mobile-filters .lupa-category-back::before{content:"<";display:inline-block}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-panel-suggestion-index{grid-area:suggestions}.lupa-panel-document-index{grid-area:docs}#lupa-search-results-products{background:#fff;padding-top:36px}.wrapper{background:#fafafa}
1
+ .slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit !important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none !important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block !important}.slider-horizontal{height:var(--slider-height, 6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height, 16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-width, 16px)}.slider-vertical{height:var(--slider-vertical-height, 300px);width:var(--slider-height, 6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width, 16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-height, 16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg, #d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius, 9999px)}.slider-connect{background:var(--slider-connect-bg, #10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg, #fff);border:var(--slider-handle-border, 0);border-radius:var(--slider-handle-radius, 9999px);box-shadow:var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height, 16px);width:var(--slider-handle-width, 16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, 0.188)),var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled, #9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled, #9ca3af);border-color:var(--slider-tooltip-bg-disabled, #9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg, #10b981);border:1px solid var(--slider-tooltip-bg, #10b981);border-radius:var(--slider-tooltip-radius, 5px);color:var(--slider-tooltip-color, #fff);display:block;font-size:var(--slider-tooltip-font-size, 0.875rem);font-weight:var(--slider-tooltip-font-weight, 600);line-height:var(--slider-tooltip-line-height, 1.25rem);min-width:var(--slider-tooltip-min-width, 20px);padding:var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * -1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}:root{--lupa-available-height: 100%}#lupa-search-box-panel{position:absolute;width:100%;height:auto;border:1px solid #d8d8d8;background:#fff;box-shadow:0px 4px 6px rgba(0,0,0,.25);z-index:5000;border-radius:0;font-family:"Roboto",sans-serif;box-sizing:border-box}#lupa-search-box-panel:empty{display:none}@media(max-width: 767px){#lupa-search-box-panel{max-height:var(--lupa-available-height);overflow-y:auto}}.lupa-main-panel{display:grid;grid-template:"suggestions docs";grid-template-columns:minmax(50px, 35%) minmax(250px, 1fr)}@media(max-width: 767px){.lupa-main-panel{display:block}}.lupa-panel-suggestion-index{grid-area:left;word-break:break-word}@media(min-width: 767px){.lupa-panel-suggestion-index{border-right:1px solid #d8d8d8}}.lupa-panel-document-index{grid-area:right;word-break:break-word}.lupa-more-results{cursor:pointer;border-top:1px solid #d8d8d8;padding:5px 10px;color:#161616;background-color:#fff;font-size:14px;line-height:24px}.lupa-more-results:hover{background-color:rgba(0,0,0,.05);color:#3c53f4}.lupa-search-box-no-results{text-align:center;color:#161616;font-size:14px;line-height:24px}#lupa-search-box-panel{display:flex;justify-content:space-between;flex-direction:column}.lupa-more-results{text-align:center}#lupa-search-box{width:100%}.lupa-search-box-wrapper{position:relative}.lupa-panel-title{padding:12px 20px;font-weight:700;font-size:17px}.lupa-suggestion{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;color:#161616;background-color:#fff;padding:4px 20px;font-size:16px;line-height:24px}.lupa-suggestion strong{color:#161616}.lupa-suggestion-value{margin-right:7px}.lupa-suggestion-facet{font-size:13px}.lupa-suggestion-facet-label{margin-right:2px}.lupa-suggestion-facet-value{font-weight:bold}.lupa-suggestion-highlighted,.lupa-suggestion:hover{cursor:pointer;color:#3c53f4;background-color:rgba(0,0,0,.05)}.lupa-suggestion-highlighted strong,.lupa-suggestion:hover strong{color:#3c53f4}.lupa-suggestion:hover{text-decoration:underline}.lupa-search-box-input-field{position:relative !important;background:rgba(0,0,0,0) !important}.lupa-search-box-input-field,.lupa-hint{color:#161616;height:48px;padding:0 16px;line-height:1.5;font-size:16px;font-family:"Roboto",sans-serif;width:100%}.lupa-search-box-input-field{border:1px solid #d8d8d8;color:#161616}.lupa-hint{opacity:.5;position:absolute !important;pointer-events:none;border:1px solid rgba(0,0,0,0)}.lupa-input-clear{display:none}.lupa-search-box-history-item{cursor:pointer}.lupa-search-box-history-item-content{display:flex;justify-content:space-between}.lupa-search-box-history-item-text{width:100%;display:flex;align-items:center;line-height:24px;font-size:16px;padding:4px 20px;color:#161616}.lupa-search-box-history-item-text:hover,.lupa-search-box-history-item-text.lupa-search-box-history-item-highlighted{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-history-item-text:hover{text-decoration:underline}.lupa-search-box-history-item-clear{display:flex;align-items:center;padding:4px 20px;color:#161616;font-size:24px}.lupa-search-box-history-item-clear:hover{color:#161616;background-color:rgba(0,0,0,.05)}.lupa-search-box-history-clear-all{text-align:center;cursor:pointer;border-top:1px solid #d8d8d8;padding:4px 20px;line-height:24px;font-size:14px;color:#161616}.lupa-search-box-history-clear-all:hover{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-product{padding:10px;font-size:14px;display:flex;cursor:pointer;text-decoration:inherit;color:inherit}.lupa-search-box-product:hover,.lupa-search-box-product.lupa-search-box-product-highlighted{text-decoration:none;background-color:rgba(0,0,0,.05)}.lupa-search-box-product:hover .lupa-search-box-product-title,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-title{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-custom,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-custom{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-price{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-regular-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-regular-price{color:#161616}.lupa-search-box-product-details-section{font-family:"Roboto",sans-serif}.lupa-search-box-product-details-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.lupa-search-box-product-image-section{min-width:85px;flex:0 1}.lupa-search-box-image-wrapper,.lupa-search-box-image{width:70px;height:70px}.lupa-search-box-image{object-fit:contain}.lupa-search-box-product-title{font-size:16px;line-height:15px;color:#161616}.lupa-search-box-product-custom{font-size:14px;line-height:15px;color:#161616}.lupa-search-box-product-price{font-size:16px;line-height:15px;color:#3c53f4}.lupa-search-box-product-regular-price{font-size:14px;line-height:15px;color:#161616;font-weight:normal}.lupa-search-box-product-description{max-height:42px;line-height:14px;color:#161616;overflow:hidden}.lupa-search-box-product-add-to-cart-section{flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center}.lupa-search-result-facets{font-family:"Roboto",sans-serif}.lupa-facets-title{font-size:16px;line-height:1.1;font-weight:700;padding:0 0 10px;color:#161616}.lupa-search-result-facet-display{border-bottom:1px solid #d8d8d8}.lupa-search-result-facet-display:first-child{border-top:1px solid #d8d8d8}.lupa-search-result-facet-label{justify-content:space-between;display:flex;font-size:14px;line-height:21px;font-weight:700;padding:10.5px;color:#161616;cursor:pointer}.lupa-search-result-facet-label:hover{color:#3c53f4}.lupa-search-result-facet-label.open{padding:10.5px 10.5px 0}.lupa-facet-label-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-facet-label-caret.open::after{transform:rotate(180deg)}.lupa-facet-content{padding:5px 10px 20px}.lupa-facet-term{padding:4px 5px;margin:16px 0 0}.lupa-term-checkbox-label{width:100%;padding-left:8px;display:flex;justify-content:space-between;align-items:center}.lupa-facet-term{cursor:pointer;display:flex;align-items:center;font-size:14px;color:#161616}.lupa-facet-term:hover{background:rgba(0,0,0,.05)}.lupa-facet-term.checked{font-weight:bold}.lupa-term-count{color:#161616}.lupa-term-checkbox{display:inline-block;height:18px;width:18px;box-sizing:border-box;border:2px solid #3c53f4;border-radius:0px;content:"";display:flex;justify-content:center;align-items:center}.lupa-term-checkbox.checked::after{border:3px solid #3c53f4;border-radius:0px;display:inline-block;content:""}.lupa-show-more-facet-results{justify-content:center}.lupa-term-filter{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-show-more-facet-results{color:#161616;font-size:14px}.lupa-show-more-facet-results:hover{color:#161616}.lupa-stats-facet-summary{text-align:center;font-size:14px}.lupa-stats-slider-wrapper{margin:10px 0 0;padding:0 8px}.lupa-stats-slider-wrapper .slider-connects{background-color:rgba(60,83,244,.3)}.lupa-stats-slider-wrapper .slider-connect{background-color:#3c53f4}.lupa-stats-slider-wrapper .slider-handle{background:#3c53f4;border-radius:50%;border:0px solid #3c53f4;z-index:3;cursor:pointer}.lupa-stats-slider-wrapper .slider-handle:hover{background:#3c53f4}.lupa-stats-range-label{font-size:12px;margin:0 0 5px}.lupa-stats-facet-summary-input{display:flex;align-items:center;justify-content:center}.lupa-stats-facet-summary-input input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-stats-facet-summary-input .lupa-stats-from,.lupa-stats-facet-summary-input .lupa-stats-to{display:flex;align-items:center}.lupa-stats-facet-summary-input .lupa-stats-separator{margin:0 10px}.lupa-stats-facet-summary-input span{padding:0 5px}.lupa-search-result-facet-list.lupa-top-dropdown{display:flex;flex-wrap:wrap}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-display{margin:0 10px 0 0;border-bottom:none;border-top:none}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-facet-content{position:absolute;background:#fff;z-index:10;border:1px solid #d8d8d8;min-width:220px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-terms-list{overflow-y:auto;max-height:300px;margin:2px 0 0}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label{border:1px solid #d8d8d8}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label.lupa-has-filter{border-width:2px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-single-facet-clear{cursor:pointer;text-align:center;margin:3px 0 0;padding:5px 0 3px;font-size:5px 0 3px;border-top:1px solid #d8d8d8}.lupa-search-result-current-filters{font-family:"Roboto",sans-serif}.lupa-current-filter-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:1.1;font-weight:700;padding:0;color:#161616}.lupa-current-filter-list{margin:0;padding:0 10px 5px}.lupa-search-result-current-filters{margin:0 0 25px}.lupa-clear-all-filters{cursor:pointer;color:#0c26d7;padding:0 10.5px;margin:0 0 31.5px;font-size:14px}.lupa-clear-all-filters:hover{color:#091da7}.lupa-search-result-filter-value{display:flex;align-items:center;flex-wrap:wrap;margin:10.5px 0;font-size:14px}.lupa-current-filter-action{padding:0 5px 0 0;font-size:17px;color:#3c53f4;cursor:pointer}.lupa-current-filter-action:hover{color:#3c53f4}.lupa-current-filter-label,.lupa-current-filter-value{margin:0 0 0 5px}.lupa-current-filter-label{color:#161616}.lupa-current-filter-value{color:#3c53f4}.lupa-filter-title-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;font-size:14px;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-filter-title-caret.open::after{transform:rotate(180deg)}.lupa-filter-count{font-size:14px;color:#161616}.lupa-toolbar-filters,.lupa-toolbar-filters-desktop{margin-right:12px}.lupa-toolbar-filters .filter-values,.lupa-toolbar-filters-desktop .filter-values{display:flex}.lupa-result-page-title{font-size:16px;margin:0 0 38px;font-family:"Roboto",sans-serif}.lupa-search-result-filters{padding:0 4.6% 0 0}#lupa-search-results,.top-layout-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start}.search-content{width:100%}.lupa-search-result-filters{flex:25%;flex-grow:1;flex-shrink:0;box-sizing:border-box}#lupa-search-results-products{position:relative;padding:0 0 0 1.6%;width:100%}.lupa-products{display:flex;align-self:flex-start;flex-wrap:wrap;margin:0 0 31.5px -16px}.lupa-loader{background-color:#fff;display:flex;height:calc(100% - 0px);opacity:.5;position:absolute;z-index:555}.lupa-search-result-product-card{box-sizing:border-box}#lupa-search-results-did-you-mean{font-family:"Roboto",sans-serif}.lupa-suggested-search-text{font-weight:bold}.lupa-highlighted-search-text{font-weight:bold;font-style:italic}#lupa-search-results-did-you-mean{margin-bottom:10px}.lupa-did-you-mean{text-decoration:none}.lupa-did-you-mean:hover{text-decoration:underline;cursor:pointer}#lupa-select{position:relative;font-family:"Roboto",sans-serif;color:#161616;text-indent:.01em}.lupa-select-dropdown{cursor:pointer;padding:20px 25px 4px 8px;font-family:"Roboto",sans-serif;background:#fff;background-clip:padding-box;border:1px solid #d8d8d8;border-radius:0;font-size:14px;height:48px;line-height:1.5;vertical-align:baseline;box-sizing:border-box;appearance:none}.lupa-select-dropdown:focus{outline:none;box-shadow:0 0 3px 1px #6c7ef7}.lupa-select-label{font-family:"Roboto",sans-serif;font-size:12px;line-height:1;position:absolute;pointer-events:none;top:8px;left:8px}.lupa-search-results-summary{display:flex;align-items:center}#lupa-search-results-toolbar{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 40px}.lupa-toolbar-left{display:flex}.lupa-toolbar-right{display:flex;flex-direction:row}#lupa-search-results-page-select{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection div{margin:0 16px 0 0}.lupa-search-results-summary{color:#161616;font-family:"Roboto",sans-serif;font-size:14px}#lupa-search-results-page-size{margin:0}#lupa-search-results-page-size .lupa-select-dropdown{width:125px}.lupa-search-results-sort{margin:0 0 0 8px}.lupa-filter-clear{cursor:pointer}#lupa-search-results-page-select{font-family:"Roboto",sans-serif}.lupa-page-number-separator{margin:0 12px 0 0}.lupa-page-number{cursor:pointer;color:#3c53f4;font-size:12px;padding:0 5.25px;margin:0 12px 0 0}.lupa-page-number:hover{color:#161616}.lupa-page-number.lupa-page-number-selected{color:#161616;font-weight:700}.lupa-page-arrow{cursor:pointer;font-weight:700;margin:0 12px 0 0;padding:0 8px}.lupa-page-arrow:before{line-height:31.5px;color:#161616;content:"";font-family:"Roboto",sans-serif;font-size:11px}.lupa-page-arrow:hover:before{color:#3c53f4}.lupa-search-result-product-card{height:auto;min-height:250px;border:1px solid #d8d8d8;padding:12px;margin:0}.lupa-out-of-stock{opacity:.5}.lupa-search-result-product-contents{height:100%;display:flex;flex-direction:column;font-family:"Roboto",sans-serif;font-size:16px}.lupa-search-result-product-contents-list{flex-direction:row}.lupa-search-result-product-details-section{display:flex;flex-direction:column;justify-content:space-between;height:100%}.lupa-search-results-image-wrapper{padding-bottom:125%;display:block;height:0;overflow:hidden;position:relative;z-index:1;display:flex;justify-content:center}.lupa-search-results-image{width:100%;height:100%;object-fit:contain;max-width:240px;max-height:195px;margin:auto;position:absolute}.lupa-search-result-product-image-section{cursor:pointer;border:none;padding:12px 8px;margin:0}.lupa-search-results-product-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-size:16px;margin:0 0 12px;line-height:21px}.lupa-search-results-product-title-text{font-weight:bold;color:#161616}.lupa-search-results-product-title-text.lupa-title-link{text-decoration:none;color:#161616}.lupa-search-results-product-title-text.lupa-title-link:hover{text-decoration:underline;color:#3c53f4}.lupa-search-results-product-regular-price{font-size:16px;font-weight:700;padding:10px 8px 0 5px}#lupa-search-results-rating{display:flex;flex-direction:row;align-items:center;width:auto;margin:0 0 15.75px}.lupa-ratings{display:flex;flex-direction:row;align-items:center;width:auto}.lupa-ratings-base,.lupa-rating-wrapper{display:flex;width:90px}.lupa-rating-wrapper{position:absolute}.lupa-ratings-highlighted{display:flex;overflow:hidden}.lupa-total-ratings{color:#161616 !important;text-decoration:none}.lupa-total-ratings:hover{color:#3c53f4 !important;text-decoration:underline !important}.lupa-search-result-product-contents-list .lupa-search-result-product-card{min-height:50px}.lupa-search-result-product-contents-list .lupa-search-results-image{width:240px;height:195px;object-fit:contain;margin:auto;position:relative}.lupa-search-result-product-contents-list .lupa-search-result-product-details-section{width:100%;padding:15px}.lupa-search-result-product-contents-list .lupa-search-results-image{max-width:120px;max-height:97.5px}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart{order:3;margin:0 -16px 0;position:static}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart button{padding:8px 32px}.lupa-search-results-product-description{max-height:200px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.lupa-empty-results{text-align:center;width:100%;font-size:14px;font-family:"Roboto",sans-serif;color:#161616}.lupa-empty-results .lupa-empty-page-action{cursor:pointer;text-decoration:underline}.lupa-mobile-filter-sidebar{position:fixed;width:100%;height:var(--lupa-full-height);left:0;top:0;bottom:0;z-index:555;background:rgba(0,0,0,0);display:flex}.lupa-mobile-filter-sidebar .lupa-mobile-sidebar-content{height:var(--lupa-full-height);width:100%;z-index:555;background:#fff}.lupa-mobile-filter-sidebar .lupa-sidebar-close{background:rgba(0,0,0,.6);height:var(--lupa-full-height);width:30px}.lupa-sidebar-top{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 13.5px 0 0;border-bottom:1px solid #d8d8d8}.lupa-sidebar-title{margin-left:15px;font-weight:700;font-size:16px;font-family:"Roboto",sans-serif;color:#161616}.lupa-sidebar-filter-options .lupa-facets-title{display:none}.lupa-filter-toggle-mobile:after{font-size:16px;color:#6c7ef7;content:"✖";line-height:inherit;font-family:"Roboto",sans-serif;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;text-align:center}.lupa-sidebar-filter-options{overflow-y:scroll;height:calc(100% - 48px)}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:none}.lupa-category-top-mobile-filters{display:none}.lupa-filters-mobile{display:none}.lupa-mobile-toggle{font-family:"Roboto",sans-serif;font-size:14px;color:#6c7ef7;width:208px;border-radius:0;display:none;padding:15px 0;border:1px solid #d8d8d8;line-height:16px;text-align:center;z-index:2}@media(max-width: 767px){.lupa-mobile-toggle{display:block}.lupa-category-top-mobile-filters{display:block}.lupa-filters-mobile{display:block;border-top:1px solid #d8d8d8}.lupa-filters-mobile.lupa-search-result-current-filters.expandable{padding:15px 0;margin:-20px 0 20px}#lupa-search-results-layout-selection{display:none}.lupa-search-results-summary{display:none}#lupa-search-results-page-size{display:none}#lupa-search-results-toolbar.lupa-toolbar-top{display:none}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:flex}.lupa-toolbar-bottom .lupa-toolbar-right{display:none}.lupa-toolbar-mobile .lupa-toolbar-left{display:none}#lupa-search-results-toolbar{justify-content:center}#lupa-search-results-rating{flex-direction:column;align-items:normal}#lupa-search-results-rating .lupa-total-ratings{margin-left:0;margin-top:5px}.lupa-search-result-filters{display:none}.lupa-mobile-filter-sidebar .lupa-search-result-filters{display:flex;flex-direction:column}#lupa-search-results-products{padding:0}.lupa-select-dropdown{width:208px}.lupa-facets-title{padding:16px}.lupa-search-result-current-filters.expandable{padding:16px;border-bottom:1px solid #d8d8d8;margin:0}.lupa-clear-all-filters{margin:0}#lupa-search-results-did-you-mean{margin-bottom:10px}}@media(max-width: 479px){.lupa-mobile-toggle{width:139px}.lupa-select-dropdown{width:139px}}@media(max-width: 350px){.lupa-mobile-toggle{width:100px}.lupa-select-dropdown{width:100px}}@media(max-width: 767px){.lupa-search-result-filters{flex:100%;padding:0}.lupa-search-result-facets{width:100%}.lupa-search-result-facet-display{padding:0 15px}}@media(max-width: 1024px){#lupa-search-results-badges>#lupa-badges{top:-16px}#lupa-search-results-badges>#lupa-badges .lupa-badge{width:32px;height:32px;font-size:11px}}#lupa-search-results-badges{position:relative}#lupa-badges{display:flex;position:absolute;font-family:"Roboto",sans-serif;top:-24px;z-index:1}#lupa-badges .tl{left:-10px}#lupa-badges .tr{right:-10px}.lupa-badge{width:48px;height:48px;font-size:14px;margin:0 8px 0 0;font-weight:700;border-radius:50%}.lupa-text-badges{display:flex}.lupa-image-badges{display:flex}.lupa-image-badges img{width:100%}.lupa-text-badge{color:#fff;background:#3c53f4;display:flex;align-items:center;justify-content:center;text-align:center}#lupa-badges{flex-direction:column;top:0;pointer-events:none;z-index:1000}.lupa-discount-badge{background:#e0232f;color:#fff}.lupa-preorder-badge{background:#4b81eb;color:#fff}.lupa-generated-badges{display:flex;flex-direction:column}.lupa-dynamic-badge{cursor:pointer;pointer-events:all;display:flex;font-weight:600;font-size:14px;line-height:20px;padding:4px;margin-bottom:4px;margin-right:auto;white-space:nowrap}.lupa-dynamic-badge .lupa-badge-title{font-weight:700;letter-spacing:-0.6px;display:flex;align-items:center;justify-content:center;min-width:42px}.lupa-dynamic-badge .lupa-badge-title img{max-height:20px}.lupa-dynamic-badge .lupa-badge-full-text{display:none;margin-left:10px}.lupa-dynamic-badge:hover .lupa-badge-full-text{display:inline-block}#lupa-search-results-breadcrumbs{margin:0 0 24px;font-size:12px}@media(min-width: 767px){#lupa-search-results-breadcrumbs{max-width:1228px;box-sizing:border-box;width:100%}}@media(max-width: 767px){#lupa-search-results-breadcrumbs{display:none}}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link{text-decoration:none;color:#0c26d7}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link:hover{text-decoration:underline;color:#091da7}#lupa-search-results-similar-queries,#lupa-search-results-similar-results{margin-top:20px}.lupa-similar-queries-label,.lupa-similar-results-label{font-size:20px;font-family:"Roboto",sans-serif;font-weight:700;line-height:1.1;margin-top:0;margin-bottom:8px}.lupa-similar-results-label{margin-bottom:8px}.lupa-similar-query-label{margin-bottom:48px;font-weight:400;line-height:1.5;color:#4f4f4f;font-family:"Roboto",sans-serif}.lupa-similar-query-value{font-size:16px}.lupa-similar-query-link:hover{text-decoration:underline;cursor:pointer}.lupa-similar-query-crossed{text-decoration:line-through}.lupa-category-filter{padding:0;font-family:"Roboto",sans-serif;margin:0 0 25px}.lupa-category-back{padding:13px 0}.lupa-category-back a{color:#161616;font-size:16px;line-height:20px;font-weight:700;text-decoration:none !important}.lupa-category-back a:hover{color:#3c53f4}.lupa-current-category,.lupa-child-category-item{padding:10px 0 10px 25px}.lupa-current-category a,.lupa-child-category-item a{text-decoration:none !important;color:#161616;font-size:16px;line-height:16px}.lupa-current-category a:hover,.lupa-child-category-item a:hover{color:#3c53f4}.lupa-child-category-item-active,.lupa-current-category-active{color:#3c53f4}.lupa-child-category-list{padding:0 0 0 10px}.lupa-category-overview{margin:30px 0 50px}.lupa-category-title{font-weight:600;font-size:14px;margin:0 0 15px}.lupa-spinner-wrapper{width:100%;overflow:hidden}.lupa-spinner{color:#555;display:flex;justify-content:center;position:relative;width:100%;padding-top:100px;padding-right:72px}.lupa-spinner div{transform-origin:40px 40px;animation:lupa-spinner 1.2s linear infinite}.lupa-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#555}.lupa-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.lupa-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lupa-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.lupa-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.lupa-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.lupa-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.lupa-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.lupa-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.lupa-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.lupa-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.lupa-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.lupa-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lupa-spinner{0%{opacity:1}100%{opacity:0}}.lupa-search-result-product-card{width:100%}.lupa-search-box-product-title{font-weight:300}#lupa-search-box-input input{box-sizing:border-box}#lupa-search-box-input::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰍉";font-size:24px;position:absolute;right:16px;top:12px}.lupa-suggestion{font-weight:300}.lupa-search-box-product-details-section{justify-content:space-between}.lupa-search-box-product-regular-price{text-decoration:line-through;color:#9e9e9e}.lupa-more-results{font-size:16px;font-weight:300}#lupa-search-box-panel{box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:24px;border:none;overflow:hidden}.lupa-suggestion-facet-label,.lupa-suggestion-facet-value{line-height:13px}#lupa-search-results-toolbar{margin:0 0 12px;padding-right:1.6%}#lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:center;margin:24px 0}.lupa-search-results-summary{font-weight:300;font-size:18px;line-height:15px}.lupa-search-results-summary span{color:#3c53f4;font-weight:700}.lupa-page-number{min-width:48px;min-height:48px;color:#464646;font-weight:300;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.lupa-page-number.lupa-page-number-selected,.lupa-page-number:hover{background:rgba(60,83,244,.08);font-weight:300}.lupa-page-arrow{font-size:0}.lupa-page-arrow::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅂"}.lupa-page-arrow:first-child::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅁"}#lupa-similar-query-text-component,.lupa-highlighted-search-text{color:#3c53f4}.lupa-similar-query-label{margin-bottom:18px;font-weight:300}.lupa-empty-results{font-weight:300;font-size:18px;margin-bottom:36px;color:#9e9e9e}.lupa-search-result-product-card{border-radius:4px;margin-bottom:36px;border:none}.lupa-search-result-product-contents{border:1px solid #d8d8d8;box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:4px;padding:16px}.lupa-search-result-product-contents:hover{border-color:#3c53f4}.lupa-search-results-product-title-text{font-weight:300;line-height:29px}.lupa-search-results-image-wrapper{padding-bottom:100%}.lupa-discount{display:inline;font-weight:700;font-size:32px;line-height:27px;color:#3c53f4}.lupa-custom-id{opacity:.5}.lupa-custom-brand{color:#3c53f4;font-weight:600}.lupa-final{display:inline;font-weight:700;font-size:32px;line-height:27px}.lupa-regular{text-decoration:line-through;color:#9e9e9e;display:inline-block;margin-left:4px}.lupa-search-result-filters{padding-right:24px;flex:40%}.lupa-filter-title-text{margin-bottom:24px}.lupa-search-result-facet-display{border:none}.lupa-search-result-facet-display:first-child{border:none}.lupa-facet-label-text{font-weight:700;font-size:16px;line-height:24px}.lupa-facet-label-caret::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:22px;content:"󰅀"}.lupa-term-label{font-weight:300;font-size:16px;line-height:1.15}.lupa-stats-facet-summary{margin-top:16px;font-size:16px;font-weight:300}.lupa-current-filter-list{display:flex;flex-wrap:wrap}.lupa-search-result-current-filters{border-bottom:1px solid #d8d8d8}.lupa-search-result-filter-value{flex-direction:row-reverse;display:flex;justify-content:flex-end;background-color:#3c53f4;padding:9px;border-radius:24px;margin:0 8px 8px 0}.lupa-search-result-filter-value .lupa-current-filter-label{display:none}.lupa-search-result-filter-value .lupa-current-filter-value{color:#fff;font-weight:300;font-size:14px}.lupa-search-result-filter-value .lupa-current-filter-action{display:flex;font-size:0}.lupa-search-result-filter-value .lupa-current-filter-action::before{color:#fff;margin-left:9px;width:16px;direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅙"}.lupa-clear-all-filters{font-weight:300;font-size:16px;line-height:22px;color:#464646;display:flex;align-items:center;margin-top:16px}.lupa-clear-all-filters:before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰅖";margin-right:10px;font-size:20px}.lupa-term-checkbox{border-radius:2px;border:2px solid #464646}.lupa-term-checkbox.checked{border-color:#3c53f4;background:#3c53f4}.lupa-term-checkbox.checked:after{border:none;border-left:2px solid #fff;border-bottom:2px solid #fff;display:inline-block;transform:rotate(-45deg);height:7px;width:12px;border-radius:0;top:-2px;content:" ";position:relative}.lupa-term-checkbox-label{font-size:16px;font-weight:300}.lupa-search-box-wrapper input{border-radius:24px}.lupa-mobile-toggle-filter-count{display:inline-flex;color:#fff;background:#3c53f4;border-radius:50%;width:20px;height:20px;justify-content:center;align-items:center}.lupa-category-top-mobile-filters .lupa-category-back{border:1px solid #d8d8d8;cursor:pointer;padding:10px 5px;margin:10px 0}.lupa-category-top-mobile-filters .lupa-category-back::before{content:"<";display:inline-block}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-panel-suggestion-index{grid-area:suggestions}.lupa-panel-document-index{grid-area:docs}#lupa-search-results-products{background:#fff;padding-top:36px}.wrapper{background:#fafafa}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getlupa/client",
3
- "version": "1.6.4",
3
+ "version": "1.6.5",
4
4
  "main": "dist/lupaSearch.js",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/src/index.d.ts",
@@ -20,7 +20,7 @@
20
20
  },
21
21
  "devDependencies": {
22
22
  "@getlupa/client-sdk": "^1.3.4",
23
- "@getlupa/vue": "0.7.4",
23
+ "@getlupa/vue": "0.7.7",
24
24
  "@rushstack/eslint-patch": "^1.3.2",
25
25
  "@tsconfig/node18": "^2.0.1",
26
26
  "@types/jsdom": "^21.1.1",