@getlupa/vue 0.14.3 → 0.14.4
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.
- package/dist/lupaContainerStyle.css +1 -1
- package/dist/lupaSearch.js +116 -22
- package/dist/lupaSearch.mjs +117 -23
- package/dist/src/types/DocumentElement.d.ts +5 -0
- package/dist/src/types/search-box/SearchBoxPanel.d.ts +1 -0
- package/dist/src/utils/grid.utils.d.ts +3 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/lupaSearch.mjs
CHANGED
|
@@ -49,7 +49,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
49
49
|
step((generator = generator.apply(__this, __arguments)).next());
|
|
50
50
|
});
|
|
51
51
|
};
|
|
52
|
-
import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, createCommentVNode, toDisplayString, onMounted, onBeforeMount, Fragment, renderList, createBlock, onBeforeUnmount, Transition, withCtx, toHandlers, withModifiers, resolveDynamicComponent, renderSlot,
|
|
52
|
+
import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, createCommentVNode, toDisplayString, onMounted, onBeforeMount, Fragment, renderList, createBlock, onBeforeUnmount, normalizeStyle, Transition, withCtx, toHandlers, withModifiers, resolveDynamicComponent, renderSlot, createSlots, createVNode, createTextVNode, normalizeProps, guardReactiveProps, onUnmounted, resolveComponent, vModelSelect, h as h$1, provide, cloneVNode } from "vue";
|
|
53
53
|
var isVue2 = false;
|
|
54
54
|
function set(target, key, val) {
|
|
55
55
|
if (Array.isArray(target)) {
|
|
@@ -3315,7 +3315,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
3315
3315
|
const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
|
|
3316
3316
|
const _hoisted_2$S = { class: "lupa-input-clear" };
|
|
3317
3317
|
const _hoisted_3$B = { id: "lupa-search-box-input" };
|
|
3318
|
-
const _hoisted_4$
|
|
3318
|
+
const _hoisted_4$s = ["value"];
|
|
3319
3319
|
const _hoisted_5$k = ["aria-label", "placeholder"];
|
|
3320
3320
|
const _hoisted_6$a = /* @__PURE__ */ createElementVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
|
|
3321
3321
|
const _hoisted_7$7 = [
|
|
@@ -3422,7 +3422,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
|
|
|
3422
3422
|
"aria-hidden": "true",
|
|
3423
3423
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
3424
3424
|
disabled: ""
|
|
3425
|
-
}, null, 8, _hoisted_4$
|
|
3425
|
+
}, null, 8, _hoisted_4$s),
|
|
3426
3426
|
withDirectives(createElementVNode("input", mergeProps({
|
|
3427
3427
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
3428
3428
|
}, inputAttributes.value, {
|
|
@@ -3595,6 +3595,34 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
3595
3595
|
};
|
|
3596
3596
|
}
|
|
3597
3597
|
});
|
|
3598
|
+
const generateGridTemplate = (elements) => {
|
|
3599
|
+
const indexedElements = elements.map((el, index) => __spreadProps(__spreadValues({}, el), { index }));
|
|
3600
|
+
if (!indexedElements.length || !indexedElements.every((el) => el.gridArea === "left" || el.gridArea === "right")) {
|
|
3601
|
+
return void 0;
|
|
3602
|
+
}
|
|
3603
|
+
let leftElements = indexedElements.filter((el) => el.gridArea === "left");
|
|
3604
|
+
let rightElements = indexedElements.filter((el) => el.gridArea === "right");
|
|
3605
|
+
if (!leftElements.length && !rightElements.length) {
|
|
3606
|
+
return "";
|
|
3607
|
+
} else if (!leftElements.length) {
|
|
3608
|
+
leftElements = rightElements;
|
|
3609
|
+
} else if (!rightElements.length) {
|
|
3610
|
+
rightElements = leftElements;
|
|
3611
|
+
}
|
|
3612
|
+
const totalRows = Math.max(leftElements.length, rightElements.length);
|
|
3613
|
+
const gridTemplate = [];
|
|
3614
|
+
for (let row = 0; row < totalRows; row++) {
|
|
3615
|
+
const leftIndex = row < leftElements.length ? row : leftElements.length - 1;
|
|
3616
|
+
const rightIndex = row < rightElements.length ? row : rightElements.length - 1;
|
|
3617
|
+
const leftElement = leftElements[leftIndex];
|
|
3618
|
+
const rightElement = rightElements[rightIndex];
|
|
3619
|
+
const leftColumn = `${leftElement.gridArea}${leftElement.index}`;
|
|
3620
|
+
const rightColumn = `${rightElement.gridArea}${rightElement.index}`;
|
|
3621
|
+
const gridRow = `${leftColumn} ${rightColumn}`;
|
|
3622
|
+
gridTemplate.push(`"${gridRow}"`);
|
|
3623
|
+
}
|
|
3624
|
+
return gridTemplate.join(" ");
|
|
3625
|
+
};
|
|
3598
3626
|
const _hoisted_1$19 = ["innerHTML"];
|
|
3599
3627
|
const _hoisted_2$Q = {
|
|
3600
3628
|
key: 1,
|
|
@@ -3606,7 +3634,7 @@ const _hoisted_3$A = {
|
|
|
3606
3634
|
class: "lupa-suggestion-facet",
|
|
3607
3635
|
"data-cy": "lupa-suggestion-facet"
|
|
3608
3636
|
};
|
|
3609
|
-
const _hoisted_4$
|
|
3637
|
+
const _hoisted_4$r = {
|
|
3610
3638
|
class: "lupa-suggestion-facet-label",
|
|
3611
3639
|
"data-cy": "lupa-suggestion-facet-label"
|
|
3612
3640
|
};
|
|
@@ -3652,7 +3680,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
|
3652
3680
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
3653
3681
|
}, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, toDisplayString(_ctx.suggestion.display), 1)),
|
|
3654
3682
|
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
|
|
3655
|
-
createElementVNode("span", _hoisted_4$
|
|
3683
|
+
createElementVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
|
|
3656
3684
|
createElementVNode("span", _hoisted_5$j, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
3657
3685
|
])) : createCommentVNode("", true)
|
|
3658
3686
|
]);
|
|
@@ -3793,6 +3821,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
|
3793
3821
|
});
|
|
3794
3822
|
};
|
|
3795
3823
|
const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
|
|
3824
|
+
watch(() => props.panel.limit, getSuggestionsDebounced);
|
|
3796
3825
|
return (_ctx, _cache) => {
|
|
3797
3826
|
return openBlock(), createBlock(_sfc_main$1h, {
|
|
3798
3827
|
items: searchResult.value,
|
|
@@ -12963,6 +12992,25 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
12963
12992
|
var _a;
|
|
12964
12993
|
return Boolean((_a = hoverImages.value) == null ? void 0 : _a.length);
|
|
12965
12994
|
});
|
|
12995
|
+
const widthOverride = computed(() => {
|
|
12996
|
+
var _a, _b;
|
|
12997
|
+
return (_b = (_a = props.options.dimensions) == null ? void 0 : _a.width) != null ? _b : void 0;
|
|
12998
|
+
});
|
|
12999
|
+
const heightOverride = computed(() => {
|
|
13000
|
+
var _a, _b;
|
|
13001
|
+
return (_b = (_a = props.options.dimensions) == null ? void 0 : _a.height) != null ? _b : void 0;
|
|
13002
|
+
});
|
|
13003
|
+
const objectFitOverride = computed(() => {
|
|
13004
|
+
var _a, _b;
|
|
13005
|
+
return (_b = (_a = props.options.dimensions) == null ? void 0 : _a.objectFit) != null ? _b : void 0;
|
|
13006
|
+
});
|
|
13007
|
+
const styleOverride = computed(() => {
|
|
13008
|
+
return {
|
|
13009
|
+
width: widthOverride.value ? `${widthOverride.value}px` : void 0,
|
|
13010
|
+
height: heightOverride.value ? `${heightOverride.value}px` : void 0,
|
|
13011
|
+
objectFit: objectFitOverride.value ? objectFitOverride.value : void 0
|
|
13012
|
+
};
|
|
13013
|
+
});
|
|
12966
13014
|
const replaceWithPlaceholder = (e2) => {
|
|
12967
13015
|
replaceImageWithPlaceholder(e2, placeholder.value);
|
|
12968
13016
|
};
|
|
@@ -13027,6 +13075,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
13027
13075
|
return (_ctx, _cache) => {
|
|
13028
13076
|
return openBlock(), createElementBlock("div", {
|
|
13029
13077
|
class: normalizeClass({ [_ctx.wrapperClass]: Boolean(_ctx.wrapperClass), "lupa-images-hover": isHover.value }),
|
|
13078
|
+
style: normalizeStyle(styleOverride.value),
|
|
13030
13079
|
onMouseenter: handleMouseEnter,
|
|
13031
13080
|
onMouseleave: handleMouseLeave
|
|
13032
13081
|
}, [
|
|
@@ -13037,6 +13086,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
13037
13086
|
default: withCtx(() => [
|
|
13038
13087
|
(openBlock(), createElementBlock("img", mergeProps({
|
|
13039
13088
|
class: ["lupa-images-hover-image", { [_ctx.imageClass]: true, "lupa-images-hover-image": isHover.value }],
|
|
13089
|
+
style: styleOverride.value,
|
|
13040
13090
|
src: finalUrl.value
|
|
13041
13091
|
}, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
|
|
13042
13092
|
onError: replaceWithPlaceholder,
|
|
@@ -13047,9 +13097,10 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
13047
13097
|
})) : (openBlock(), createElementBlock("img", mergeProps({
|
|
13048
13098
|
key: 1,
|
|
13049
13099
|
class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
|
|
13100
|
+
style: styleOverride.value,
|
|
13050
13101
|
src: finalMainImageUrl.value
|
|
13051
13102
|
}, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$P))
|
|
13052
|
-
],
|
|
13103
|
+
], 38);
|
|
13053
13104
|
};
|
|
13054
13105
|
}
|
|
13055
13106
|
});
|
|
@@ -13191,7 +13242,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
|
13191
13242
|
const _hoisted_1$13 = ["innerHTML"];
|
|
13192
13243
|
const _hoisted_2$M = { key: 0 };
|
|
13193
13244
|
const _hoisted_3$z = { key: 1 };
|
|
13194
|
-
const _hoisted_4$
|
|
13245
|
+
const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
|
|
13195
13246
|
const _hoisted_5$i = { class: "lupa-search-box-custom-text" };
|
|
13196
13247
|
const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
13197
13248
|
__name: "SearchBoxProductCustom",
|
|
@@ -13224,7 +13275,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
|
13224
13275
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
13225
13276
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
13226
13277
|
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
|
|
13227
|
-
createElementVNode("div", _hoisted_4$
|
|
13278
|
+
createElementVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
|
|
13228
13279
|
createElementVNode("div", _hoisted_5$i, toDisplayString(text.value), 1)
|
|
13229
13280
|
]))
|
|
13230
13281
|
], 16));
|
|
@@ -13631,7 +13682,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
|
|
|
13631
13682
|
const _hoisted_1$$ = { class: "lupa-badge-title" };
|
|
13632
13683
|
const _hoisted_2$K = ["src"];
|
|
13633
13684
|
const _hoisted_3$x = { key: 1 };
|
|
13634
|
-
const _hoisted_4$
|
|
13685
|
+
const _hoisted_4$p = {
|
|
13635
13686
|
key: 0,
|
|
13636
13687
|
class: "lupa-badge-full-text"
|
|
13637
13688
|
};
|
|
@@ -13675,7 +13726,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
|
13675
13726
|
}, null, 8, _hoisted_2$K)) : createCommentVNode("", true),
|
|
13676
13727
|
hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$x, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
|
|
13677
13728
|
]),
|
|
13678
|
-
hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
13729
|
+
hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
|
|
13679
13730
|
], 6);
|
|
13680
13731
|
};
|
|
13681
13732
|
}
|
|
@@ -13899,9 +13950,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
|
|
|
13899
13950
|
}
|
|
13900
13951
|
}));
|
|
13901
13952
|
const _hoisted_1$V = ["href"];
|
|
13902
|
-
const _hoisted_2$I = { class: "lupa-search-box-product-
|
|
13903
|
-
const _hoisted_3$w = {
|
|
13904
|
-
const _hoisted_4$p = {
|
|
13953
|
+
const _hoisted_2$I = { class: "lupa-search-box-product-details-section" };
|
|
13954
|
+
const _hoisted_3$w = {
|
|
13905
13955
|
key: 0,
|
|
13906
13956
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
13907
13957
|
};
|
|
@@ -13929,6 +13979,25 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
13929
13979
|
var _a, _b;
|
|
13930
13980
|
return (_b = (_a = props.panelOptions.elements) == null ? void 0 : _a.filter((e2) => e2.type === DocumentElementType.IMAGE)) != null ? _b : [];
|
|
13931
13981
|
});
|
|
13982
|
+
const mainImageElement = computed(() => {
|
|
13983
|
+
return imageElements.value[0];
|
|
13984
|
+
});
|
|
13985
|
+
const widthOverride = computed(() => {
|
|
13986
|
+
var _a, _b, _c;
|
|
13987
|
+
return (_c = (_b = (_a = mainImageElement.value) == null ? void 0 : _a.dimensions) == null ? void 0 : _b.width) != null ? _c : void 0;
|
|
13988
|
+
});
|
|
13989
|
+
const heightOverride = computed(() => {
|
|
13990
|
+
var _a, _b, _c;
|
|
13991
|
+
return (_c = (_b = (_a = mainImageElement.value) == null ? void 0 : _a.dimensions) == null ? void 0 : _b.height) != null ? _c : void 0;
|
|
13992
|
+
});
|
|
13993
|
+
const imageStyleOverride = computed(() => {
|
|
13994
|
+
var _a;
|
|
13995
|
+
return ((_a = mainImageElement.value) == null ? void 0 : _a.dimensions) ? {
|
|
13996
|
+
width: widthOverride.value ? `${widthOverride.value}px` : void 0,
|
|
13997
|
+
height: heightOverride.value ? `${heightOverride.value}px` : void 0,
|
|
13998
|
+
minWidth: widthOverride.value ? `${widthOverride.value + 10}px` : void 0
|
|
13999
|
+
} : {};
|
|
14000
|
+
});
|
|
13932
14001
|
const detailElements = computed(() => {
|
|
13933
14002
|
var _a, _b;
|
|
13934
14003
|
return (_b = (_a = props.panelOptions.elements) == null ? void 0 : _a.filter(
|
|
@@ -13967,7 +14036,10 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
13967
14036
|
"data-cy": "lupa-search-box-product",
|
|
13968
14037
|
onClick: handleClick
|
|
13969
14038
|
}), [
|
|
13970
|
-
createElementVNode("div",
|
|
14039
|
+
createElementVNode("div", {
|
|
14040
|
+
class: "lupa-search-box-product-image-section",
|
|
14041
|
+
style: normalizeStyle(imageStyleOverride.value)
|
|
14042
|
+
}, [
|
|
13971
14043
|
(openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
|
|
13972
14044
|
return openBlock(), createBlock(_sfc_main$16, {
|
|
13973
14045
|
class: "lupa-search-box-product-element",
|
|
@@ -13978,8 +14050,8 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
13978
14050
|
link: link.value
|
|
13979
14051
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
13980
14052
|
}), 128))
|
|
13981
|
-
]),
|
|
13982
|
-
createElementVNode("div",
|
|
14053
|
+
], 4),
|
|
14054
|
+
createElementVNode("div", _hoisted_2$I, [
|
|
13983
14055
|
(openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
|
|
13984
14056
|
var _a;
|
|
13985
14057
|
return openBlock(), createBlock(_sfc_main$16, {
|
|
@@ -14003,7 +14075,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
14003
14075
|
]), 1032, ["item", "element", "labels", "link"]);
|
|
14004
14076
|
}), 128))
|
|
14005
14077
|
]),
|
|
14006
|
-
addToCartElement.value ? (openBlock(), createElementBlock("div",
|
|
14078
|
+
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
|
|
14007
14079
|
createVNode(_sfc_main$16, {
|
|
14008
14080
|
class: "lupa-search-box-product-element",
|
|
14009
14081
|
item: _ctx.item,
|
|
@@ -14261,6 +14333,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
|
14261
14333
|
});
|
|
14262
14334
|
};
|
|
14263
14335
|
const getItemsDebounced = debounce$1(getItems, props.debounce);
|
|
14336
|
+
watch(() => props.panel.limit, getItemsDebounced);
|
|
14264
14337
|
return (_ctx, _cache) => {
|
|
14265
14338
|
var _a, _b;
|
|
14266
14339
|
return openBlock(), createBlock(_sfc_main$_, {
|
|
@@ -14449,6 +14522,13 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
14449
14522
|
const displayPanels = computed(
|
|
14450
14523
|
() => props.isSearchContainer ? panels.value.filter((p2) => p2.type === SearchBoxPanelType.SUGGESTION) : panels.value
|
|
14451
14524
|
);
|
|
14525
|
+
const gridTemplate = computed(() => generateGridTemplate(panels.value));
|
|
14526
|
+
const styleOverrides = computed(() => {
|
|
14527
|
+
return {
|
|
14528
|
+
display: expandOnSinglePanel.value ? "block" : "grid",
|
|
14529
|
+
gridTemplateAreas: gridTemplate.value ? gridTemplate.value : "left right"
|
|
14530
|
+
};
|
|
14531
|
+
});
|
|
14452
14532
|
const getInput = (panel) => {
|
|
14453
14533
|
var _a, _b;
|
|
14454
14534
|
if (panel.type === SearchBoxPanelType.SUGGESTION || !panel.searchBySuggestion) {
|
|
@@ -14475,6 +14555,9 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
14475
14555
|
searchBoxStore.resetHighlightIndex();
|
|
14476
14556
|
});
|
|
14477
14557
|
const handleNavigation = (e2) => {
|
|
14558
|
+
if (!props.focused) {
|
|
14559
|
+
return;
|
|
14560
|
+
}
|
|
14478
14561
|
switch (e2.key) {
|
|
14479
14562
|
case "ArrowDown":
|
|
14480
14563
|
e2.preventDefault();
|
|
@@ -14562,7 +14645,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
14562
14645
|
}, toDisplayString(labels.value.closePanel), 1)) : createCommentVNode("", true),
|
|
14563
14646
|
createElementVNode("div", {
|
|
14564
14647
|
class: "lupa-main-panel",
|
|
14565
|
-
style: normalizeStyle(
|
|
14648
|
+
style: normalizeStyle(styleOverrides.value),
|
|
14566
14649
|
"data-cy": "lupa-main-panel"
|
|
14567
14650
|
}, [
|
|
14568
14651
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
|
|
@@ -14573,6 +14656,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
14573
14656
|
"lupa-panel-" + panel.type + "-index",
|
|
14574
14657
|
panel.customClassName ? panel.customClassName : ""
|
|
14575
14658
|
]),
|
|
14659
|
+
style: normalizeStyle(panel.gridArea ? { gridArea: `${panel.gridArea}${index}` } : {}),
|
|
14576
14660
|
"data-cy": "lupa-panel-" + panel.type + "-index"
|
|
14577
14661
|
}, [
|
|
14578
14662
|
((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$v, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
|
|
@@ -14598,7 +14682,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
14598
14682
|
key: "0"
|
|
14599
14683
|
} : void 0
|
|
14600
14684
|
]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
|
|
14601
|
-
],
|
|
14685
|
+
], 14, _hoisted_2$G);
|
|
14602
14686
|
}), 128))
|
|
14603
14687
|
], 4),
|
|
14604
14688
|
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1j, {
|
|
@@ -14662,6 +14746,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
14662
14746
|
const inputValue = ref("");
|
|
14663
14747
|
const suggestedValue = ref(defaultSuggestedValue);
|
|
14664
14748
|
const opened = ref(props.isSearchContainer);
|
|
14749
|
+
const focused = ref(false);
|
|
14665
14750
|
const searchBoxInput = ref(null);
|
|
14666
14751
|
const { highlightedDocument } = storeToRefs(searchBoxStore);
|
|
14667
14752
|
const searchValue = computed(() => {
|
|
@@ -14720,6 +14805,9 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
14720
14805
|
const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
|
|
14721
14806
|
const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
|
|
14722
14807
|
const isOutsideElement = el && !el.contains(e2.target) && !hasLupaClass;
|
|
14808
|
+
if (isOutsideElement && props.options.keepOpen) {
|
|
14809
|
+
focused.value = false;
|
|
14810
|
+
}
|
|
14723
14811
|
if (!isOutsideElement || props.options.keepOpen) {
|
|
14724
14812
|
return;
|
|
14725
14813
|
}
|
|
@@ -14728,11 +14816,12 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
14728
14816
|
};
|
|
14729
14817
|
const close = () => {
|
|
14730
14818
|
opened.value = false;
|
|
14819
|
+
focused.value = false;
|
|
14731
14820
|
suggestedValue.value = defaultSuggestedValue;
|
|
14732
14821
|
};
|
|
14733
14822
|
const handleKeyDown = (e2) => {
|
|
14734
14823
|
var _a2, _b;
|
|
14735
|
-
if (!
|
|
14824
|
+
if (!focused.value) {
|
|
14736
14825
|
return;
|
|
14737
14826
|
}
|
|
14738
14827
|
switch (e2.key) {
|
|
@@ -14752,6 +14841,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
14752
14841
|
const handleInput = (value) => {
|
|
14753
14842
|
var _a2;
|
|
14754
14843
|
opened.value = true;
|
|
14844
|
+
focused.value = true;
|
|
14755
14845
|
inputValue.value = (_a2 = value == null ? void 0 : value.replace(/\s+$/, "")) != null ? _a2 : "";
|
|
14756
14846
|
suggestedValue.value = defaultSuggestedValue;
|
|
14757
14847
|
searchBoxStore.resetHighlightIndex();
|
|
@@ -14879,12 +14969,14 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
14879
14969
|
}
|
|
14880
14970
|
});
|
|
14881
14971
|
};
|
|
14972
|
+
watch(() => props.options.debounce, handleCurrentValueSearch);
|
|
14882
14973
|
const resetValues = () => {
|
|
14883
14974
|
inputValue.value = "";
|
|
14884
14975
|
suggestedValue.value = defaultSuggestedValue;
|
|
14885
14976
|
};
|
|
14886
14977
|
const handleProductClick = () => {
|
|
14887
14978
|
opened.value = false;
|
|
14979
|
+
focused.value = false;
|
|
14888
14980
|
};
|
|
14889
14981
|
const slotProps = (props2) => {
|
|
14890
14982
|
return __spreadValues({}, props2);
|
|
@@ -14901,15 +14993,17 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
14901
14993
|
ref_key: "searchBoxInput",
|
|
14902
14994
|
ref: searchBoxInput,
|
|
14903
14995
|
onInput: handleInput,
|
|
14904
|
-
|
|
14996
|
+
onBlur: _cache[0] || (_cache[0] = ($event) => focused.value = false),
|
|
14997
|
+
onFocus: _cache[1] || (_cache[1] = ($event) => opened.value = true),
|
|
14905
14998
|
onSearch: handleSearch,
|
|
14906
|
-
onClose: _cache[
|
|
14999
|
+
onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close"))
|
|
14907
15000
|
}, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
|
|
14908
15001
|
opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$W, {
|
|
14909
15002
|
key: 0,
|
|
14910
15003
|
options: panelOptions.value,
|
|
14911
15004
|
inputValue: inputValue.value,
|
|
14912
15005
|
isSearchContainer: _ctx.isSearchContainer,
|
|
15006
|
+
focused: focused.value,
|
|
14913
15007
|
onFetched: handleItemsFetch,
|
|
14914
15008
|
onItemSelect: handleItemSelect,
|
|
14915
15009
|
onGoToResults: handleSearch,
|
|
@@ -14923,7 +15017,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
14923
15017
|
]),
|
|
14924
15018
|
key: "0"
|
|
14925
15019
|
} : void 0
|
|
14926
|
-
]), 1032, ["options", "inputValue", "isSearchContainer"])) : createCommentVNode("", true)
|
|
15020
|
+
]), 1032, ["options", "inputValue", "isSearchContainer", "focused"])) : createCommentVNode("", true)
|
|
14927
15021
|
])
|
|
14928
15022
|
]);
|
|
14929
15023
|
};
|
|
@@ -29,6 +29,11 @@ export type ImageDocumentElement<T = any> = DocumentElementBase<T> & {
|
|
|
29
29
|
key: string;
|
|
30
30
|
customUrl?: (document: T) => string;
|
|
31
31
|
alt?: (document: T) => string;
|
|
32
|
+
dimensions?: {
|
|
33
|
+
width?: number;
|
|
34
|
+
height?: number;
|
|
35
|
+
objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
|
|
36
|
+
};
|
|
32
37
|
hoverImages?: {
|
|
33
38
|
key?: string;
|
|
34
39
|
display?: (document: T) => string[];
|
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 transparent;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 transparent;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 transparent;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 transparent;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 rgba(0,0,0,.1019607843);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 rgba(0,0,0,.1019607843)}}.lupa-panel-document-index{grid-area:right;word-break:break-word}.lupa-more-results{cursor:pointer;border-top:1px solid rgba(0,0,0,.1019607843);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-search-box-documents-go-to-results-wrapper{padding:15px}.lupa-search-box-documents-go-to-results-button{background-color:#fff;border-radius:24px;padding:9px 0;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1019607843);cursor:pointer}.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 rgba(0,0,0,.1019607843);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 rgba(0,0,0,.1019607843);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:#3c53f4}.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 rgba(0,0,0,.1019607843)}.lupa-search-result-facet-display:first-child{border-top:1px solid rgba(0,0,0,.1019607843)}.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-level{margin-left:25px}.lupa-facet-label-caret::after{content:"⌄";font-family:"Material Design Icons";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 rgba(0,0,0,.1019607843)}.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 rgba(0,0,0,.1019607843)}.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-facets-button-filter{background-color:#fff;border-radius:24px;padding:9px 0;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1019607843)}.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 10px 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 rgba(0,0,0,.1019607843);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 rgba(0,0,0,.1019607843)}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label.lupa-has-filter{border-width:1px}.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 rgba(0,0,0,.1019607843)}.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:"Material Design Icons";color:#161616;font-size:24px;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-filter-title-caret.open::after{transform:rotate(180deg)}.lupa-filter-count{font-size:16px;color:#3c53f4}.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 rgba(0,0,0,.1019607843);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 rgba(0,0,0,.1019607843);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:6px 4px 12px;margin:0}.lupa-search-results-product-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-size:16px;margin:0 0 6px;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;font-size:14px;opacity:.75;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 rgba(0,0,0,.1019607843)}.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:24px;color:#161616;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:#161616;width:208px;border-radius:8px;display:none;padding:15px 0;border:1px solid rgba(0,0,0,.1019607843);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 rgba(0,0,0,.1019607843)}.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 rgba(0,0,0,.1019607843);margin:0}.lupa-clear-all-filters{margin:0}#lupa-search-results-did-you-mean{margin-bottom:10px}.lupa-products{margin-left:0}}@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%;min-height:280px;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-recommended-products .lupa-search-result-product-card{height:100%}.lupa-recommended-products .lupa-search-result-product-details-section{align-items:flex-start}.lupa-recommended-products .lupa-search-results-product-element{text-align:left}.lupa-recommended-products .carousel__track{margin-top:10px !important;margin-bottom:10px !important}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-search-product-recommendations-wrapper .lupa-products .lupa-search-result-product-card{height:auto}.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-search-box-input button{cursor:pointer;position:absolute;right:16px;top:12px;width:20px;height:20px;z-index:100;background:none;border:rgba(0,0,0,0)}#lupa-search-box-input button .lupa-search-submit-icon::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:0;top:0}.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-box-close-panel{text-align:right;padding:10px 24px;position:absolute;right:0;cursor:pointer}#lupa-search-results-toolbar{margin:0 0 12px;padding-right:8px}#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-toolbar-right-title{display:flex;align-items:center;margin-right:8px}.lupa-select-dropdown{border-radius:8px}#lupa-select: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:"";position:absolute;right:4px;top:20px;pointer-events:none}.lupa-search-result-product-card{border-radius:8px;margin-bottom:28px;border:none;padding:8px}.lupa-search-result-product-contents{border:1px solid rgba(0,0,0,.1019607843);box-shadow:rgba(0,0,0,.1) 0px 4px 6px -1px,rgba(0,0,0,.06) 0px 2px 4px -1px;border-radius:8px;padding:12px;background-color:#fff}.lupa-search-result-product-contents:hover{border-color:#3c53f4}.lupa-search-results-product-title-text{font-weight:300;line-height:20px}.lupa-search-result-product-details-section{z-index:1}.lupa-search-results-image-wrapper{padding-bottom:75%}.lupa-search-result-product-image-section{max-height:220px}.lupa-discount{display:inline;font-weight:700;font-size:32px;line-height:27px;margin-top:8px;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;margin-top:8px}.lupa-regular{text-decoration:line-through;color:#9e9e9e;display:inline-block;margin-left:4px}.lupa-fade-enter-active,.lupa-fade-leave-active{transition:opacity .25s ease-in-out}.lupa-fade-enter-from,.lupa-fade-leave-to{opacity:0}@media(max-width: 980px){.lupa-search-result-product-contents{padding:12px}}.lupa-search-box-product-addtocart button{background:none;border:1px solid rgba(0,0,0,.1019607843);padding:8px 16px;border-radius:8px}.lupa-search-result-filters{padding-right:24px;flex:30%;min-width:200px}.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 rgba(0,0,0,.1019607843)}.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 rgba(0,0,0,.1019607843);cursor:pointer;padding:10px 5px;margin:10px 0}.lupa-category-top-mobile-filters .lupa-category-back::before{content:"<";display:inline-block}.lupa-term-filter{border-radius:8px}.lupa-search-result-top-filters{margin:16px 0 6px}.lupa-search-result-top-filters .lupa-search-result-facet-label{border-radius:8px}.lupa-search-result-top-filters .lupa-search-result-facet-label.lupa-has-filter{border:1px solid #3c53f4}.lupa-search-result-top-filters .lupa-search-result-facet-label.open{padding-bottom:10.5px}.lupa-search-result-top-filters .lupa-facet-label-caret{margin-left:8px;line-height:1}.lupa-search-result-top-filters .lupa-facet-content{margin-top:4px;border-radius:8px;box-shadow:rgba(0,0,0,.1) 0px 4px 6px -1px,rgba(0,0,0,.06) 0px 2px 4px -1px}.lupa-search-result-top-filters .lupa-search-result-facet-list.lupa-top-dropdown .lupa-terms-list{padding:5px}.lupa-search-result-top-filters .lupa-show-more-facet-results{margin:5px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.1019607843)}.lupa-search-result-top-filters .lupa-single-facet-clear{margin-top:10px;border:1px solid rgba(0,0,0,.1019607843);border-radius:8px}.lupa-search-result-top-filters .lupa-single-facet-clear:hover{background:#fafafa}.lupa-search-result-top-filters .lupa-search-result-facet-stats-values{padding:10px 0}.lupa-toolbar-filters{border-top:1px solid rgba(0,0,0,.1019607843);padding:8px 0}.lupa-toolbar-filters.expandable .lupa-filter-title-text{margin-bottom:0}.lupa-toolbar-filters.expandable .filter-values{margin-top:10px}.lupa-toolbar-filters .filter-values{align-items:center}.lupa-toolbar-filters .lupa-current-filter-list{padding:0}.lupa-toolbar-filters .lupa-clear-all-filters{margin:0}@media(max-width: 767px){.lupa-toolbar-filters{padding:16px;margin-right:0}.lupa-mobile-filter-sidebar .lupa-search-result-filters{padding-right:0}.lupa-mobile-filter-sidebar .lupa-filter-title-text{margin-bottom:0}.lupa-mobile-filter-sidebar .filter-values{margin-top:10px}.lupa-mobile-filter-sidebar .lupa-search-result-current-filters{padding:16px}.lupa-mobile-filter-sidebar .lupa-search-result-facet-display{border:1px solid rgba(0,0,0,.1019607843);border-radius:8px;margin:10px 20px 20px}.lupa-mobile-filter-sidebar .lupa-clear-all-filters{margin-top:10px}.lupa-mobile-filter-sidebar .lupa-facet-label-text,.lupa-mobile-filter-sidebar .lupa-facet-label-caret{display:flex;align-items:center}}@media(max-width: 480px){.lupa-toolbar-filters .filter-values{flex-direction:column;align-items:flex-start}.lupa-toolbar-filters .lupa-clear-all-filters{margin:14px 0 0}}.lupa-filter-title-caret::after{content:""}:root{--vc-clr-primary: #000;--vc-clr-secondary: #090f207f;--vc-clr-white: #ffffff;--vc-icn-width: 1.2em;--vc-nav-width: 30px;--vc-nav-height: 30px;--vc-nav-border-radius: 0;--vc-nav-color: var(--vc-clr-primary);--vc-nav-color-hover: var(--vc-clr-secondary);--vc-nav-background: transparent;--vc-pgn-width: 12px;--vc-pgn-height: 4px;--vc-pgn-margin: 4px;--vc-pgn-border-radius: 0;--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-active-color: var(--vc-clr-primary)}.carousel__prev,.carousel__next{box-sizing:content-box;background:var(--vc-nav-background);border-radius:var(--vc-nav-border-radius);width:var(--vc-nav-width);height:var(--vc-nav-height);text-align:center;font-size:var(--vc-nav-height);padding:0;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer;margin:0 10px;top:50%;transform:translateY(-50%)}.carousel__prev:hover,.carousel__next:hover{color:var(--vc-nav-color-hover)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__prev{left:0}.carousel__next{right:0}.carousel--rtl .carousel__prev{left:auto;right:0}.carousel--rtl .carousel__next{right:auto;left:0}.carousel{position:relative;text-align:center;box-sizing:border-box;touch-action:pan-y;overscroll-behavior:none}.carousel.is-dragging{touch-action:none}.carousel *{box-sizing:border-box}.carousel__track{display:flex;padding:0 !important;position:relative}.carousel__viewport{overflow:hidden}.carousel__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.carousel__icon{width:var(--vc-icn-width);height:var(--vc-icn-width);fill:currentColor}.carousel__pagination{display:flex;justify-content:center;list-style:none;line-height:0;margin:10px 0 0}.carousel__pagination-button{display:block;border:0;margin:0;cursor:pointer;padding:var(--vc-pgn-margin);background:transparent}.carousel__pagination-button::after{display:block;content:"";width:var(--vc-pgn-width);height:var(--vc-pgn-height);border-radius:var(--vc-pgn-border-radius);background-color:var(--vc-pgn-background-color)}.carousel__pagination-button:hover::after,.carousel__pagination-button--active::after{background-color:var(--vc-pgn-active-color)}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-recommendation-section-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;font-family:"Roboto",sans-serif}.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 transparent;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 transparent;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 transparent;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 transparent;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 rgba(0,0,0,.1019607843);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:"left right";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 rgba(0,0,0,.1019607843)}}.lupa-panel-document-index{grid-area:right;word-break:break-word}.lupa-more-results{cursor:pointer;border-top:1px solid rgba(0,0,0,.1019607843);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-search-box-documents-go-to-results-wrapper{padding:15px}.lupa-search-box-documents-go-to-results-button{background-color:#fff;border-radius:24px;padding:9px 0;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1019607843);cursor:pointer}.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 rgba(0,0,0,.1019607843);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 rgba(0,0,0,.1019607843);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:#3c53f4}.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 rgba(0,0,0,.1019607843)}.lupa-search-result-facet-display:first-child{border-top:1px solid rgba(0,0,0,.1019607843)}.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-level{margin-left:25px}.lupa-facet-label-caret::after{content:"⌄";font-family:"Material Design Icons";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 rgba(0,0,0,.1019607843)}.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 rgba(0,0,0,.1019607843)}.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-facets-button-filter{background-color:#fff;border-radius:24px;padding:9px 0;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1019607843)}.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 10px 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 rgba(0,0,0,.1019607843);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 rgba(0,0,0,.1019607843)}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label.lupa-has-filter{border-width:1px}.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 rgba(0,0,0,.1019607843)}.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:"Material Design Icons";color:#161616;font-size:24px;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-filter-title-caret.open::after{transform:rotate(180deg)}.lupa-filter-count{font-size:16px;color:#3c53f4}.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 rgba(0,0,0,.1019607843);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 rgba(0,0,0,.1019607843);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:6px 4px 12px;margin:0}.lupa-search-results-product-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-size:16px;margin:0 0 6px;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;font-size:14px;opacity:.75;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 rgba(0,0,0,.1019607843)}.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:24px;color:#161616;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:#161616;width:208px;border-radius:8px;display:none;padding:15px 0;border:1px solid rgba(0,0,0,.1019607843);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 rgba(0,0,0,.1019607843)}.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 rgba(0,0,0,.1019607843);margin:0}.lupa-clear-all-filters{margin:0}#lupa-search-results-did-you-mean{margin-bottom:10px}.lupa-products{margin-left:0}}@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%;min-height:280px;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-recommended-products .lupa-search-result-product-card{height:100%}.lupa-recommended-products .lupa-search-result-product-details-section{align-items:flex-start}.lupa-recommended-products .lupa-search-results-product-element{text-align:left}.lupa-recommended-products .carousel__track{margin-top:10px !important;margin-bottom:10px !important}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-search-product-recommendations-wrapper .lupa-products .lupa-search-result-product-card{height:auto}.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-search-box-input button{cursor:pointer;position:absolute;right:16px;top:12px;width:20px;height:20px;z-index:100;background:none;border:rgba(0,0,0,0)}#lupa-search-box-input button .lupa-search-submit-icon::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:0;top:0}.lupa-suggestion{font-weight:300}.lupa-search-box-product-details-section{justify-content:center}.lupa-search-box-product-details-section>div:not(:first-child){margin-top:4px}.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-box-close-panel{text-align:right;padding:10px 24px;position:absolute;right:0;cursor:pointer}#lupa-search-results-toolbar{margin:0 0 12px;padding-right:8px}#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-toolbar-right-title{display:flex;align-items:center;margin-right:8px}.lupa-select-dropdown{border-radius:8px}#lupa-select: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:"";position:absolute;right:4px;top:20px;pointer-events:none}.lupa-search-result-product-card{border-radius:8px;margin-bottom:28px;border:none;padding:8px}.lupa-search-result-product-contents{border:1px solid rgba(0,0,0,.1019607843);box-shadow:rgba(0,0,0,.1) 0px 4px 6px -1px,rgba(0,0,0,.06) 0px 2px 4px -1px;border-radius:8px;padding:12px;background-color:#fff}.lupa-search-result-product-contents:hover{border-color:#3c53f4}.lupa-search-results-product-title-text{font-weight:300;line-height:20px}.lupa-search-result-product-details-section{z-index:1}.lupa-search-results-image-wrapper{padding-bottom:75%}.lupa-search-result-product-image-section{max-height:220px}.lupa-discount{display:inline;font-weight:700;font-size:32px;line-height:27px;margin-top:8px;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;margin-top:8px}.lupa-regular{text-decoration:line-through;color:#9e9e9e;display:inline-block;margin-left:4px}.lupa-fade-enter-active,.lupa-fade-leave-active{transition:opacity .25s ease-in-out}.lupa-fade-enter-from,.lupa-fade-leave-to{opacity:0}@media(max-width: 980px){.lupa-search-result-product-contents{padding:12px}}.lupa-search-box-product-addtocart button{background:none;border:1px solid rgba(0,0,0,.1019607843);padding:8px 16px;border-radius:8px}.lupa-search-result-filters{padding-right:24px;flex:30%;min-width:200px}.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 rgba(0,0,0,.1019607843)}.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 rgba(0,0,0,.1019607843);cursor:pointer;padding:10px 5px;margin:10px 0}.lupa-category-top-mobile-filters .lupa-category-back::before{content:"<";display:inline-block}.lupa-term-filter{border-radius:8px}.lupa-search-result-top-filters{margin:16px 0 6px}.lupa-search-result-top-filters .lupa-search-result-facet-label{border-radius:8px}.lupa-search-result-top-filters .lupa-search-result-facet-label.lupa-has-filter{border:1px solid #3c53f4}.lupa-search-result-top-filters .lupa-search-result-facet-label.open{padding-bottom:10.5px}.lupa-search-result-top-filters .lupa-facet-label-caret{margin-left:8px;line-height:1}.lupa-search-result-top-filters .lupa-facet-content{margin-top:4px;border-radius:8px;box-shadow:rgba(0,0,0,.1) 0px 4px 6px -1px,rgba(0,0,0,.06) 0px 2px 4px -1px}.lupa-search-result-top-filters .lupa-search-result-facet-list.lupa-top-dropdown .lupa-terms-list{padding:5px}.lupa-search-result-top-filters .lupa-show-more-facet-results{margin:5px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.1019607843)}.lupa-search-result-top-filters .lupa-single-facet-clear{margin-top:10px;border:1px solid rgba(0,0,0,.1019607843);border-radius:8px}.lupa-search-result-top-filters .lupa-single-facet-clear:hover{background:#fafafa}.lupa-search-result-top-filters .lupa-search-result-facet-stats-values{padding:10px 0}.lupa-toolbar-filters{border-top:1px solid rgba(0,0,0,.1019607843);padding:8px 0}.lupa-toolbar-filters.expandable .lupa-filter-title-text{margin-bottom:0}.lupa-toolbar-filters.expandable .filter-values{margin-top:10px}.lupa-toolbar-filters .filter-values{align-items:center}.lupa-toolbar-filters .lupa-current-filter-list{padding:0}.lupa-toolbar-filters .lupa-clear-all-filters{margin:0}@media(max-width: 767px){.lupa-toolbar-filters{padding:16px;margin-right:0}.lupa-mobile-filter-sidebar .lupa-search-result-filters{padding-right:0}.lupa-mobile-filter-sidebar .lupa-filter-title-text{margin-bottom:0}.lupa-mobile-filter-sidebar .filter-values{margin-top:10px}.lupa-mobile-filter-sidebar .lupa-search-result-current-filters{padding:16px}.lupa-mobile-filter-sidebar .lupa-search-result-facet-display{border:1px solid rgba(0,0,0,.1019607843);border-radius:8px;margin:10px 20px 20px}.lupa-mobile-filter-sidebar .lupa-clear-all-filters{margin-top:10px}.lupa-mobile-filter-sidebar .lupa-facet-label-text,.lupa-mobile-filter-sidebar .lupa-facet-label-caret{display:flex;align-items:center}}@media(max-width: 480px){.lupa-toolbar-filters .filter-values{flex-direction:column;align-items:flex-start}.lupa-toolbar-filters .lupa-clear-all-filters{margin:14px 0 0}}.lupa-filter-title-caret::after{content:""}:root{--vc-clr-primary: #000;--vc-clr-secondary: #090f207f;--vc-clr-white: #ffffff;--vc-icn-width: 1.2em;--vc-nav-width: 30px;--vc-nav-height: 30px;--vc-nav-border-radius: 0;--vc-nav-color: var(--vc-clr-primary);--vc-nav-color-hover: var(--vc-clr-secondary);--vc-nav-background: transparent;--vc-pgn-width: 12px;--vc-pgn-height: 4px;--vc-pgn-margin: 4px;--vc-pgn-border-radius: 0;--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-active-color: var(--vc-clr-primary)}.carousel__prev,.carousel__next{box-sizing:content-box;background:var(--vc-nav-background);border-radius:var(--vc-nav-border-radius);width:var(--vc-nav-width);height:var(--vc-nav-height);text-align:center;font-size:var(--vc-nav-height);padding:0;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer;margin:0 10px;top:50%;transform:translateY(-50%)}.carousel__prev:hover,.carousel__next:hover{color:var(--vc-nav-color-hover)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__prev{left:0}.carousel__next{right:0}.carousel--rtl .carousel__prev{left:auto;right:0}.carousel--rtl .carousel__next{right:auto;left:0}.carousel{position:relative;text-align:center;box-sizing:border-box;touch-action:pan-y;overscroll-behavior:none}.carousel.is-dragging{touch-action:none}.carousel *{box-sizing:border-box}.carousel__track{display:flex;padding:0 !important;position:relative}.carousel__viewport{overflow:hidden}.carousel__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.carousel__icon{width:var(--vc-icn-width);height:var(--vc-icn-width);fill:currentColor}.carousel__pagination{display:flex;justify-content:center;list-style:none;line-height:0;margin:10px 0 0}.carousel__pagination-button{display:block;border:0;margin:0;cursor:pointer;padding:var(--vc-pgn-margin);background:transparent}.carousel__pagination-button::after{display:block;content:"";width:var(--vc-pgn-width);height:var(--vc-pgn-height);border-radius:var(--vc-pgn-border-radius);background-color:var(--vc-pgn-background-color)}.carousel__pagination-button:hover::after,.carousel__pagination-button--active::after{background-color:var(--vc-pgn-active-color)}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-recommendation-section-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;font-family:"Roboto",sans-serif}#lupa-search-results-products{background:#fff;padding-top:36px}.wrapper{background:#fafafa}
|