@depict-ai/react-ui 1.5.4 → 1.5.6

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/ES10/index.cjs CHANGED
@@ -35,7 +35,7 @@ $parcel$export(module.exports, "version", () => $efbdd2dab4314170$export$83d89fb
35
35
  $parcel$export(module.exports, "Navigation", () => $0d3a2413fdeb34b9$export$b8a61e5c71402559);
36
36
  /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
37
37
  // Note, if you add an export here, also add one in src-server/main.ts
38
- const $efbdd2dab4314170$export$83d89fbfd8236492 = "1.5.4";
38
+ const $efbdd2dab4314170$export$83d89fbfd8236492 = "1.5.6";
39
39
  const $ef516b1f92253963$export$8e769ad4338a911e = {
40
40
  usedLocale: (0, $2kiy7$solidjs.createSignal)((0, $2kiy7$depictaiuilocales.defaultLocale)),
41
41
  search_instances: new Map(),
@@ -50,7 +50,8 @@ const $ef516b1f92253963$export$8e769ad4338a911e = {
50
50
  search_page_path_: (0, $2kiy7$solidjs.createSignal)(),
51
51
  search_page_in_dom: (0, $2kiy7$solidjs.createSignal)(false),
52
52
  category_page_in_dom: (0, $2kiy7$solidjs.createSignal)(false),
53
- provider_is_updating: (0, $2kiy7$solidjs.createSignal)(false)
53
+ provider_is_updating: (0, $2kiy7$solidjs.createSignal)(false),
54
+ enable_content_search: (0, $2kiy7$solidjs.createSignal)()
54
55
  };
55
56
  class $e9048b15cf1e8792$export$d0f82e3ef89b1f22 extends (0, $2kiy7$react.Component) {
56
57
  constructor(props) {
@@ -331,7 +332,8 @@ function $50b0315f34679db4$export$bae2769a30719c48(disposable, stateKey) {
331
332
  merchant: [get_merchant],
332
333
  market: [get_market],
333
334
  search_query_url_param_name: search_query_url_param_name,
334
- search_page_path_: [get_search_page_path]
335
+ search_page_path_: [get_search_page_path],
336
+ enable_content_search: [get_enable_content_search]
335
337
  } = (0, $ef516b1f92253963$export$8e769ad4338a911e);
336
338
  const instance = new (0, $2kiy7$depictaiui.DepictSearch)({
337
339
  api: (0, $ef516b1f92253963$export$8e769ad4338a911e).api,
@@ -344,7 +346,8 @@ function $50b0315f34679db4$export$bae2769a30719c48(disposable, stateKey) {
344
346
  localization: (0, $2kiy7$solidjs.untrack)(get_locale),
345
347
  url_transformer: url => url.pathname = (0, $2kiy7$solidjs.untrack)(get_search_page_path),
346
348
  on_navigation: (0, $ef516b1f92253963$export$8e769ad4338a911e).on_navigation,
347
- unique_instance_key_for_state: stateKey
349
+ unique_instance_key_for_state: stateKey,
350
+ enable_content_search: (0, $2kiy7$solidjs.untrack)(get_enable_content_search)
348
351
  });
349
352
  (0, $2kiy7$solidjs.createComputed)(() => {
350
353
  const new_merchant = get_merchant();
@@ -355,6 +358,7 @@ function $50b0315f34679db4$export$bae2769a30719c48(disposable, stateKey) {
355
358
  if (new_market) instance.market = new_market;
356
359
  });
357
360
  (0, $2kiy7$solidjs.createComputed)(() => instance.localization = get_locale());
361
+ (0, $2kiy7$solidjs.createComputed)(() => instance.enable_content_search = get_enable_content_search());
358
362
  return {
359
363
  instance: instance,
360
364
  dispose: dispose,
@@ -427,13 +431,15 @@ function $6f994ff16ce375bb$var$ActualDepictProvider(props) {
427
431
  const {
428
432
  searchPagePath: searchPagePath,
429
433
  urlParamName: urlParamName,
430
- enableCategorySuggestions: enableCategorySuggestions
434
+ enableCategorySuggestions: enableCategorySuggestions,
435
+ enableContentSearch: enableContentSearch
431
436
  } = (_props$search = props.search) !== null && _props$search !== void 0 ? _props$search : {};
432
437
  $6f994ff16ce375bb$var$multiple_depictprovider_guard();
433
438
  // Will run on other prop changes, but harmless
434
439
  (0, $ef516b1f92253963$export$8e769ad4338a911e).userId[1](userId);
435
440
  (0, $ef516b1f92253963$export$8e769ad4338a911e).sessionId[1](sessionId);
436
441
  (0, $ef516b1f92253963$export$8e769ad4338a911e).usedLocale[1](usedLocale);
442
+ (0, $ef516b1f92253963$export$8e769ad4338a911e).enable_content_search[1](enableContentSearch);
437
443
  (0, $ef516b1f92253963$export$8e769ad4338a911e).metaData = metaData;
438
444
  (0, $ef516b1f92253963$export$8e769ad4338a911e).search_query_url_param_name = urlParamName;
439
445
  (0, $ef516b1f92253963$export$8e769ad4338a911e).enableCategorySuggestions = enableCategorySuggestions;
@@ -447,7 +453,6 @@ function $6f994ff16ce375bb$var$ActualDepictProvider(props) {
447
453
  const {
448
454
  search_instances: search_instances,
449
455
  category_instances: category_instances,
450
- api: api,
451
456
  search_page_path_: [, set_search_page_path]
452
457
  } = (0, $ef516b1f92253963$export$8e769ad4338a911e);
453
458
  if (typeof ((_window = window) === null || _window === void 0 ? void 0 : (_window$next = _window.next) === null || _window$next === void 0 ? void 0 : _window$next.router) === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
@@ -464,12 +469,13 @@ function $6f994ff16ce375bb$var$ActualDepictProvider(props) {
464
469
  });else (0, $4a695f491f8300eb$export$599d4515591ef232)(new_relative_url, is_replace, scroll);
465
470
  };
466
471
  (0, $ef516b1f92253963$export$8e769ad4338a911e).on_navigation = on_navigation;
467
- if (!api) (0, $ef516b1f92253963$export$8e769ad4338a911e).api = new (0, $2kiy7$depictaiui.DepictAPI)({
472
+ (0, $ef516b1f92253963$export$8e769ad4338a911e).api || ((0, $ef516b1f92253963$export$8e769ad4338a911e).api = new (0, $2kiy7$depictaiui.DepictAPI)({
468
473
  get_metadata: async () => (0, $ef516b1f92253963$export$8e769ad4338a911e).metaData,
469
474
  get_user_id: () => (0, $2kiy7$solidjs.untrack)((0, $ef516b1f92253963$export$8e769ad4338a911e).userId[0]),
470
475
  get_session_id: () => (0, $2kiy7$solidjs.untrack)((0, $ef516b1f92253963$export$8e769ad4338a911e).sessionId[0])
471
- });
476
+ }));
472
477
  (0, $ef516b1f92253963$export$8e769ad4338a911e).api.page_url_creator = props.pageURLCreator;
478
+ (0, $ef516b1f92253963$export$8e769ad4338a911e).api.display_transformers = props.displayTransformers;
473
479
  if (searchPagePath) set_search_page_path($6f994ff16ce375bb$var$ensure_correct_formatting(searchPagePath));
474
480
  if (!search_instances.get(undefined)) {
475
481
  // Create initial search instance which always exists. It i.e. gards against the state getting deleted from history.state by someone pushing to it with an empty object, which commonly people copy from code snippets.
package/ES10/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
3
3
  import React, { ReactNode, PropsWithChildren, ReactElement } from "react";
4
4
  import { DPC } from "@depict-ai/dpc/ES10";
5
5
  import { Locale } from "@depict-ai/ui/locales/ES10";
6
- export const version = "1.5.4";
6
+ export const version = "1.5.6";
7
7
  interface PLPConfig<T extends Display> extends BaseProductListingConfig {
8
8
  /**
9
9
  * The product card to use for rendering products.
@@ -525,5 +525,5 @@ export const Navigation: {
525
525
  nextRouterNavigation: (router: import("next/router").NextRouter) => import("ui/components/DepictProvider").NavigateFunction;
526
526
  };
527
527
  export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
528
- export type { PageURLCreator } from "@depict-ai/ui";
528
+ export type { PageURLCreator, DisplayTransformers } from "@depict-ai/ui";
529
529
  export type { Locale } from "@depict-ai/ui/locales";
package/ES10/index.js CHANGED
@@ -13,7 +13,7 @@ import { DPC as $jb2Oo$DPC } from "@depict-ai/dpc/ES10";
13
13
  // Note, if you add an export here, also add one in src-server/main.ts
14
14
  import { register_es_version } from "../multi_import_deduplicator.mjs";
15
15
  register_es_version("react-ui", "ES10");
16
- const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "1.5.4";
16
+ const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "1.5.6";
17
17
  const $8c691d7f86317052$export$8e769ad4338a911e = {
18
18
  usedLocale: (0, $jb2Oo$createSignal)((0, $jb2Oo$defaultLocale)),
19
19
  search_instances: new Map(),
@@ -28,7 +28,8 @@ const $8c691d7f86317052$export$8e769ad4338a911e = {
28
28
  search_page_path_: (0, $jb2Oo$createSignal)(),
29
29
  search_page_in_dom: (0, $jb2Oo$createSignal)(false),
30
30
  category_page_in_dom: (0, $jb2Oo$createSignal)(false),
31
- provider_is_updating: (0, $jb2Oo$createSignal)(false)
31
+ provider_is_updating: (0, $jb2Oo$createSignal)(false),
32
+ enable_content_search: (0, $jb2Oo$createSignal)()
32
33
  };
33
34
  class $88d93ed7309e90d1$export$d0f82e3ef89b1f22 extends (0, $jb2Oo$Component) {
34
35
  constructor(props) {
@@ -309,7 +310,8 @@ function $bef9f58602be2478$export$bae2769a30719c48(disposable, stateKey) {
309
310
  merchant: [get_merchant],
310
311
  market: [get_market],
311
312
  search_query_url_param_name: search_query_url_param_name,
312
- search_page_path_: [get_search_page_path]
313
+ search_page_path_: [get_search_page_path],
314
+ enable_content_search: [get_enable_content_search]
313
315
  } = (0, $8c691d7f86317052$export$8e769ad4338a911e);
314
316
  const instance = new (0, $jb2Oo$DepictSearch)({
315
317
  api: (0, $8c691d7f86317052$export$8e769ad4338a911e).api,
@@ -322,7 +324,8 @@ function $bef9f58602be2478$export$bae2769a30719c48(disposable, stateKey) {
322
324
  localization: (0, $jb2Oo$untrack)(get_locale),
323
325
  url_transformer: url => url.pathname = (0, $jb2Oo$untrack)(get_search_page_path),
324
326
  on_navigation: (0, $8c691d7f86317052$export$8e769ad4338a911e).on_navigation,
325
- unique_instance_key_for_state: stateKey
327
+ unique_instance_key_for_state: stateKey,
328
+ enable_content_search: (0, $jb2Oo$untrack)(get_enable_content_search)
326
329
  });
327
330
  (0, $jb2Oo$createComputed)(() => {
328
331
  const new_merchant = get_merchant();
@@ -333,6 +336,7 @@ function $bef9f58602be2478$export$bae2769a30719c48(disposable, stateKey) {
333
336
  if (new_market) instance.market = new_market;
334
337
  });
335
338
  (0, $jb2Oo$createComputed)(() => instance.localization = get_locale());
339
+ (0, $jb2Oo$createComputed)(() => instance.enable_content_search = get_enable_content_search());
336
340
  return {
337
341
  instance: instance,
338
342
  dispose: dispose,
@@ -405,13 +409,15 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
405
409
  const {
406
410
  searchPagePath: searchPagePath,
407
411
  urlParamName: urlParamName,
408
- enableCategorySuggestions: enableCategorySuggestions
412
+ enableCategorySuggestions: enableCategorySuggestions,
413
+ enableContentSearch: enableContentSearch
409
414
  } = (_props$search = props.search) !== null && _props$search !== void 0 ? _props$search : {};
410
415
  $18e5b9f66c7ade8e$var$multiple_depictprovider_guard();
411
416
  // Will run on other prop changes, but harmless
412
417
  (0, $8c691d7f86317052$export$8e769ad4338a911e).userId[1](userId);
413
418
  (0, $8c691d7f86317052$export$8e769ad4338a911e).sessionId[1](sessionId);
414
419
  (0, $8c691d7f86317052$export$8e769ad4338a911e).usedLocale[1](usedLocale);
420
+ (0, $8c691d7f86317052$export$8e769ad4338a911e).enable_content_search[1](enableContentSearch);
415
421
  (0, $8c691d7f86317052$export$8e769ad4338a911e).metaData = metaData;
416
422
  (0, $8c691d7f86317052$export$8e769ad4338a911e).search_query_url_param_name = urlParamName;
417
423
  (0, $8c691d7f86317052$export$8e769ad4338a911e).enableCategorySuggestions = enableCategorySuggestions;
@@ -425,7 +431,6 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
425
431
  const {
426
432
  search_instances: search_instances,
427
433
  category_instances: category_instances,
428
- api: api,
429
434
  search_page_path_: [, set_search_page_path]
430
435
  } = (0, $8c691d7f86317052$export$8e769ad4338a911e);
431
436
  if (typeof ((_window = window) === null || _window === void 0 ? void 0 : (_window$next = _window.next) === null || _window$next === void 0 ? void 0 : _window$next.router) === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
@@ -442,12 +447,13 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
442
447
  });else (0, $7abe9e29758fa0eb$export$599d4515591ef232)(new_relative_url, is_replace, scroll);
443
448
  };
444
449
  (0, $8c691d7f86317052$export$8e769ad4338a911e).on_navigation = on_navigation;
445
- if (!api) (0, $8c691d7f86317052$export$8e769ad4338a911e).api = new (0, $jb2Oo$DepictAPI)({
450
+ (0, $8c691d7f86317052$export$8e769ad4338a911e).api || ((0, $8c691d7f86317052$export$8e769ad4338a911e).api = new (0, $jb2Oo$DepictAPI)({
446
451
  get_metadata: async () => (0, $8c691d7f86317052$export$8e769ad4338a911e).metaData,
447
452
  get_user_id: () => (0, $jb2Oo$untrack)((0, $8c691d7f86317052$export$8e769ad4338a911e).userId[0]),
448
453
  get_session_id: () => (0, $jb2Oo$untrack)((0, $8c691d7f86317052$export$8e769ad4338a911e).sessionId[0])
449
- });
454
+ }));
450
455
  (0, $8c691d7f86317052$export$8e769ad4338a911e).api.page_url_creator = props.pageURLCreator;
456
+ (0, $8c691d7f86317052$export$8e769ad4338a911e).api.display_transformers = props.displayTransformers;
451
457
  if (searchPagePath) set_search_page_path($18e5b9f66c7ade8e$var$ensure_correct_formatting(searchPagePath));
452
458
  if (!search_instances.get(undefined)) {
453
459
  // Create initial search instance which always exists. It i.e. gards against the state getting deleted from history.state by someone pushing to it with an empty object, which commonly people copy from code snippets.
@@ -1 +1 @@
1
- .depict.plp{color:#0f0f0f}.depict.plp button{border:none}.depict.plp .listing-page{flex-direction:column;display:flex}.depict.plp .listing-page .no-results{background:#fff;flex-direction:column;flex-grow:2;justify-content:flex-start;align-items:center;padding:40px;display:flex}.depict.plp .listing-page .no-results .hint{cursor:pointer;color:#333335;text-decoration:underline}.depict.plp .listing-page{padding:20px 10px}@media (max-width:651px){.depict.plp .listing-page{padding:16px 8px}}.depict.plp .listing-page,.depict.plp .listing-page *{box-sizing:border-box}.depict.plp .listing-page>.filter-results-for-one-row,.depict.plp .listing-page>.results-for{margin-bottom:10px}@media (max-width:651px){.depict.plp .listing-page>.filter-results-for-one-row,.depict.plp .listing-page>.results-for{margin-bottom:8px}}.depict.plp .listing-page>.sort-and-filter-buttons{margin-top:10px;margin-bottom:10px}@media (max-width:651px){.depict.plp .listing-page>.sort-and-filter-buttons{margin-top:8px;margin-bottom:8px}}.depict.plp .listing-page .PLP-results{margin-top:10px;display:flex}@media (max-width:651px){.depict.plp .listing-page .PLP-results{margin-top:8px}}.depict.plp .listing-page .PLP-results>.filters,.depict.plp .listing-page .PLP-results>.sorting{margin-left:12px}.depict.plp .listing-page .cards{flex-flow:wrap;flex-grow:1;align-content:flex-start;display:flex;overflow:hidden}.depict.plp .listing-page .selected-filters .inner{align-items:center;margin-top:0;margin-bottom:0;display:flex}.depict.plp .listing-page .selected-filters .inner .title{margin-right:10px}@media (max-width:651px){.depict.plp .listing-page .selected-filters .inner{margin-top:10px;margin-bottom:10px}}.depict.plp .listing-page .selected-filters .inner .title{text-transform:uppercase;color:#0f0f0f;font-size:1.1em}@media (max-width:600px){.depict.plp .listing-page .selected-filters .inner .title{display:none}}.depict.plp .listing-page .selected-filters .inner .depict-slider{width:unset;overflow:hidden}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter{border:1px solid #0f0f0f}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter svg{width:12.64px;height:12.64px}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters{border:1px solid #0f0f0f}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter,.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters{box-sizing:border-box;white-space:nowrap;cursor:pointer;border-radius:4px;flex:none;align-items:center;padding:5px 10px;font-size:1em;line-height:1;display:flex}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter>:not(:first-child),.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters>:not(:first-child){margin-left:2.5px}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter>:not(:last-child),.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters>:not(:last-child){margin-right:2.5px}.depict.plp .scroll-status{pointer-events:none;white-space:nowrap;z-index:calc(5000 + 4);opacity:0;justify-content:center;align-items:center;display:flex;position:sticky;bottom:10vh}.depict.plp .scroll-status .text{color:#fff;background:#333335bf;border-radius:20px;padding:10px 20px}.depict.plp .major-minor-transition{transition:filter .15s ease-in-out,background .25s ease-in-out,color .25s ease-in-out,border .25s ease-in-out}.depict.plp .filter-results-for-one-row{justify-content:space-between;align-items:center;display:flex}.depict.plp :not(.filter-results-for-one-row)>.sort-and-filter-buttons .inner{justify-content:space-between}.depict.plp .sorting-attributes,.depict.plp .sorting-direction{flex-direction:column;padding:10px;display:flex}.depict.plp .sorting-attributes>:not(:first-child),.depict.plp .sorting-direction>:not(:first-child){margin-top:5px}.depict.plp .sorting-attributes>:not(:last-child),.depict.plp .sorting-direction>:not(:last-child){margin-bottom:5px}.depict.plp .sort-and-filter-buttons .outer{margin-top:-5px}.depict.plp .sort-and-filter-buttons .inner{justify-content:flex-end;align-items:center;padding-top:5px;display:flex;overflow:hidden}.depict.plp .sort-and-filter-buttons .inner>:not(:first-child){margin-left:5px}.depict.plp .sort-and-filter-buttons .inner>:not(:last-child){margin-right:5px}.depict.plp .sort-and-filter-buttons.fake .toggle-button{transition:none}.depict.plp .sort-and-filter-buttons .toggle-button{white-space:nowrap;position:relative}.depict.plp .sort-and-filter-buttons .toggle-button>:not(:first-child){margin-left:2.5px}.depict.plp .sort-and-filter-buttons .toggle-button>:not(:last-child){margin-right:2.5px}.depict.plp .sort-and-filter-buttons .toggle-button svg path{transition-duration:.25s}.depict.plp .sort-and-filter-buttons .toggle-button.major.for-sorting>:not(:first-child){margin-left:5px}.depict.plp .sort-and-filter-buttons .toggle-button.major.for-sorting>:not(:last-child){margin-right:5px}.depict.plp .sort-and-filter-buttons .num-filters{color:#fff;width:20px;height:20px;z-index:calc(1 + 1);background:#0f0f0f;border-radius:13px;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:opacity .25s ease-in-out;display:flex;position:absolute;top:-4px;right:-4px}.depict.plp .sort-and-filter-buttons .open-filters-button-container{position:relative}.depict.plp label{margin:0}.depict.plp .PLP-results .sorting,.depict.plp .PLP-results .filters{flex-shrink:0;flex-basis:330px}.depict.plp .filters .body,.depict.plp .sorting .body{flex-direction:column;display:flex}.depict.plp .filters .body .input-row,.depict.plp .sorting .body .input-row{cursor:pointer;position:relative}.depict.plp .filters .body .input-row .custom-indicator,.depict.plp .sorting .body .input-row .custom-indicator{margin-right:10px;position:relative}.depict.plp .filters .body .input-row input,.depict.plp .sorting .body .input-row input{opacity:0;cursor:pointer;height:0;width:0;position:absolute}.depict.plp .filters .body .input-row .custom-indicator:after,.depict.plp .sorting .body .input-row .custom-indicator:after{content:"";display:none;position:absolute}.depict.plp .filters .body .input-row input[type=checkbox]~.custom-indicator,.depict.plp .sorting .body .input-row input[type=checkbox]~.custom-indicator{background-color:#fff;border-radius:2px;padding:9px}.depict.plp .filters .body .input-row input[type=checkbox]~.custom-indicator:not(.color),.depict.plp .sorting .body .input-row input[type=checkbox]~.custom-indicator:not(.color){border:1px solid #0f0f0f}.depict.plp .filters .body .input-row input[type=checkbox]~.custom-indicator.color,.depict.plp .sorting .body .input-row input[type=checkbox]~.custom-indicator.color{padding:10px}.depict.plp .filters .body .input-row input[type=checkbox]~.custom-indicator.color.outline,.depict.plp .sorting .body .input-row input[type=checkbox]~.custom-indicator.color.outline{border:.5px solid #868689;padding:9.5px}.depict.plp .filters .body .input-row input[type=checkbox]:checked~.custom-indicator,.depict.plp .sorting .body .input-row input[type=checkbox]:checked~.custom-indicator{background-color:#0f0f0f}.depict.plp .filters .body .input-row input[type=checkbox]:checked~.custom-indicator:after,.depict.plp .sorting .body .input-row input[type=checkbox]:checked~.custom-indicator:after{fill:#fff;color:#fff;width:13px;height:10px;background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23FFFFFF\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 2.0001L10.6 0.600098L4 7.2001L1.4 4.6001L0 6.0001L4 10.0001L12 2.0001Z\" /></svg>");background-repeat:round;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.depict.plp .filters .body .input-row input[type=checkbox]:checked~.custom-indicator.color:after,.depict.plp .sorting .body .input-row input[type=checkbox]:checked~.custom-indicator.color:after{background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23FFFFFF\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 2.0001L10.6 0.600098L4 7.2001L1.4 4.6001L0 6.0001L4 10.0001L12 2.0001Z\" /></svg>")}.depict.plp .filters .body .input-row input[type=checkbox]:checked~.custom-indicator.color.black-check:after,.depict.plp .sorting .body .input-row input[type=checkbox]:checked~.custom-indicator.color.black-check:after{background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23000000\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 2.0001L10.6 0.600098L4 7.2001L1.4 4.6001L0 6.0001L4 10.0001L12 2.0001Z\" /></svg>")}.depict.plp .filters .body .input-row input[type=checkbox]:focus-visible~.custom-indicator,.depict.plp .sorting .body .input-row input[type=checkbox]:focus-visible~.custom-indicator{outline:2.5px solid #fff;box-shadow:0 0 0 4px #0f0f0f}@media not all and (hover:none){.depict.plp .filters .body .input-row:hover input[type=checkbox]~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]~.custom-indicator{background-color:#f3f3f5}.depict.plp .filters .body .input-row:hover input[type=checkbox]~.custom-indicator:not(.color),.depict.plp .sorting .body .input-row:hover input[type=checkbox]~.custom-indicator:not(.color){border:2px solid #0f0f0f;padding:8px}.depict.plp .filters .body .input-row:hover input[type=checkbox]:checked~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]:checked~.custom-indicator{background-color:#333335}}.depict.plp .filters .body .input-row input[type=radio]~.custom-indicator,.depict.plp .sorting .body .input-row input[type=radio]~.custom-indicator{background-color:#fff;border:1px solid #0f0f0f;border-radius:50%;padding:9px}.depict.plp .filters .body .input-row input[type=radio]:checked~.custom-indicator,.depict.plp .sorting .body .input-row input[type=radio]:checked~.custom-indicator{background-color:#0000}.depict.plp .filters .body .input-row input[type=radio]:checked~.custom-indicator:after,.depict.plp .sorting .body .input-row input[type=radio]:checked~.custom-indicator:after{width:12px;height:12px;background-color:#0f0f0f;border-radius:50%;display:block;top:50%;left:50%;transform:translate(-50%,-50%)}.depict.plp .filters .body .input-row input[type=radio]:focus-visible~.custom-indicator,.depict.plp .sorting .body .input-row input[type=radio]:focus-visible~.custom-indicator{outline:2.5px solid #fff;box-shadow:0 0 0 4px #0f0f0f}@media not all and (hover:none){.depict.plp .filters .body .input-row:hover input[type=radio]~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=radio]~.custom-indicator{background-color:#f3f3f5;border:2px solid #0f0f0f;padding:8px}.depict.plp .filters .body .input-row:hover input[type=radio]:checked~.custom-indicator:after,.depict.plp .sorting .body .input-row:hover input[type=radio]:checked~.custom-indicator:after{background-color:#333335}}.depict.plp .filters .body .input-row{justify-content:space-between;padding-top:5px;padding-bottom:5px}.depict.plp .filters .body .input-row,.depict.plp .filters .body .input-row>.left{align-items:center;display:flex}.depict.plp .filters .body .input-row .text{text-overflow:ellipsis;white-space:pre-line;overflow-wrap:anywhere;color:#333335;-webkit-line-clamp:1;word-break:break-word;-webkit-box-orient:vertical;font-weight:400;line-height:20px;display:-webkit-box;overflow:hidden}.depict.plp .filters .body .input-row :checked~.text,.depict.plp .filters .body .input-row .fake-checked~.text{color:#0f0f0f;font-weight:500}.depict.plp .filters .body .input-row.count-0 *+.text{color:#868689}.depict.plp .filters .body .input-row .count,.depict.plp .filters .body .hierarchical .checkbox-details.expandable .category-parent .count{color:#868689;font-weight:400}.depict.plp .filters .body .input-row:hover .count{color:#000}.depict.plp .filters .body .selected-w-sign{align-items:center;display:flex}.depict.plp .filters .body .selected-w-sign>:not(:first-child){margin-left:5px}.depict.plp .filters .body .selected-w-sign>:not(:last-child){margin-right:5px}.depict.plp .filters .body .selected-w-sign .show-selected{color:#868689;fill:#868689;align-items:center;display:flex}.depict.plp .filters .body .selected-w-sign .show-selected>:not(:first-child){margin-left:2.5px}.depict.plp .filters .body .selected-w-sign .show-selected>:not(:last-child){margin-right:2.5px}.depict.plp .filters .body .selected-w-sign .show-selected span{line-height:1}.depict.plp .filters .body .ungrouped{margin-top:25px}.depict.plp .filters .body .clear-all-filters{text-transform:uppercase;margin-top:5px;padding:.7em;font-size:1.1em;font-weight:400}.depict.plp .filters .body details summary{cursor:pointer;list-style:none}.depict.plp .filters .body details summary::-webkit-details-marker{display:none}.depict.plp .filters .body details summary>.summary{justify-content:space-between;align-items:center;display:flex}.depict.plp .filters .body details.filter-collapsible{border-top:1px solid #cbcbcc}.depict.plp .filters .body details.filter-collapsible .filter-group-summary:focus{outline:none}.depict.plp .filters .body details.filter-collapsible .filter-group-summary:focus-visible{background:#f3f3f5}@media not all and (hover:none){.depict.plp .filters .body details.filter-collapsible .filter-group-summary:hover{background:#f3f3f5}}.depict.plp .filters .body details.filter-collapsible .filter-group-summary:active{background:#eeeef0}.depict.plp .filters .body details.filter-collapsible .filter-group-summary>.summary{color:#333335;padding:15px 10px}.depict.plp .filters .body details.filter-collapsible .filter-group-summary>.summary>svg{transform:rotate(270deg)}.depict.plp .filters .body details.filter-collapsible[open] .filter-group-summary{border-bottom:1px solid #e4e4e5}.depict.plp .filters .body details.filter-collapsible[open] .filter-group-summary>.summary>span{font-weight:500}.depict.plp .filters .body .filter-collapsible-body{border-radius:0 0 4px 4px;flex-direction:column;margin-bottom:15px;display:flex;overflow:hidden}.depict.plp .filters .body .filter-collapsible-body>:not(:first-child){margin-top:.5px}.depict.plp .filters .body .filter-collapsible-body>:not(:last-child){margin-bottom:.5px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear{border-top:1px solid #e4e4e5;justify-content:space-between;display:flex}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .clear-group{margin-left:auto}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .clear-group>:not(:first-child){margin-left:1.839px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .clear-group>:not(:last-child){margin-right:1.839px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .clear-group svg{width:11px;height:12px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .expand-filter{margin-right:auto}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .expand-filter>:not(:first-child){margin-left:5px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .expand-filter>:not(:last-child){margin-right:5px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .expand-filter.expanded svg{clip-path:polygon(20% 48%,80% 48%,80% 50.8%,20% 50.8%);transform:scale(1.6)}.depict.plp .filters .body .filter-collapsible-body .view-more-clear button{color:#333335;cursor:pointer;text-transform:uppercase;background:0 0;border:none;justify-content:center;align-items:center;margin-bottom:0;margin-left:0;margin-right:0;padding:10px;display:flex}.depict.plp .filters .body .filter-collapsible-body .view-more-clear button svg path{fill:#333335}@media not all and (hover:none){.depict.plp .filters .body .filter-collapsible-body .view-more-clear button:hover{color:#4c4c4f}}.depict.plp .filters .body .filter-collapsible-body .view-more-clear button:active{color:#000}.depict.plp .filters .body .filter-collapsible-body .view-more-clear button:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);outline:none}.depict.plp .filters .body .filter-collapsible-body .filter-part{flex-direction:column;padding:15px 10px 20px;display:flex}.depict.plp .filters .body .filter-collapsible-body .filter-part>:not(:first-child){margin-top:5px}.depict.plp .filters .body .filter-collapsible-body .filter-part>:not(:last-child){margin-bottom:5px}.depict.plp .filters .body :not(.ungrouped)>form{margin-top:-5px;margin-bottom:-5px}.depict.plp .filters .body .hierarchical{margin-left:-20px}.depict.plp .filters .body .hierarchical.any-expandable .count{margin-right:30px}.depict.plp .filters .body .hierarchical .checkbox-details{padding-left:20px}.depict.plp .filters .body .hierarchical .checkbox-details.expandable{position:relative}.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:before,.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:after{pointer-events:none;content:"";height:1px;width:calc(100% - 20px);background:#f3f3f5;position:absolute;right:0}.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:before{top:-.5px}.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:after{bottom:-.5px}@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:hover:after,.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:hover:before,.input-row:hover~details>.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:after,.input-row:hover~details>.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:before{z-index:1;background:#e4e4e5}}.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:focus-visible:after,.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:focus-visible:before,.input-row~details:focus-visible>.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:after,.input-row~details:focus-visible>.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:before{z-index:1;background:#e4e4e5}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>.input-row{padding-right:30px;position:absolute}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details:not([open]),.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details[open]>.category-parent>.summary{padding-top:5px;padding-bottom:5px}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus,.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus-visible{box-shadow:none;outline:none}@supports selector(:focus-visible){@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible):not(:hover) .morphing-sign span{background:#333335}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible):not(:hover) .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible):not(:hover) .morphing-sign span:last-child{height:5%;top:47.5%}}@media (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible) .morphing-sign span{background:#333335}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible) .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible) .morphing-sign span:last-child{height:5%;top:47.5%}}@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .morphing-sign{transform:scale(1.5)}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .count{color:#000}}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus-visible .count{color:#000}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus-visible .morphing-sign{transform:scale(1.5)}}@supports not selector(:focus-visible){@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span{background:#333335}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span:last-child{height:5%;top:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .morphing-sign{transform:scale(1.5)}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .count{color:#000}}@media (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent .morphing-sign span{background:#333335}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent .morphing-sign span:last-child{height:5%;top:47.5%}}}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent>.summary{justify-content:flex-end}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent>.summary .count{margin-right:10px}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent>.summary .morphing-sign{width:20px;height:20px;transition-duration:.15s;transition-timing-function:ease-in-out}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent>.summary .morphing-sign span{background:#333335;transition-duration:.15s;transition-timing-function:ease-in-out}.depict.plp .filters .body .range .input-group{width:100%;padding-top:10px;padding-bottom:25px;display:flex}.depict.plp .filters .body .range .input-group .field{width:100%;align-items:center;display:flex}.depict.plp .filters .body .range .input-group .field input{width:100%;text-align:center;-moz-appearance:textfield;color:#868689;background:#f3f3f5;border:.5px solid #0f0f0f;outline:none;padding-top:8px;padding-bottom:8px;transition-duration:50ms}.depict.plp .filters .body .range .input-group .field input:focus-visible{background:#e4e4e5}@media not all and (hover:none){.depict.plp .filters .body .range .input-group .field input:hover{background:#e4e4e5}}.depict.plp .filters .body .range .input-group .field input::-webkit-outer-spin-button,.depict.plp .filters .body .range .input-group .field input::-webkit-inner-spin-button{-webkit-appearance:none}.depict.plp .filters .body .range .input-group .separator{color:#333335;flex-shrink:0;flex-basis:25px;justify-content:center;align-items:center;font-size:19px;display:flex}.depict.plp .filters .body .range .slider{height:5px;background:#ddd;border-radius:5px;position:relative}.depict.plp .filters .body .range .slider .progress{height:100%;background:#0f0f0f;border-radius:5px;position:absolute;left:25%;right:25%}.depict.plp .filters .body .range .range-group{position:relative}.depict.plp .filters .body .range .range-group input{width:100%;height:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;background:0 0;margin:0;position:absolute;top:-2.5px}.depict.plp .filters .body .range .range-group input:focus{outline:none}.depict.plp .filters .body .range .range-group input::-webkit-slider-thumb{cursor:pointer;height:20px;width:20px;pointer-events:auto;-webkit-appearance:none;background:#0f0f0f;border-radius:50%;box-shadow:0 0 6px #0000000d}@media not all and (hover:none){.depict.plp .filters .body .range .range-group input::-webkit-slider-thumb:hover{background:#333335}}.depict.plp .filters .body .range .range-group input::-moz-range-thumb{cursor:pointer;height:20px;width:20px;pointer-events:auto;-moz-appearance:none;background:#0f0f0f;border:none;border-radius:50%;box-shadow:0 0 6px #0000000d}@media not all and (hover:none){.depict.plp .filters .body .range .range-group input::-moz-range-thumb:hover{background:#333335}}.depict.plp .filters .body .range .range-group input:focus-visible::-webkit-slider-thumb{background:#333335}.depict.plp .filters .body .range .range-group input:focus-visible::-moz-range-thumb{background:#333335}.depict.plp .filters .body .range .value-text{color:#333335;justify-content:space-between;padding-top:10px;display:flex}.depict.plp .filters .body .checkbox-grid{flex-wrap:wrap;margin:-5px;display:flex}.depict.plp .filters .body .checkbox-grid>*{margin:5px}.depict.plp .filters .body .checkbox-grid .major,.depict.plp .filters .body .checkbox-grid .minor{padding:5px 10px}.depict.plp .filters .body .checkbox-grid .major.minor,.depict.plp .filters .body .checkbox-grid .minor.minor{border:1px solid #d5d5d5}.depict.plp .filters .body .checkbox-color{flex-wrap:wrap;justify-content:space-between;display:flex}.depict.plp .filters .body .checkbox-color .input-row{width:calc(50% - 10px)}.depict.plp .filters .body .checkbox-color .custom-indicator{border:.5px solid #868689;margin-right:0}.depict.plp .filters .body .checkbox-color .text{margin-left:10px}@media not all and (hover:none){.depict.plp .filters .body .checkbox-color .input-row:hover .custom-indicator{margin:-1px 0 -1px -1px;box-shadow:inset 0 0 0 1px #fff;border:1px solid #868689!important}}.depict.plp .sorting .body{color:#333335;line-height:1}.depict.plp .sorting .body>:not(:first-child){margin-top:.5px}.depict.plp .sorting .body>:not(:last-child){margin-bottom:.5px}.depict.plp .sorting .body .input-row{justify-content:flex-start;align-items:center;display:flex}.depict.plp .morphing-sign{width:1.5em;height:1.5em;border:0;position:relative}.depict.plp .morphing-sign span{background:#333335;border-radius:2px;position:absolute}.depict.plp .morphing-sign span:first-child{width:10%;top:25%;bottom:25%;left:45%}.depict.plp .morphing-sign span:last-child{height:10%;top:45%;left:25%;right:25%}.depict.plp .depict-filter-sort-modal-backdrop{z-index:5000;touch-action:none;will-change:opacity;opacity:0;background:#000000b3;position:fixed;inset:0}.depict.plp .dismiss-modal{z-index:5003;cursor:pointer;background:0 0;border:none;padding:0;line-height:0;position:fixed;top:14px;left:4px;transform:translateY(calc(-100% - 14px))}.depict.plp .dismiss-modal svg{transform:scale(.6646)}.depict.plp .dismiss-modal svg path{fill:#fff}.depict.plp .filter-sort-modal{z-index:calc(5000 + 2);width:calc(100% - 30px);height:100%;will-change:transform;background:#fff;flex-direction:column;justify-content:space-between;display:flex;position:fixed;top:0;left:30px;transform:translateY(100%)}.depict.plp .filter-sort-modal details.sorting>summary,.depict.plp .filter-sort-modal details.filters>summary{list-style:none}.depict.plp .filter-sort-modal details.sorting>summary::-webkit-details-marker,.depict.plp .filter-sort-modal details.filters>summary::-webkit-details-marker{display:none}.depict.plp .filter-sort-modal details.sorting .sort-filter-summary>.summary,.depict.plp .filter-sort-modal details.filters .sort-filter-summary>.summary{cursor:pointer;color:#0f0f0f;border-top:1px solid #ececec;justify-content:space-between;padding:13px 20px;font-weight:400;display:flex;box-shadow:0 4px 4px #0f0f0f1a}.depict.plp .filter-sort-modal details.sorting .sort-filter-summary>.summary .left-els,.depict.plp .filter-sort-modal details.filters .sort-filter-summary>.summary .left-els{align-items:center;display:flex}.depict.plp .filter-sort-modal details.sorting .sort-filter-summary>.summary .left-els>:not(:first-child),.depict.plp .filter-sort-modal details.filters .sort-filter-summary>.summary .left-els>:not(:first-child){margin-left:5px}.depict.plp .filter-sort-modal details.sorting .sort-filter-summary>.summary .left-els>:not(:last-child),.depict.plp .filter-sort-modal details.filters .sort-filter-summary>.summary .left-els>:not(:last-child){margin-right:5px}.depict.plp .filter-sort-modal details[open] .sort-filter-summary>.summary{font-weight:600}.depict.plp .filter-sort-modal .filter-icon,.depict.plp .filter-sort-modal .sort-icon{fill:#0f0f0f}.depict.plp .filter-sort-modal>.body{flex-direction:column;display:flex;overflow-y:auto}.depict.plp .filter-sort-modal>.body>:not(:first-child){margin-top:1px}.depict.plp .filter-sort-modal>.body>:not(:last-child){margin-bottom:1px}.depict.plp .filter-sort-modal .filters .body,.depict.plp .filter-sort-modal .sorting .body{color:#333335}.depict.plp .filter-sort-modal .filters>summary .morphing-sign span,.depict.plp .filter-sort-modal .sorting>summary .morphing-sign span{background:#0f0f0f}.depict.plp .filter-sort-modal .filters .filter-collapsible-body{background:0 0}.depict.plp .filter-sort-modal .filters .body{background:unset;padding:10px}.depict.plp .filter-sort-modal .sorting .body{border-radius:4px;margin:10px;padding:0}.depict.plp .filter-sort-modal .bottom-row{flex-shrink:0;justify-content:space-between;padding:10px;display:flex}.depict.plp .filter-sort-modal .bottom-row>:not(:first-child){margin-left:5px}.depict.plp .filter-sort-modal .bottom-row>:not(:last-child){margin-right:5px}.depict.plp .filter-sort-modal .bottom-row>button{border-radius:4px;padding-top:12px;padding-bottom:12px}.depict.plp .filter-sort-modal .bottom-row .show-results{flex-grow:1;font-size:1.1em;font-weight:500}.depict.plp .filter-sort-modal .bottom-row .clear{font-size:1.1em}.depict.plp .floating-buttons{z-index:calc(5000 + 4);opacity:0;justify-content:flex-start;align-items:center;padding-left:12px;transition-duration:.3s;transition-timing-function:ease-in-out;display:flex;position:sticky;bottom:12px}.depict.plp .floating-buttons:not(.show-them){pointer-events:none}.depict.plp .floating-buttons.show-them{opacity:1}.depict.plp .floating-buttons .filter{margin-right:5px}.depict.plp .floating-buttons .sort{margin-left:5px;margin-right:5px}.depict.plp .floating-buttons .up{margin-left:5px}.depict.plp .floating-buttons .sort,.depict.plp .floating-buttons .filter,.depict.plp .floating-buttons .up{filter:drop-shadow(2px 2px 4px #0000001a)drop-shadow(-2px -2px 4px #ffffff4d);background:#f3f3f5;border:1px solid #0f0f0f;border-radius:20px;padding:10px}@media not all and (hover:none){.depict.plp .floating-buttons .sort:hover,.depict.plp .floating-buttons .filter:hover,.depict.plp .floating-buttons .up:hover{background:#e4e4e5}}.depict.plp .floating-buttons .sort:focus,.depict.plp .floating-buttons .filter:focus,.depict.plp .floating-buttons .up:focus{outline:none}.depict.plp .floating-buttons .sort:focus-visible,.depict.plp .floating-buttons .filter:focus-visible,.depict.plp .floating-buttons .up:focus-visible{background:#e4e4e5}.depict.plp .floating-buttons .sort div,.depict.plp .floating-buttons .filter div,.depict.plp .floating-buttons .up div{display:flex}.depict.plp .floating-buttons .sort svg path,.depict.plp .floating-buttons .filter svg path,.depict.plp .floating-buttons .up svg path{fill:#333335}.depict.plp .depict-slider{width:100%;position:relative}.depict.plp .depict-slider .sliding{height:100%;-ms-overflow-style:none;scrollbar-width:none;flex-flow:row;align-items:stretch;display:flex;overflow-x:scroll}.depict.plp .depict-slider .sliding>:not(:first-child){margin-left:5px}.depict.plp .depict-slider .sliding>:not(:last-child){margin-right:5px}.depict.plp .depict-slider .sliding::-webkit-scrollbar{display:none}.depict.plp .depict-slider .d-navbutton{z-index:2;touch-action:manipulation;cursor:pointer;height:calc(100% + 2px);width:26px;background:linear-gradient(270deg,#fff 50%,#0000 105%);border:none;justify-content:flex-end;align-items:center;padding:0 1px 0 0;transition-duration:.2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.depict.plp .depict-slider .d-navbutton.hidden{cursor:default;opacity:0;animation-name:depict_slider_button_unclickable;animation-duration:5s;animation-fill-mode:forwards}.depict.plp .depict-slider .d-navbutton.left{left:-1px;transform:translateY(-50%)rotate(180deg)}.depict.plp .depict-slider .d-navbutton.right{right:-1px}.depict.plp .depict-slider .d-navbutton img{width:100%;height:100%}.depict.plp .depict-slider .d-navbutton>div{display:flex}@media not all and (hover:none){.depict.plp .depict-slider .d-navbutton:hover svg{transform:scale(1.2)}}.depict.plp .depict-slider .d-navbutton:focus-visible svg{transform:scale(1.5)}.depict.plp .depict-slider .d-navbutton:focus-visible svg path{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.plp .depict-slider .d-navbutton svg{transition-duration:.15s}.depict.plp .depict-slider .d-navbutton:active{opacity:.9}@keyframes depict_slider_button_unclickable{0%{pointer-events:all}to{pointer-events:none;visibility:hidden}}.depict.plp button.major{color:#fff;white-space:pre-wrap;cursor:pointer;background:#0f0f0f;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}.depict.plp button.major svg path{fill:#fff}@media not all and (hover:none){.depict.plp button.major:hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#333335}}.depict.plp button.major:active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#000}.depict.plp button.major:focus{outline-style:none}.depict.plp button.major:focus-visible{filter:drop-shadow(2px 2px 4px #418fc3cc)drop-shadow(-2px -2px 4px #418fc3cc);background:#333335}.depict.plp button.minor{color:#0f0f0f;white-space:pre-wrap;cursor:pointer;background:#fff;border:1px solid #0f0f0f;border-radius:4px;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}.depict.plp button.minor svg path{fill:#0f0f0f}@media not all and (hover:none){.depict.plp button.minor:hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#f3f3f5}}.depict.plp button.minor:active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#e4e4e5}.depict.plp button.minor:focus{outline-style:none}.depict.plp button.minor:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);background:#f3f3f5}.depict.search .previous-searches{flex-direction:column;display:flex}.depict.search .previous-searches>:not(:first-child){margin-top:7.5px}.depict.search .previous-searches>:not(:last-child){margin-bottom:7.5px}.depict.search .previous-searches .list{flex-direction:column;display:flex}.depict.search .previous-searches .list>:not(:first-child){margin-top:2.5px}.depict.search .previous-searches .list>:not(:last-child){margin-bottom:2.5px}.depict.search .previous-searches .list .item{overflow-wrap:anywhere;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.depict.search .previous-searches .list .item .left{align-items:center;display:flex}.depict.search .previous-searches .list .item .left>:not(:first-child){margin-left:5px}.depict.search .previous-searches .list .item .left>:not(:last-child){margin-right:5px}.depict.search .previous-searches .list .item .left svg{min-width:12px}.depict.search .previous-searches .list .item .left svg path{fill:#333335}.depict.search .previous-searches .list .item .delete{height:100%;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 10px;display:flex}.depict.search .previous-searches .list .item .delete:focus{outline:none}.depict.search .previous-searches .list .item .delete svg{width:13px;height:13px;transition-duration:.15s}.depict.search .previous-searches .list .item .delete svg path{fill:#333335}.depict.search .previous-searches .list .item .delete:hover svg{transform:scale(1.2)}.depict.search .previous-searches .list .item .delete:hover svg path{fill:#000}.depict.search .previous-searches .list .item .delete:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .previous-searches .list .item .delete:focus-visible svg{transform:scale(1.2)}.depict.search .previous-searches .list .item .delete:focus-visible svg path{fill:#000}.depict.search .previous-searches .text,.depict.search .suggestions .text{color:#333335;margin-top:0;font-size:16px;font-weight:700}.depict.search .previous-searches .item,.depict.search .previous-searches .suggestion,.depict.search .suggestions .item,.depict.search .suggestions .suggestion{color:#333335;background:#fff;font-weight:400}.depict.search .previous-searches .item.selected,.depict.search .previous-searches .suggestion.selected,.depict.search .suggestions .item.selected,.depict.search .suggestions .suggestion.selected{background:#e4e4e5}.depict.search .previous-searches .item:focus-visible,.depict.search .previous-searches .suggestion:focus-visible,.depict.search .suggestions .item:focus-visible,.depict.search .suggestions .suggestion:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);outline:none}.depict.search .previous-searches .item:active,.depict.search .previous-searches .suggestion:active,.depict.search .suggestions .item:active,.depict.search .suggestions .suggestion:active{background:#cbcbcc}.depict.search .suggestions{flex-direction:column;display:flex}.depict.search .suggestions>:not(:first-child){margin-top:10px}.depict.search .suggestions>:not(:last-child){margin-bottom:10px}.depict.search .suggestions:not(.compact)>.suggestion-container>:not(:first-child),.depict.search .suggestions.compact>.suggestion-container:not(.query)>:not(:first-child){margin-top:2.5px}.depict.search .suggestions:not(.compact)>.suggestion-container>:not(:last-child),.depict.search .suggestions.compact>.suggestion-container:not(.query)>:not(:last-child){margin-bottom:2.5px}.depict.search .suggestions .suggestion-container{flex-direction:column;display:flex}.depict.search .suggestions .suggestion-container .suggestion{overflow-wrap:anywhere;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.depict.search .suggestions .suggestion-container .suggestion svg{flex-shrink:0}.depict.search .suggestions .suggestion-container .suggestion svg path{fill:#333335}.depict.search .suggestions .suggestion-container .suggestion .search-icon{max-width:12px;max-height:13px}.depict.search .suggestions .suggestion-container .suggestion .search-icon svg{transform:matrix(.6,0,0,.6,-4.14,-4.32)}.depict.search .suggestions .suggestion-container .suggestion .has-history-match{color:#333335 y;font-weight:400}.depict.search .suggestions .suggestion-container .suggestion .has-history-match .highlighted-part{color:#333335;font-weight:500}.depict.search .suggestions .suggestion-container .suggestion .category{margin-right:20px}.depict.search .suggestions .suggestion-container .suggestion .type{color:#868689;text-transform:capitalize}.depict.search .suggestions .suggestion-container.query{flex-direction:column}.depict.search .suggestions .suggestion-container.query .suggestion{justify-content:flex-start}.depict.search .suggestions .suggestion-container.query .suggestion>:not(:first-child){margin-left:4px}.depict.search .suggestions .suggestion-container.query .suggestion>:not(:last-child){margin-right:4px}.depict.search .suggestions.compact>.suggestion-container.query{flex-flow:wrap;margin:-2.5px}.depict.search .suggestions.compact>.suggestion-container.query>*{margin:2.5px}.depict.search .category-suggestions{display:flex}.depict.search .category-suggestions .sliding{margin-bottom:-2px;padding-bottom:2px}.depict.search .category-suggestions .title{font-weight:500}.depict.search .category-suggestions .category-suggestion{color:#0f0f0f;height:100%;background:#fff;border:1px solid #e4e4e5;justify-content:space-between;align-items:center;padding:10px 20px;transition:background .1s ease-in-out;display:flex}.depict.search .category-suggestions .category-suggestion:focus-visible{background:#f3f3f5}@media not all and (hover:none){.depict.search .category-suggestions .category-suggestion:hover{background:#f3f3f5}}.depict.search .category-suggestions .category-suggestion:active{background:#e4e4e5}.depict.search .category-suggestions .category-suggestion>:not(:first-child){margin-left:5px}.depict.search .category-suggestions .category-suggestion>:not(:last-child){margin-right:5px}.depict.search .category-suggestions .category-suggestion .parent-title{font-weight:300}.depict.search .category-suggestions .category-suggestion>*{white-space:nowrap;font-size:.85em}.depict.search .instant-results{flex-direction:column;display:flex}.depict.search .instant-results>:not(:first-child){margin-top:2.5px}.depict.search .instant-results>:not(:last-child){margin-bottom:2.5px}.depict.search .instant-results .instant-card{background:#fff;border-radius:4px;flex:100%;padding:5px 20px;display:flex;overflow:hidden}.depict.search .instant-results .instant-card:hover,.depict.search .instant-results .instant-card:focus{z-index:2;box-shadow:2px 2px 4px #00000026,-4px -4px 4px #ffffff4d}.depict.search .instant-results .instant-card>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card>:not(:last-child){margin-right:.75vw}.depict.search .instant-results .instant-card .img-part{flex:0 0 100px}.depict.search .instant-results .instant-card .right-part{flex-grow:1;justify-content:space-between;display:flex}.depict.search .instant-results .instant-card .right-part>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part>:not(:last-child){margin-right:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline{justify-content:center;align-items:center;display:flex}@media (min-width:601px){.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:last-child){margin-right:.75vw}}@media (max-width:600px){.depict.search .instant-results .instant-card .right-part .title-brand-tagline{flex-direction:column;align-items:flex-start}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:first-child){margin-top:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:last-child){margin-bottom:.75vw}}.depict.search .instant-results .instant-card .right-part .title-brand-tagline .title{text-overflow:ellipsis;white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.depict.search .instant-results .instant-card .right-part .title-brand-tagline .tagline{color:#868689;font-size:.9em}.depict.search .instant-results .instant-card .right-part .price-container{justify-content:center;align-items:center;display:flex}@media (min-width:601px){.depict.search .instant-results .instant-card .right-part .price-container>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part .price-container>:not(:last-child){margin-right:.75vw}}.depict.search .instant-results .instant-card .right-part .price-container .price:not(.orig){color:#333335;font-weight:700}.depict.search .instant-results .instant-card .right-part .price-container .price.orig{color:#868689;text-decoration:line-through}.depict.search .instant-results .instant-card .right-part .price-container .price.sales-price{color:#ff2e3e}@media (max-width:600px){.depict.search .instant-results .instant-card .right-part .price-container{flex-direction:column}.depict.search .instant-results .instant-card .right-part .price-container>:not(:first-child){margin-top:.75vw}.depict.search .instant-results .instant-card .right-part .price-container>:not(:last-child){margin-bottom:.75vw}.depict.search .instant-results .instant-card .right-part .price-container .price:not(.orig){order:0}.depict.search .instant-results .instant-card .right-part .price-container .price.orig{order:1}}.depict.search .search-field{z-index:calc(1 + 5);border-radius:10px;display:flex;box-shadow:0 4px 4px #0000000d}.depict.search .search-field input,.depict.search .search-field button{margin:0}.depict.search .search-field .query{font-size:initial;width:100%;color:#333335;background-color:#fff;border:none;border-radius:10px 0 0 10px;flex-grow:1;padding:14px 55px 14px 20px}.depict.search .search-field .query:focus{color:#000;outline:none}@media not all and (hover:none){.depict.search .search-field .query:hover{color:#000;outline:none}}.depict.search .search-field .query.has-adjacent-back-button{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0}.depict.search .search-field .field{flex-grow:1;display:flex;position:relative}.depict.search .search-field .back{cursor:pointer;background-color:#fff;border:none;border-top-left-radius:10px;border-bottom-left-radius:10px;justify-content:center;align-items:center;padding:14px 15px 14px 10px;display:flex}.depict.search .search-field .back svg path{fill:#333335}.depict.search .search-field .back:focus{outline:none}.depict.search .search-field .back:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .search-field .back:focus-visible svg path{fill:#0f0f0f}@media not all and (hover:none){.depict.search .search-field .back:hover svg path{fill:#0f0f0f}}.depict.search .search-field .clear,.depict.search .search-field .submit{cursor:pointer}.depict.search .search-field .clear{background-color:#fff;border:none;padding:0;position:absolute;top:50%;right:30px;transform:translateY(-50%)scale(.8)}.depict.search .search-field .clear svg path{fill:#333335}.depict.search .search-field .clear:focus{outline:none}.depict.search .search-field .clear:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .search-field .clear:focus-visible svg path{fill:#000}@media not all and (hover:none){.depict.search .search-field .clear:hover svg path{fill:#000}}.depict.search .search-field .submit{min-width:50px;border:none;border-radius:0 10px 10px 0;padding:0}.depict.search .search-field:not(.in-modal) .query{border-top:1px solid #cbcbcc;border-bottom:1px solid #cbcbcc;border-left:1px solid #cbcbcc}.depict.search .search-field:not(.in-modal) .submit{border-top:1px solid #cbcbcc;border-bottom:1px solid #cbcbcc;border-right:1px solid #cbcbcc}.depict.search .depict-search-modal-backdrop{z-index:5000;touch-action:none;background:#0006;position:fixed;inset:0}.depict.search .depict-search-modal{justify-content:center;display:flex}.depict.search .depict-search-modal .search-field{z-index:calc(5000 + 5)}.depict.search .depict-search-modal .body{max-width:800px;z-index:calc(5000 + 1);background:#f3f3f5;border-radius:10px;flex-direction:column;display:flex}@media (hover:hover) and (pointer:fine) and (max-height:790px){.depict.search .depict-search-modal .body{max-height:100%;position:fixed;top:0}}@media (hover:hover) and (pointer:fine) and (max-height:790px) and (max-width:600px){.depict.search .depict-search-modal .body{width:calc(100% - 30px);left:30px}}@media not all and (hover:hover) and (pointer:fine){@media (max-height:1000px){.depict.search .depict-search-modal .body{max-height:100%;position:fixed;top:0}}@media (max-height:1000px) and (max-width:600px){.depict.search .depict-search-modal .body{width:calc(100% - 30px);left:30px}}}.depict.search .depict-search-modal .body .padded>*,.depict.search .depict-search-modal .body .search-field{flex-shrink:0}.depict.search .depict-search-modal .body .padded{flex-direction:column;padding-top:20px;padding-left:max(1vw,10px);padding-right:max(1vw,10px);display:flex;overflow:auto}.depict.search .depict-search-modal .body .padded>:not(:first-child){margin-top:10px}.depict.search .depict-search-modal .body .padded>:not(:last-child){margin-bottom:10px}.depict.search .depict-search-modal .body .discover-more{justify-content:center;display:flex}.depict.search .depict-search-modal .body .discover-more button{text-transform:uppercase;margin:20px 0;padding:12px 18px}.depict.search .listing-page .search-field{width:min(100%,800px);align-self:center;margin-top:40px;margin-bottom:20px}@media (max-width:651px){.depict.search .listing-page .search-field{margin-top:16px;margin-bottom:16px}}.depict.search .listing-page .search-field~.category-suggestions .category-suggestion:last-child{margin-right:auto}.depict.search .listing-page .search-field~.category-suggestions .category-suggestion:first-child{margin-left:auto}.depict.search .listing-page .category-suggestions{margin-bottom:20px}@media (max-width:651px){.depict.search .listing-page .category-suggestions{margin-bottom:16px}}@media (min-width:652px){.depict.search .listing-page .search-field+.filter-results-for-one-row,.depict.search .listing-page .search-field+.results-for{margin-top:20px}}.depict.search .listing-page .search-recs{margin-top:60px;padding-top:60px}@media (max-width:651px){.depict.search .listing-page .search-recs{margin-top:48px;padding-top:48px}}.depict.search .listing-page .PLP-results.nothing+.search-recs{margin-top:30px;padding-top:30px}@media (max-width:651px){.depict.search .listing-page .PLP-results.nothing+.search-recs{margin-top:24px;padding-top:24px}}.depict.search .listing-page .search-recs{border-top:2px solid #e4e4e5;flex-direction:column;display:flex}.depict.search .listing-page .search-recs .search-recs-title{margin-top:0;margin-bottom:20px;font-size:24px;font-weight:600;line-height:1}.depict.search .listing-page .search-recs .load-more-container{justify-content:center;margin-top:30px;display:flex}.depict.search .results-for{overflow-wrap:anywhere;font-size:1.5em}.depict.category .crumbs{flex-wrap:wrap;display:flex}.depict.category .crumbs .crumb{color:#333335}.depict.category .crumbs .crumb:hover{text-decoration:underline}.depict.category .crumbs .crumb:last-of-type{color:#0f0f0f;font-weight:500}.depict.category .crumbs .separator{color:#868689;margin-left:10px;margin-right:10px}.depict.category .quicklinks{overflow:hidden}.depict.category .quicklinks .quicklink{white-space:nowrap;color:#0f0f0f;background:#fff;border:1px solid #cbcbcc;border-radius:4px;padding:10px 20px;transition:all 75ms ease-in-out}.depict.category .quicklinks .quicklink:focus{outline:none}@media not all and (hover:none){.depict.category .quicklinks .quicklink:hover{background:#f3f3f5}}.depict.category .quicklinks .quicklink:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);background:#f3f3f5}.depict.category .quicklinks .quicklink:active{background:#e4e4e5}.depict.category .quicklinks .quicklink.selected{color:#fff;background:#0f0f0f;border:1px solid #0000}@media not all and (hover:none){.depict.category .quicklinks .quicklink.selected:hover{background:#333335}}.depict.category .quicklinks .quicklink.selected:focus-visible{filter:drop-shadow(2px 2px 4px #418fc3cc)drop-shadow(-2px -2px 4px #418fc3cc);background:#333335}.depict.category .quicklinks .quicklink.selected:active{background:#000}.depict.category .category-title{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;font-size:1.5em;display:flex}.depict.category .category-title *{align-items:center;display:flex}.depict.category .category-title .title{font-weight:700;font-size:inherit;margin-right:10px}.depict.category .category-title .explanation{color:#868689;font-weight:500}.depict.category .category-title .explanation .product-count{margin-left:10px}.depict.category .listing-page .quicklinks,.depict.category .listing-page .crumbs{margin-bottom:20px}@media (max-width:651px){.depict.category .listing-page .quicklinks,.depict.category .listing-page .crumbs{margin-bottom:16px}}.depict.plp.toast{z-index:calc(5000 + 5);white-space:nowrap;border-bottom-style:solid;border-bottom-width:2px;background:#fff;border-image-source:linear-gradient(90deg,#0f0f0f 0% 100%);border-image-slice:0 0 100%;border-radius:4px;padding:10px 20px;position:fixed;bottom:10px;left:50%;transform:translate(-50%);box-shadow:2px 2px 4px #0000000d}.depict.plp.toast *,.depict.plp.toast *{-webkit-user-select:none;user-select:none}@media (min-width:1000px){.depict.plp.toast{padding:10px 40px}}.depict.plp.toast,.depict.plp.toast .buttons{justify-content:center;align-items:center;display:flex}@media (max-width:999px){.depict.plp.toast>:not(:first-child),.depict.plp.toast .buttons>:not(:first-child){margin-left:5px}.depict.plp.toast>:not(:last-child),.depict.plp.toast .buttons>:not(:last-child){margin-right:5px}}@media (min-width:1000px){.depict.plp.toast>:not(:first-child),.depict.plp.toast .buttons>:not(:first-child){margin-left:15px}.depict.plp.toast>:not(:last-child),.depict.plp.toast .buttons>:not(:last-child){margin-right:15px}}.depict.plp.toast{color:#0f0f0f}.depict.plp.toast button{cursor:pointer;border-radius:4px;padding:5px 20px}.depict-placeholder{will-change:mask,-webkit-mask;mask-position-x:125%;mask-position-y:50%;-webkit-mask-image: ;-webkit-mask-image: ;mask-image: ;-webkit-mask-size: ;-webkit-mask-size: ;mask-size: ;background:#ddd;animation:1.5s linear infinite depict-placeholder;display:inline-block;overflow:hidden;-webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) 125%/300% 100%}@keyframes depict-placeholder{0%{mask-position-x:125%;-webkit-mask-position-x:125%}10%{mask-position-x:125%;-webkit-mask-position-x:125%}90%{mask-position-x:-25%;-webkit-mask-position-x:-25%}to{mask-position-x:-25%;-webkit-mask-position-x:-25%}}
1
+ .depict.plp{color:#0f0f0f}.depict.plp button{border:none}.depict.plp .listing-page{flex-direction:column;display:flex}.depict.plp .listing-page .no-results{background:#fff;flex-direction:column;flex-grow:2;justify-content:flex-start;align-items:center;padding:40px;display:flex}.depict.plp .listing-page .no-results>:not(:first-child){margin-top:3px}.depict.plp .listing-page .no-results>:not(:last-child){margin-bottom:3px}.depict.plp .listing-page .no-results .hint{cursor:pointer;color:#333335;text-decoration:underline}.depict.plp .listing-page .no-results .text{font-size:2em;font-weight:700}.depict.plp .listing-page{padding:20px 10px}@media (max-width:651px){.depict.plp .listing-page{padding:16px 8px}}.depict.plp .listing-page,.depict.plp .listing-page *{box-sizing:border-box}.depict.plp .listing-page>.filter-results-for-one-row,.depict.plp .listing-page>.results-for{margin-bottom:10px}@media (max-width:651px){.depict.plp .listing-page>.filter-results-for-one-row,.depict.plp .listing-page>.results-for{margin-bottom:8px}}.depict.plp .listing-page>.sort-and-filter-buttons{margin-top:10px;margin-bottom:10px}@media (max-width:651px){.depict.plp .listing-page>.sort-and-filter-buttons{margin-top:8px;margin-bottom:8px}}.depict.plp .listing-page .PLP-results{margin-top:10px;display:flex}@media (max-width:651px){.depict.plp .listing-page .PLP-results{margin-top:8px}}.depict.plp .listing-page .PLP-results>.filters,.depict.plp .listing-page .PLP-results>.sorting{margin-left:12px}.depict.plp .listing-page .cards{flex-flow:wrap;flex-grow:1;align-content:flex-start;display:flex;overflow:hidden}.depict.plp .listing-page .selected-filters .inner{align-items:center;margin-top:0;margin-bottom:0;display:flex}.depict.plp .listing-page .selected-filters .inner .title{margin-right:10px}@media (max-width:651px){.depict.plp .listing-page .selected-filters .inner{margin-top:10px;margin-bottom:10px}}.depict.plp .listing-page .selected-filters .inner .title{text-transform:uppercase;color:#0f0f0f;font-size:1.1em}@media (max-width:600px){.depict.plp .listing-page .selected-filters .inner .title{display:none}}.depict.plp .listing-page .selected-filters .inner .depict-slider{width:unset;overflow:hidden}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter{border:1px solid #0f0f0f}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter svg{width:12.64px;height:12.64px}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters{border:1px solid #0f0f0f}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter,.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters{box-sizing:border-box;white-space:nowrap;cursor:pointer;border-radius:4px;flex:none;align-items:center;padding:5px 10px;font-size:1em;line-height:1;display:flex}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter>:not(:first-child),.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters>:not(:first-child){margin-left:2.5px}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter>:not(:last-child),.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters>:not(:last-child){margin-right:2.5px}.depict.plp .scroll-status{pointer-events:none;white-space:nowrap;z-index:calc(5000 + 4);opacity:0;justify-content:center;align-items:center;display:flex;position:sticky;bottom:10vh}.depict.plp .scroll-status .text{color:#fff;background:#333335bf;border-radius:20px;padding:10px 20px}.depict.plp .major-minor-transition{transition:filter .15s ease-in-out,background .25s ease-in-out,color .25s ease-in-out,border .25s ease-in-out}.depict.plp .filter-results-for-one-row{justify-content:space-between;align-items:center;display:flex}.depict.plp :not(.filter-results-for-one-row)>.sort-and-filter-buttons .inner{justify-content:space-between}.depict.plp .sorting-attributes,.depict.plp .sorting-direction{flex-direction:column;padding:10px;display:flex}.depict.plp .sorting-attributes>:not(:first-child),.depict.plp .sorting-direction>:not(:first-child){margin-top:5px}.depict.plp .sorting-attributes>:not(:last-child),.depict.plp .sorting-direction>:not(:last-child){margin-bottom:5px}.depict.plp .sort-and-filter-buttons .outer{margin-top:-5px}.depict.plp .sort-and-filter-buttons .inner{justify-content:flex-end;align-items:center;padding-top:5px;display:flex;overflow:hidden}.depict.plp .sort-and-filter-buttons .inner>:not(:first-child){margin-left:5px}.depict.plp .sort-and-filter-buttons .inner>:not(:last-child){margin-right:5px}.depict.plp .sort-and-filter-buttons.fake .toggle-button{transition:none}.depict.plp .sort-and-filter-buttons .toggle-button{white-space:nowrap;position:relative}.depict.plp .sort-and-filter-buttons .toggle-button>:not(:first-child){margin-left:2.5px}.depict.plp .sort-and-filter-buttons .toggle-button>:not(:last-child){margin-right:2.5px}.depict.plp .sort-and-filter-buttons .toggle-button svg path{transition-duration:.25s}.depict.plp .sort-and-filter-buttons .toggle-button.major.for-sorting>:not(:first-child){margin-left:5px}.depict.plp .sort-and-filter-buttons .toggle-button.major.for-sorting>:not(:last-child){margin-right:5px}.depict.plp .sort-and-filter-buttons .num-filters{color:#fff;width:20px;height:20px;z-index:calc(1 + 1);background:#0f0f0f;border-radius:13px;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:opacity .25s ease-in-out;display:flex;position:absolute;top:-4px;right:-4px}.depict.plp .sort-and-filter-buttons .open-filters-button-container{position:relative}.depict.plp label{margin:0}.depict.plp .PLP-results .sorting,.depict.plp .PLP-results .filters{flex-shrink:0;flex-basis:330px}.depict.plp .filters .body,.depict.plp .sorting .body{flex-direction:column;display:flex}.depict.plp .filters .body .input-row,.depict.plp .sorting .body .input-row{cursor:pointer;position:relative}.depict.plp .filters .body .input-row .custom-indicator,.depict.plp .sorting .body .input-row .custom-indicator{margin-right:10px;position:relative}.depict.plp .filters .body .input-row input,.depict.plp .sorting .body .input-row input{opacity:0;cursor:pointer;height:0;width:0;position:absolute}.depict.plp .filters .body .input-row .custom-indicator:after,.depict.plp .sorting .body .input-row .custom-indicator:after{content:"";display:none;position:absolute}.depict.plp .filters .body .input-row input[type=checkbox]~.custom-indicator,.depict.plp .sorting .body .input-row input[type=checkbox]~.custom-indicator{background-color:#fff;border-radius:2px;padding:9px}.depict.plp .filters .body .input-row input[type=checkbox]~.custom-indicator:not(.color),.depict.plp .sorting .body .input-row input[type=checkbox]~.custom-indicator:not(.color){border:1px solid #0f0f0f}.depict.plp .filters .body .input-row input[type=checkbox]~.custom-indicator.color,.depict.plp .sorting .body .input-row input[type=checkbox]~.custom-indicator.color{padding:10px}.depict.plp .filters .body .input-row input[type=checkbox]~.custom-indicator.color.outline,.depict.plp .sorting .body .input-row input[type=checkbox]~.custom-indicator.color.outline{border:.5px solid #868689;padding:9.5px}.depict.plp .filters .body .input-row input[type=checkbox]:checked~.custom-indicator,.depict.plp .sorting .body .input-row input[type=checkbox]:checked~.custom-indicator{background-color:#0f0f0f}.depict.plp .filters .body .input-row input[type=checkbox]:checked~.custom-indicator:after,.depict.plp .sorting .body .input-row input[type=checkbox]:checked~.custom-indicator:after{fill:#fff;color:#fff;width:13px;height:10px;background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23FFFFFF\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 2.0001L10.6 0.600098L4 7.2001L1.4 4.6001L0 6.0001L4 10.0001L12 2.0001Z\" /></svg>");background-repeat:round;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.depict.plp .filters .body .input-row input[type=checkbox]:checked~.custom-indicator.color:after,.depict.plp .sorting .body .input-row input[type=checkbox]:checked~.custom-indicator.color:after{background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23FFFFFF\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 2.0001L10.6 0.600098L4 7.2001L1.4 4.6001L0 6.0001L4 10.0001L12 2.0001Z\" /></svg>")}.depict.plp .filters .body .input-row input[type=checkbox]:checked~.custom-indicator.color.black-check:after,.depict.plp .sorting .body .input-row input[type=checkbox]:checked~.custom-indicator.color.black-check:after{background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23000000\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 2.0001L10.6 0.600098L4 7.2001L1.4 4.6001L0 6.0001L4 10.0001L12 2.0001Z\" /></svg>")}.depict.plp .filters .body .input-row input[type=checkbox]:focus-visible~.custom-indicator,.depict.plp .sorting .body .input-row input[type=checkbox]:focus-visible~.custom-indicator{outline:2.5px solid #fff;box-shadow:0 0 0 4px #0f0f0f}@media not all and (hover:none){.depict.plp .filters .body .input-row:hover input[type=checkbox]~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]~.custom-indicator{background-color:#f3f3f5}.depict.plp .filters .body .input-row:hover input[type=checkbox]~.custom-indicator:not(.color),.depict.plp .sorting .body .input-row:hover input[type=checkbox]~.custom-indicator:not(.color){border:2px solid #0f0f0f;padding:8px}.depict.plp .filters .body .input-row:hover input[type=checkbox]:checked~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]:checked~.custom-indicator{background-color:#333335}}.depict.plp .filters .body .input-row input[type=radio]~.custom-indicator,.depict.plp .sorting .body .input-row input[type=radio]~.custom-indicator{background-color:#fff;border:1px solid #0f0f0f;border-radius:50%;padding:9px}.depict.plp .filters .body .input-row input[type=radio]:checked~.custom-indicator,.depict.plp .sorting .body .input-row input[type=radio]:checked~.custom-indicator{background-color:#0000}.depict.plp .filters .body .input-row input[type=radio]:checked~.custom-indicator:after,.depict.plp .sorting .body .input-row input[type=radio]:checked~.custom-indicator:after{width:12px;height:12px;background-color:#0f0f0f;border-radius:50%;display:block;top:50%;left:50%;transform:translate(-50%,-50%)}.depict.plp .filters .body .input-row input[type=radio]:focus-visible~.custom-indicator,.depict.plp .sorting .body .input-row input[type=radio]:focus-visible~.custom-indicator{outline:2.5px solid #fff;box-shadow:0 0 0 4px #0f0f0f}@media not all and (hover:none){.depict.plp .filters .body .input-row:hover input[type=radio]~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=radio]~.custom-indicator{background-color:#f3f3f5;border:2px solid #0f0f0f;padding:8px}.depict.plp .filters .body .input-row:hover input[type=radio]:checked~.custom-indicator:after,.depict.plp .sorting .body .input-row:hover input[type=radio]:checked~.custom-indicator:after{background-color:#333335}}.depict.plp .filters .body .input-row{justify-content:space-between;padding-top:5px;padding-bottom:5px}.depict.plp .filters .body .input-row,.depict.plp .filters .body .input-row>.left{align-items:center;display:flex}.depict.plp .filters .body .input-row .text{color:#333335;-webkit-line-clamp:1;font-weight:400;line-height:20px}.depict.plp .filters .body .input-row :checked~.text,.depict.plp .filters .body .input-row .fake-checked~.text{color:#0f0f0f;font-weight:500}.depict.plp .filters .body .input-row.count-0 *+.text{color:#868689}.depict.plp .filters .body .input-row .count,.depict.plp .filters .body .hierarchical .checkbox-details.expandable .category-parent .count{color:#868689;font-weight:400}.depict.plp .filters .body .input-row:hover .count{color:#000}.depict.plp .filters .body .selected-w-sign{align-items:center;display:flex}.depict.plp .filters .body .selected-w-sign>:not(:first-child){margin-left:5px}.depict.plp .filters .body .selected-w-sign>:not(:last-child){margin-right:5px}.depict.plp .filters .body .selected-w-sign .show-selected{color:#868689;fill:#868689;align-items:center;display:flex}.depict.plp .filters .body .selected-w-sign .show-selected>:not(:first-child){margin-left:2.5px}.depict.plp .filters .body .selected-w-sign .show-selected>:not(:last-child){margin-right:2.5px}.depict.plp .filters .body .selected-w-sign .show-selected span{line-height:1}.depict.plp .filters .body .ungrouped{margin-top:25px}.depict.plp .filters .body .clear-all-filters{text-transform:uppercase;margin-top:5px;padding:.7em;font-size:1.1em;font-weight:400}.depict.plp .filters .body details summary{cursor:pointer;list-style:none}.depict.plp .filters .body details summary::-webkit-details-marker{display:none}.depict.plp .filters .body details summary>.summary{justify-content:space-between;align-items:center;display:flex}.depict.plp .filters .body details.filter-collapsible{border-top:1px solid #cbcbcc}.depict.plp .filters .body details.filter-collapsible .filter-group-summary:focus{outline:none}.depict.plp .filters .body details.filter-collapsible .filter-group-summary:focus-visible{background:#f3f3f5}@media not all and (hover:none){.depict.plp .filters .body details.filter-collapsible .filter-group-summary:hover{background:#f3f3f5}}.depict.plp .filters .body details.filter-collapsible .filter-group-summary:active{background:#eeeef0}.depict.plp .filters .body details.filter-collapsible .filter-group-summary>.summary{color:#333335;padding:15px 10px}.depict.plp .filters .body details.filter-collapsible .filter-group-summary>.summary>svg{transform:rotate(270deg)}.depict.plp .filters .body details.filter-collapsible[open] .filter-group-summary{border-bottom:1px solid #e4e4e5}.depict.plp .filters .body details.filter-collapsible[open] .filter-group-summary>.summary>span{font-weight:500}.depict.plp .filters .body .filter-collapsible-body{border-radius:0 0 4px 4px;flex-direction:column;margin-bottom:15px;display:flex;overflow:hidden}.depict.plp .filters .body .filter-collapsible-body>:not(:first-child){margin-top:.5px}.depict.plp .filters .body .filter-collapsible-body>:not(:last-child){margin-bottom:.5px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear{border-top:1px solid #e4e4e5;justify-content:space-between;display:flex}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .clear-group{margin-left:auto}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .clear-group>:not(:first-child){margin-left:1.839px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .clear-group>:not(:last-child){margin-right:1.839px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .clear-group svg{width:11px;height:12px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .expand-filter{margin-right:auto}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .expand-filter>:not(:first-child){margin-left:5px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .expand-filter>:not(:last-child){margin-right:5px}.depict.plp .filters .body .filter-collapsible-body .view-more-clear .expand-filter.expanded svg{clip-path:polygon(20% 48%,80% 48%,80% 50.8%,20% 50.8%);transform:scale(1.6)}.depict.plp .filters .body .filter-collapsible-body .view-more-clear button{color:#333335;cursor:pointer;text-transform:uppercase;background:0 0;border:none;justify-content:center;align-items:center;margin-bottom:0;margin-left:0;margin-right:0;padding:10px;display:flex}.depict.plp .filters .body .filter-collapsible-body .view-more-clear button svg path{fill:#333335}@media not all and (hover:none){.depict.plp .filters .body .filter-collapsible-body .view-more-clear button:hover{color:#4c4c4f}}.depict.plp .filters .body .filter-collapsible-body .view-more-clear button:active{color:#000}.depict.plp .filters .body .filter-collapsible-body .view-more-clear button:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);outline:none}.depict.plp .filters .body .filter-collapsible-body .filter-part{flex-direction:column;padding:15px 10px 20px;display:flex}.depict.plp .filters .body .filter-collapsible-body .filter-part>:not(:first-child){margin-top:5px}.depict.plp .filters .body .filter-collapsible-body .filter-part>:not(:last-child){margin-bottom:5px}.depict.plp .filters .body :not(.ungrouped)>form{margin-top:-5px;margin-bottom:-5px}.depict.plp .filters .body .hierarchical{margin-left:-20px}.depict.plp .filters .body .hierarchical.any-expandable .count{margin-right:30px}.depict.plp .filters .body .hierarchical .checkbox-details{padding-left:20px}.depict.plp .filters .body .hierarchical .checkbox-details.expandable{position:relative}.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:before,.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:after{pointer-events:none;content:"";height:1px;width:calc(100% - 20px);background:#f3f3f5;position:absolute;right:0}.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:before{top:-.5px}.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:after{bottom:-.5px}@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:hover:after,.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:hover:before,.input-row:hover~details>.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:after,.input-row:hover~details>.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:before{z-index:1;background:#e4e4e5}}.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:focus-visible:after,.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:focus-visible:before,.input-row~details:focus-visible>.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:after,.input-row~details:focus-visible>.depict.plp .filters .body .hierarchical .checkbox-details.expandable summary:before{z-index:1;background:#e4e4e5}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>.input-row{padding-right:30px;position:absolute}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details:not([open]),.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details[open]>.category-parent>.summary{padding-top:5px;padding-bottom:5px}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus,.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus-visible{box-shadow:none;outline:none}@supports selector(:focus-visible){@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible):not(:hover) .morphing-sign span{background:#333335}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible):not(:hover) .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible):not(:hover) .morphing-sign span:last-child{height:5%;top:47.5%}}@media (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible) .morphing-sign span{background:#333335}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible) .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible) .morphing-sign span:last-child{height:5%;top:47.5%}}@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .morphing-sign{transform:scale(1.5)}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .count{color:#000}}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus-visible .count{color:#000}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus-visible .morphing-sign{transform:scale(1.5)}}@supports not selector(:focus-visible){@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span{background:#333335}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span:last-child{height:5%;top:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .morphing-sign{transform:scale(1.5)}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .count{color:#000}}@media (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent .morphing-sign span{background:#333335}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent .morphing-sign span:last-child{height:5%;top:47.5%}}}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent>.summary{justify-content:flex-end}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent>.summary .count{margin-right:10px}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent>.summary .morphing-sign{width:20px;height:20px;transition-duration:.15s;transition-timing-function:ease-in-out}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent>.summary .morphing-sign span{background:#333335;transition-duration:.15s;transition-timing-function:ease-in-out}.depict.plp .filters .body .range .input-group{width:100%;padding-top:10px;padding-bottom:25px;display:flex}.depict.plp .filters .body .range .input-group .field{width:100%;align-items:center;display:flex}.depict.plp .filters .body .range .input-group .field input{width:100%;text-align:center;-moz-appearance:textfield;color:#868689;background:#f3f3f5;border:.5px solid #0f0f0f;outline:none;padding-top:8px;padding-bottom:8px;transition-duration:50ms}.depict.plp .filters .body .range .input-group .field input:focus-visible{background:#e4e4e5}@media not all and (hover:none){.depict.plp .filters .body .range .input-group .field input:hover{background:#e4e4e5}}.depict.plp .filters .body .range .input-group .field input::-webkit-outer-spin-button,.depict.plp .filters .body .range .input-group .field input::-webkit-inner-spin-button{-webkit-appearance:none}.depict.plp .filters .body .range .input-group .separator{color:#333335;flex-shrink:0;flex-basis:25px;justify-content:center;align-items:center;font-size:19px;display:flex}.depict.plp .filters .body .range .slider{height:5px;background:#ddd;border-radius:5px;position:relative}.depict.plp .filters .body .range .slider .progress{height:100%;background:#0f0f0f;border-radius:5px;position:absolute;left:25%;right:25%}.depict.plp .filters .body .range .range-group{position:relative}.depict.plp .filters .body .range .range-group input{width:100%;height:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;background:0 0;margin:0;position:absolute;top:-2.5px}.depict.plp .filters .body .range .range-group input:focus{outline:none}.depict.plp .filters .body .range .range-group input::-webkit-slider-thumb{cursor:pointer;height:20px;width:20px;pointer-events:auto;-webkit-appearance:none;background:#0f0f0f;border-radius:50%;box-shadow:0 0 6px #0000000d}@media not all and (hover:none){.depict.plp .filters .body .range .range-group input::-webkit-slider-thumb:hover{background:#333335}}.depict.plp .filters .body .range .range-group input::-moz-range-thumb{cursor:pointer;height:20px;width:20px;pointer-events:auto;-moz-appearance:none;background:#0f0f0f;border:none;border-radius:50%;box-shadow:0 0 6px #0000000d}@media not all and (hover:none){.depict.plp .filters .body .range .range-group input::-moz-range-thumb:hover{background:#333335}}.depict.plp .filters .body .range .range-group input:focus-visible::-webkit-slider-thumb{background:#333335}.depict.plp .filters .body .range .range-group input:focus-visible::-moz-range-thumb{background:#333335}.depict.plp .filters .body .range .value-text{color:#333335;justify-content:space-between;padding-top:10px;display:flex}.depict.plp .filters .body .checkbox-grid{flex-wrap:wrap;margin:-5px;display:flex}.depict.plp .filters .body .checkbox-grid>*{margin:5px}.depict.plp .filters .body .checkbox-grid .major,.depict.plp .filters .body .checkbox-grid .minor{padding:5px 10px}.depict.plp .filters .body .checkbox-grid .major.minor,.depict.plp .filters .body .checkbox-grid .minor.minor{border:1px solid #d5d5d5}.depict.plp .filters .body .checkbox-color{flex-wrap:wrap;justify-content:space-between;display:flex}.depict.plp .filters .body .checkbox-color .input-row{width:calc(50% - 10px)}.depict.plp .filters .body .checkbox-color .custom-indicator{border:.5px solid #868689;margin-right:0}.depict.plp .filters .body .checkbox-color .text{margin-left:10px}@media not all and (hover:none){.depict.plp .filters .body .checkbox-color .input-row:hover .custom-indicator{margin:-1px 0 -1px -1px;box-shadow:inset 0 0 0 1px #fff;border:1px solid #868689!important}}.depict.plp .sorting .body{color:#333335;line-height:1}.depict.plp .sorting .body>:not(:first-child){margin-top:.5px}.depict.plp .sorting .body>:not(:last-child){margin-bottom:.5px}.depict.plp .sorting .body .input-row{justify-content:flex-start;align-items:center;display:flex}.depict.plp .morphing-sign{width:1.5em;height:1.5em;border:0;position:relative}.depict.plp .morphing-sign span{background:#333335;border-radius:2px;position:absolute}.depict.plp .morphing-sign span:first-child{width:10%;top:25%;bottom:25%;left:45%}.depict.plp .morphing-sign span:last-child{height:10%;top:45%;left:25%;right:25%}.depict.plp .depict-filter-sort-modal-backdrop{z-index:5000;touch-action:none;will-change:opacity;opacity:0;background:#000000b3;position:fixed;inset:0}.depict.plp .dismiss-modal{z-index:5003;cursor:pointer;background:0 0;border:none;padding:0;line-height:0;position:fixed;top:14px;left:4px;transform:translateY(calc(-100% - 14px))}.depict.plp .dismiss-modal svg{transform:scale(.6646)}.depict.plp .dismiss-modal svg path{fill:#fff}.depict.plp .filter-sort-modal{z-index:calc(5000 + 2);width:calc(100% - 30px);height:100%;will-change:transform;background:#fff;flex-direction:column;justify-content:space-between;display:flex;position:fixed;top:0;left:30px;transform:translateY(100%)}.depict.plp .filter-sort-modal details.sorting>summary,.depict.plp .filter-sort-modal details.filters>summary{list-style:none}.depict.plp .filter-sort-modal details.sorting>summary::-webkit-details-marker,.depict.plp .filter-sort-modal details.filters>summary::-webkit-details-marker{display:none}.depict.plp .filter-sort-modal details.sorting .sort-filter-summary>.summary,.depict.plp .filter-sort-modal details.filters .sort-filter-summary>.summary{cursor:pointer;color:#0f0f0f;border-top:1px solid #ececec;justify-content:space-between;padding:13px 20px;font-weight:400;display:flex;box-shadow:0 4px 4px #0f0f0f1a}.depict.plp .filter-sort-modal details.sorting .sort-filter-summary>.summary .left-els,.depict.plp .filter-sort-modal details.filters .sort-filter-summary>.summary .left-els{align-items:center;display:flex}.depict.plp .filter-sort-modal details.sorting .sort-filter-summary>.summary .left-els>:not(:first-child),.depict.plp .filter-sort-modal details.filters .sort-filter-summary>.summary .left-els>:not(:first-child){margin-left:5px}.depict.plp .filter-sort-modal details.sorting .sort-filter-summary>.summary .left-els>:not(:last-child),.depict.plp .filter-sort-modal details.filters .sort-filter-summary>.summary .left-els>:not(:last-child){margin-right:5px}.depict.plp .filter-sort-modal details[open] .sort-filter-summary>.summary{font-weight:600}.depict.plp .filter-sort-modal .filter-icon,.depict.plp .filter-sort-modal .sort-icon{fill:#0f0f0f}.depict.plp .filter-sort-modal>.body{flex-direction:column;display:flex;overflow-y:auto}.depict.plp .filter-sort-modal>.body>:not(:first-child){margin-top:1px}.depict.plp .filter-sort-modal>.body>:not(:last-child){margin-bottom:1px}.depict.plp .filter-sort-modal .filters .body,.depict.plp .filter-sort-modal .sorting .body{color:#333335}.depict.plp .filter-sort-modal .filters>summary .morphing-sign span,.depict.plp .filter-sort-modal .sorting>summary .morphing-sign span{background:#0f0f0f}.depict.plp .filter-sort-modal .filters .filter-collapsible-body{background:0 0}.depict.plp .filter-sort-modal .filters .body{background:unset;padding:10px}.depict.plp .filter-sort-modal .sorting .body{border-radius:4px;margin:10px;padding:0}.depict.plp .filter-sort-modal .bottom-row{flex-shrink:0;justify-content:space-between;padding:10px;display:flex}.depict.plp .filter-sort-modal .bottom-row>:not(:first-child){margin-left:5px}.depict.plp .filter-sort-modal .bottom-row>:not(:last-child){margin-right:5px}.depict.plp .filter-sort-modal .bottom-row>button{border-radius:4px;padding-top:12px;padding-bottom:12px}.depict.plp .filter-sort-modal .bottom-row .show-results{flex-grow:1;font-size:1.1em;font-weight:500}.depict.plp .filter-sort-modal .bottom-row .clear{font-size:1.1em}.depict.plp .floating-buttons{z-index:calc(5000 + 4);opacity:0;justify-content:flex-start;align-items:center;padding-left:12px;transition-duration:.3s;transition-timing-function:ease-in-out;display:flex;position:sticky;bottom:12px}.depict.plp .floating-buttons:not(.show-them){pointer-events:none}.depict.plp .floating-buttons.show-them{opacity:1}.depict.plp .floating-buttons .filter{margin-right:5px}.depict.plp .floating-buttons .sort{margin-left:5px;margin-right:5px}.depict.plp .floating-buttons .up{margin-left:5px}.depict.plp .floating-buttons .sort,.depict.plp .floating-buttons .filter,.depict.plp .floating-buttons .up{filter:drop-shadow(2px 2px 4px #0000001a)drop-shadow(-2px -2px 4px #ffffff4d);background:#f3f3f5;border:1px solid #0f0f0f;border-radius:20px;padding:10px}@media not all and (hover:none){.depict.plp .floating-buttons .sort:hover,.depict.plp .floating-buttons .filter:hover,.depict.plp .floating-buttons .up:hover{background:#e4e4e5}}.depict.plp .floating-buttons .sort:focus,.depict.plp .floating-buttons .filter:focus,.depict.plp .floating-buttons .up:focus{outline:none}.depict.plp .floating-buttons .sort:focus-visible,.depict.plp .floating-buttons .filter:focus-visible,.depict.plp .floating-buttons .up:focus-visible{background:#e4e4e5}.depict.plp .floating-buttons .sort div,.depict.plp .floating-buttons .filter div,.depict.plp .floating-buttons .up div{display:flex}.depict.plp .floating-buttons .sort svg path,.depict.plp .floating-buttons .filter svg path,.depict.plp .floating-buttons .up svg path{fill:#333335}.depict.plp .depict-slider{width:100%;position:relative}.depict.plp .depict-slider .sliding{height:100%;-ms-overflow-style:none;scrollbar-width:none;flex-flow:row;align-items:stretch;display:flex;overflow-x:scroll}.depict.plp .depict-slider .sliding>:not(:first-child){margin-left:5px}.depict.plp .depict-slider .sliding>:not(:last-child){margin-right:5px}.depict.plp .depict-slider .sliding::-webkit-scrollbar{display:none}.depict.plp .depict-slider .d-navbutton{z-index:2;touch-action:manipulation;cursor:pointer;height:calc(100% + 2px);width:26px;background:linear-gradient(270deg,#fff 50%,#0000 105%);border:none;justify-content:flex-end;align-items:center;padding:0 1px 0 0;transition-duration:.2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.depict.plp .depict-slider .d-navbutton.hidden{cursor:default;opacity:0;animation-name:depict_slider_button_unclickable;animation-duration:5s;animation-fill-mode:forwards}.depict.plp .depict-slider .d-navbutton.left{left:-1px;transform:translateY(-50%)rotate(180deg)}.depict.plp .depict-slider .d-navbutton.right{right:-1px}.depict.plp .depict-slider .d-navbutton img{width:100%;height:100%}.depict.plp .depict-slider .d-navbutton>div{display:flex}@media not all and (hover:none){.depict.plp .depict-slider .d-navbutton:hover svg{transform:scale(1.2)}}.depict.plp .depict-slider .d-navbutton:focus-visible svg{transform:scale(1.5)}.depict.plp .depict-slider .d-navbutton:focus-visible svg path{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.plp .depict-slider .d-navbutton svg{transition-duration:.15s}.depict.plp .depict-slider .d-navbutton:active{opacity:.9}@keyframes depict_slider_button_unclickable{0%{pointer-events:all}to{pointer-events:none;visibility:hidden}}.depict.plp button.major{color:#fff;white-space:pre-wrap;cursor:pointer;background:#0f0f0f;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}.depict.plp button.major svg path{fill:#fff}@media not all and (hover:none){.depict.plp button.major:hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#333335}}.depict.plp button.major:active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#000}.depict.plp button.major:focus{outline-style:none}.depict.plp button.major:focus-visible{filter:drop-shadow(2px 2px 4px #418fc3cc)drop-shadow(-2px -2px 4px #418fc3cc);background:#333335}.depict.plp button.minor{color:#0f0f0f;white-space:pre-wrap;cursor:pointer;background:#fff;border:1px solid #0f0f0f;border-radius:4px;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}.depict.plp button.minor svg path{fill:#0f0f0f}@media not all and (hover:none){.depict.plp button.minor:hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#f3f3f5}}.depict.plp button.minor:active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#e4e4e5}.depict.plp button.minor:focus{outline-style:none}.depict.plp button.minor:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);background:#f3f3f5}.depict.plp .line-clamp{text-overflow:ellipsis;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.depict.search .previous-searches{flex-direction:column;display:flex}.depict.search .previous-searches>:not(:first-child){margin-top:7.5px}.depict.search .previous-searches>:not(:last-child){margin-bottom:7.5px}.depict.search .previous-searches .list{flex-direction:column;display:flex}.depict.search .previous-searches .list>:not(:first-child){margin-top:2.5px}.depict.search .previous-searches .list>:not(:last-child){margin-bottom:2.5px}.depict.search .previous-searches .list .item{overflow-wrap:anywhere;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.depict.search .previous-searches .list .item .left{align-items:center;display:flex}.depict.search .previous-searches .list .item .left>:not(:first-child){margin-left:5px}.depict.search .previous-searches .list .item .left>:not(:last-child){margin-right:5px}.depict.search .previous-searches .list .item .left svg{min-width:12px}.depict.search .previous-searches .list .item .left svg path{fill:#333335}.depict.search .previous-searches .list .item .delete{height:100%;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 10px;display:flex}.depict.search .previous-searches .list .item .delete:focus{outline:none}.depict.search .previous-searches .list .item .delete svg{width:13px;height:13px;transition-duration:.15s}.depict.search .previous-searches .list .item .delete svg path{fill:#333335}.depict.search .previous-searches .list .item .delete:hover svg{transform:scale(1.2)}.depict.search .previous-searches .list .item .delete:hover svg path{fill:#000}.depict.search .previous-searches .list .item .delete:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .previous-searches .list .item .delete:focus-visible svg{transform:scale(1.2)}.depict.search .previous-searches .list .item .delete:focus-visible svg path{fill:#000}.depict.search .previous-searches .line-clamp,.depict.search .suggestions .line-clamp{-webkit-line-clamp:1}.depict.search .previous-searches .text,.depict.search .suggestions .text{color:#333335;margin-top:0;font-size:16px;font-weight:700}.depict.search .previous-searches .item,.depict.search .previous-searches .suggestion,.depict.search .suggestions .item,.depict.search .suggestions .suggestion{color:#333335;background:#fff;font-weight:400}.depict.search .previous-searches .item.selected,.depict.search .previous-searches .suggestion.selected,.depict.search .suggestions .item.selected,.depict.search .suggestions .suggestion.selected{background:#e4e4e5}.depict.search .previous-searches .item:focus-visible,.depict.search .previous-searches .suggestion:focus-visible,.depict.search .suggestions .item:focus-visible,.depict.search .suggestions .suggestion:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);outline:none}.depict.search .previous-searches .item:active,.depict.search .previous-searches .suggestion:active,.depict.search .suggestions .item:active,.depict.search .suggestions .suggestion:active{background:#cbcbcc}.depict.search .previous-searches .item .with-icon,.depict.search .previous-searches .suggestion .with-icon,.depict.search .suggestions .item .with-icon,.depict.search .suggestions .suggestion .with-icon{justify-content:center;align-items:center;display:flex}.depict.search .previous-searches .item .with-icon>:not(:first-child),.depict.search .previous-searches .suggestion .with-icon>:not(:first-child),.depict.search .suggestions .item .with-icon>:not(:first-child),.depict.search .suggestions .suggestion .with-icon>:not(:first-child){margin-left:4px}.depict.search .previous-searches .item .with-icon>:not(:last-child),.depict.search .previous-searches .suggestion .with-icon>:not(:last-child),.depict.search .suggestions .item .with-icon>:not(:last-child),.depict.search .suggestions .suggestion .with-icon>:not(:last-child){margin-right:4px}.depict.search .suggestions{flex-direction:column;display:flex}.depict.search .suggestions>:not(:first-child){margin-top:10px}.depict.search .suggestions>:not(:last-child){margin-bottom:10px}.depict.search .suggestions:not(.compact)>.suggestion-container>:not(:first-child),.depict.search .suggestions.compact>.suggestion-container:not(.query)>:not(:first-child){margin-top:2.5px}.depict.search .suggestions:not(.compact)>.suggestion-container>:not(:last-child),.depict.search .suggestions.compact>.suggestion-container:not(.query)>:not(:last-child){margin-bottom:2.5px}.depict.search .suggestions .suggestion-container{flex-direction:column;display:flex}.depict.search .suggestions .suggestion-container .suggestion{overflow-wrap:anywhere;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.depict.search .suggestions .suggestion-container .suggestion svg{flex-shrink:0}.depict.search .suggestions .suggestion-container .suggestion svg path{fill:#333335}.depict.search .suggestions .suggestion-container .suggestion .search-icon{max-width:12px;max-height:13px}.depict.search .suggestions .suggestion-container .suggestion .search-icon svg{transform:matrix(.6,0,0,.6,-4.14,-4.32)}.depict.search .suggestions .suggestion-container .suggestion .has-history-match{color:#333335 y;font-weight:400}.depict.search .suggestions .suggestion-container .suggestion .has-history-match .highlighted-part{color:#333335;font-weight:500}.depict.search .suggestions .suggestion-container .suggestion .category{margin-right:20px}.depict.search .suggestions .suggestion-container .suggestion .type{color:#868689;text-transform:capitalize;white-space:nowrap}.depict.search .suggestions .suggestion-container.query{flex-direction:column}.depict.search .suggestions .suggestion-container.query .suggestion{justify-content:flex-start}.depict.search .suggestions .suggestion-container.query .suggestion>:not(:first-child){margin-left:4px}.depict.search .suggestions .suggestion-container.query .suggestion>:not(:last-child){margin-right:4px}.depict.search .suggestions.compact>.suggestion-container.query{flex-flow:wrap;margin:-2.5px}.depict.search .suggestions.compact>.suggestion-container.query>*{margin:2.5px}.depict.search .category-suggestions{display:flex}.depict.search .category-suggestions .sliding{margin-bottom:-2px;padding-bottom:2px}.depict.search .category-suggestions .title{font-weight:500}.depict.search .category-suggestions .category-suggestion{color:#0f0f0f;height:100%;background:#fff;border:1px solid #e4e4e5;justify-content:space-between;align-items:center;padding:10px 20px;transition:background .1s ease-in-out;display:flex}.depict.search .category-suggestions .category-suggestion:focus-visible{background:#f3f3f5}@media not all and (hover:none){.depict.search .category-suggestions .category-suggestion:hover{background:#f3f3f5}}.depict.search .category-suggestions .category-suggestion:active{background:#e4e4e5}.depict.search .category-suggestions .category-suggestion>:not(:first-child){margin-left:5px}.depict.search .category-suggestions .category-suggestion>:not(:last-child){margin-right:5px}.depict.search .category-suggestions .category-suggestion .parent-title{font-weight:300}.depict.search .category-suggestions .category-suggestion>*{white-space:nowrap;font-size:.85em}.depict.search .instant-results{flex-direction:column;display:flex}.depict.search .instant-results>:not(:first-child){margin-top:2.5px}.depict.search .instant-results>:not(:last-child){margin-bottom:2.5px}.depict.search .instant-results .instant-card{background:#fff;border-radius:4px;flex:100%;padding:5px 20px;display:flex;overflow:hidden}.depict.search .instant-results .instant-card:hover,.depict.search .instant-results .instant-card:focus{z-index:2;box-shadow:2px 2px 4px #00000026,-4px -4px 4px #ffffff4d}.depict.search .instant-results .instant-card>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card>:not(:last-child){margin-right:.75vw}.depict.search .instant-results .instant-card .img-part{flex:0 0 100px}.depict.search .instant-results .instant-card .right-part{flex-grow:1;justify-content:space-between;display:flex}.depict.search .instant-results .instant-card .right-part>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part>:not(:last-child){margin-right:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline{justify-content:center;align-items:center;display:flex}@media (min-width:601px){.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:last-child){margin-right:.75vw}}@media (max-width:600px){.depict.search .instant-results .instant-card .right-part .title-brand-tagline{flex-direction:column;align-items:flex-start}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:first-child){margin-top:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:last-child){margin-bottom:.75vw}}.depict.search .instant-results .instant-card .right-part .title-brand-tagline .title{-webkit-line-clamp:2}.depict.search .instant-results .instant-card .right-part .title-brand-tagline .tagline{color:#868689;font-size:.9em}.depict.search .instant-results .instant-card .right-part .price-container{justify-content:center;align-items:center;display:flex}@media (min-width:601px){.depict.search .instant-results .instant-card .right-part .price-container>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part .price-container>:not(:last-child){margin-right:.75vw}}.depict.search .instant-results .instant-card .right-part .price-container .price:not(.orig){color:#333335;font-weight:700}.depict.search .instant-results .instant-card .right-part .price-container .price.orig{color:#868689;text-decoration:line-through}.depict.search .instant-results .instant-card .right-part .price-container .price.sales-price{color:#ff2e3e}@media (max-width:600px){.depict.search .instant-results .instant-card .right-part .price-container{flex-direction:column}.depict.search .instant-results .instant-card .right-part .price-container>:not(:first-child){margin-top:.75vw}.depict.search .instant-results .instant-card .right-part .price-container>:not(:last-child){margin-bottom:.75vw}.depict.search .instant-results .instant-card .right-part .price-container .price:not(.orig){order:0}.depict.search .instant-results .instant-card .right-part .price-container .price.orig{order:1}}.depict.search .search-field{z-index:calc(1 + 5);border-radius:10px;display:flex;box-shadow:0 4px 4px #0000000d}.depict.search .search-field input,.depict.search .search-field button{margin:0}.depict.search .search-field .query{font-size:initial;width:100%;color:#333335;background-color:#fff;border:none;border-radius:10px 0 0 10px;flex-grow:1;padding:14px 55px 14px 20px}.depict.search .search-field .query:focus{color:#000;outline:none}@media not all and (hover:none){.depict.search .search-field .query:hover{color:#000;outline:none}}.depict.search .search-field .query.has-adjacent-back-button{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0}.depict.search .search-field .field{flex-grow:1;display:flex;position:relative}.depict.search .search-field .back{cursor:pointer;background-color:#fff;border:none;border-top-left-radius:10px;border-bottom-left-radius:10px;justify-content:center;align-items:center;padding:14px 15px 14px 10px;display:flex}.depict.search .search-field .back svg path{fill:#333335}.depict.search .search-field .back:focus{outline:none}.depict.search .search-field .back:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .search-field .back:focus-visible svg path{fill:#0f0f0f}@media not all and (hover:none){.depict.search .search-field .back:hover svg path{fill:#0f0f0f}}.depict.search .search-field .clear,.depict.search .search-field .submit{cursor:pointer}.depict.search .search-field .clear{background-color:#fff;border:none;padding:0;position:absolute;top:50%;right:30px;transform:translateY(-50%)scale(.8)}.depict.search .search-field .clear svg path{fill:#333335}.depict.search .search-field .clear:focus{outline:none}.depict.search .search-field .clear:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .search-field .clear:focus-visible svg path{fill:#000}@media not all and (hover:none){.depict.search .search-field .clear:hover svg path{fill:#000}}.depict.search .search-field .submit{min-width:50px;border:none;border-radius:0 10px 10px 0;padding:0}.depict.search .search-field:not(.in-modal) .query{border-top:1px solid #cbcbcc;border-bottom:1px solid #cbcbcc;border-left:1px solid #cbcbcc}.depict.search .search-field:not(.in-modal) .submit{border-top:1px solid #cbcbcc;border-bottom:1px solid #cbcbcc;border-right:1px solid #cbcbcc}.depict.search .depict-search-modal-backdrop{z-index:5000;touch-action:none;background:#0006;position:fixed;inset:0}.depict.search .depict-search-modal{justify-content:center;display:flex}.depict.search .depict-search-modal .search-field{z-index:calc(5000 + 5)}.depict.search .depict-search-modal .body{max-width:800px;z-index:calc(5000 + 1);background:#f3f3f5;border-radius:10px;flex-direction:column;display:flex}@media (hover:hover) and (pointer:fine) and (max-height:790px){.depict.search .depict-search-modal .body{max-height:100%;position:fixed;top:0}}@media (hover:hover) and (pointer:fine) and (max-height:790px) and (max-width:600px){.depict.search .depict-search-modal .body{width:calc(100% - 30px);left:30px}}@media not all and (hover:hover) and (pointer:fine){@media (max-height:1000px){.depict.search .depict-search-modal .body{max-height:100%;position:fixed;top:0}}@media (max-height:1000px) and (max-width:600px){.depict.search .depict-search-modal .body{width:calc(100% - 30px);left:30px}}}.depict.search .depict-search-modal .body .padded>*,.depict.search .depict-search-modal .body .search-field{flex-shrink:0}.depict.search .depict-search-modal .body .padded{flex-direction:column;padding-top:20px;padding-left:max(1vw,10px);padding-right:max(1vw,10px);display:flex;overflow:auto}.depict.search .depict-search-modal .body .padded>:not(:first-child){margin-top:10px}.depict.search .depict-search-modal .body .padded>:not(:last-child){margin-bottom:10px}.depict.search .depict-search-modal .body .discover-more{justify-content:center;display:flex}.depict.search .depict-search-modal .body .discover-more button{text-transform:uppercase;margin:20px 0;padding:12px 18px}.depict.search .listing-page .load-more-container,.depict.search .listing-page .load-less-container{justify-content:center;display:flex}.depict.search .listing-page .content-results{margin-bottom:20px}@media (max-width:651px){.depict.search .listing-page .content-results{margin-bottom:16px}}.depict.search .listing-page .search-field{width:min(100%,800px);align-self:center;margin-top:40px;margin-bottom:20px}@media (max-width:651px){.depict.search .listing-page .search-field{margin-top:16px;margin-bottom:16px}}.depict.search .listing-page .search-field~.category-suggestions .category-suggestion:last-child{margin-right:auto}.depict.search .listing-page .search-field~.category-suggestions .category-suggestion:first-child{margin-left:auto}.depict.search .listing-page .category-suggestions{margin-bottom:20px}@media (max-width:651px){.depict.search .listing-page .category-suggestions{margin-bottom:16px}}@media (min-width:652px){.depict.search .listing-page .search-field+.filter-results-for-one-row,.depict.search .listing-page .search-field+.results-for{margin-top:20px}}.depict.search .listing-page .search-recs{margin-top:60px;padding-top:60px}@media (max-width:651px){.depict.search .listing-page .search-recs{margin-top:48px;padding-top:48px}}.depict.search .listing-page .PLP-results.nothing+.search-recs{margin-top:30px;padding-top:30px}@media (max-width:651px){.depict.search .listing-page .PLP-results.nothing+.search-recs{margin-top:24px;padding-top:24px}}.depict.search .listing-page .search-recs{border-top:2px solid #e4e4e5;flex-direction:column;display:flex}.depict.search .listing-page .search-recs .search-recs-title{margin-top:0;margin-bottom:20px;font-size:24px;font-weight:600;line-height:1}.depict.search .listing-page .search-recs .load-more-container{margin-top:30px}.depict.search .results-for{overflow-wrap:anywhere;font-size:1.5em}.depict.search .listing-page .content-results{flex-direction:column;display:flex}.depict.search .listing-page .content-results .results-for{margin-bottom:20px}@media (max-width:651px){.depict.search .listing-page .content-results .results-for{margin-bottom:16px}}.depict.search .listing-page .content-results .load-more-container,.depict.search .listing-page .content-results .load-less-container{margin-top:8px}.depict.search .listing-page .content-results .view-more,.depict.search .listing-page .content-results .view-less{color:#0f0f0f;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:1em;text-decoration:underline}@media not all and (hover:none){.depict.search .listing-page .content-results .view-more:hover,.depict.search .listing-page .content-results .view-less:hover{color:#333335;cursor:pointer}}.depict.search .listing-page .content-results .view-more:focus-visible,.depict.search .listing-page .content-results .view-less:focus-visible{outline:1px solid #fff;box-shadow:0 0 0 3.5px #0f0f0f}.depict.search .listing-page .content-results .view-more:active,.depict.search .listing-page .content-results .view-less:active{color:#000}.depict.search .content-card{display:flex}.depict.search .content-card:has(.content-title:focus-visible){background:#e4e4e5}.depict.search .content-card .info{flex-direction:column;flex-grow:1;display:flex}.depict.search .content-card .info>:not(:first-child){margin-top:4px}.depict.search .content-card .info>:not(:last-child){margin-bottom:4px}.depict.search .content-card .highlighted-part{color:#000;font-weight:600}@media not all and (hover:none){.depict.search .content-card:has(.image a:hover) .content-title{color:#333335;text-decoration:underline}}.depict.search .content-card .content-title{-webkit-line-clamp:1;color:#0f0f0f;align-self:flex-start;font-size:1.2em;font-weight:500}@media not all and (hover:none){.depict.search .content-card .content-title:hover,.depict.search .content-card .content-title:hover .highlighted-part{color:#333335;text-decoration:underline}}.depict.search .content-card .content-title:focus-visible{color:#333335;text-decoration:underline}.depict.search .content-card .content-title:active,.depict.search .content-card .content-title:active .highlighted-part{color:#000}.depict.search .content-card .description{-webkit-line-clamp:2;color:#333335}.depict.search .content-card .image{flex-direction:column;display:flex}.depict.search .content-card .image>*{padding-right:8px}.depict.search .content-card .image svg path{fill:#0f0f0f}.depict.category .crumbs{flex-wrap:wrap;display:flex}.depict.category .crumbs .crumb{color:#333335}.depict.category .crumbs .crumb:hover{text-decoration:underline}.depict.category .crumbs .crumb:last-of-type{color:#0f0f0f;font-weight:500}.depict.category .crumbs .separator{color:#868689;margin-left:10px;margin-right:10px}.depict.category .quicklinks{overflow:hidden}.depict.category .quicklinks .quicklink{white-space:nowrap;color:#0f0f0f;background:#fff;border:1px solid #cbcbcc;border-radius:4px;padding:10px 20px;transition:all 75ms ease-in-out}.depict.category .quicklinks .quicklink:focus{outline:none}@media not all and (hover:none){.depict.category .quicklinks .quicklink:hover{background:#f3f3f5}}.depict.category .quicklinks .quicklink:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);background:#f3f3f5}.depict.category .quicklinks .quicklink:active{background:#e4e4e5}.depict.category .quicklinks .quicklink.selected{color:#fff;background:#0f0f0f;border:1px solid #0000}@media not all and (hover:none){.depict.category .quicklinks .quicklink.selected:hover{background:#333335}}.depict.category .quicklinks .quicklink.selected:focus-visible{filter:drop-shadow(2px 2px 4px #418fc3cc)drop-shadow(-2px -2px 4px #418fc3cc);background:#333335}.depict.category .quicklinks .quicklink.selected:active{background:#000}.depict.category .category-title{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;font-size:1.5em;display:flex}.depict.category .category-title *{align-items:center;display:flex}.depict.category .category-title .title{font-weight:700;font-size:inherit;margin-right:10px}.depict.category .category-title .explanation{color:#868689;font-weight:500}.depict.category .category-title .explanation .product-count{margin-left:10px}.depict.category .listing-page .quicklinks,.depict.category .listing-page .crumbs{margin-bottom:20px}@media (max-width:651px){.depict.category .listing-page .quicklinks,.depict.category .listing-page .crumbs{margin-bottom:16px}}.depict.plp.toast{z-index:calc(5000 + 5);white-space:nowrap;border-bottom-style:solid;border-bottom-width:2px;background:#fff;border-image-source:linear-gradient(90deg,#0f0f0f 0% 100%);border-image-slice:0 0 100%;border-radius:4px;padding:10px 20px;position:fixed;bottom:10px;left:50%;transform:translate(-50%);box-shadow:2px 2px 4px #0000000d}.depict.plp.toast *,.depict.plp.toast *{-webkit-user-select:none;user-select:none}@media (min-width:1000px){.depict.plp.toast{padding:10px 40px}}.depict.plp.toast,.depict.plp.toast .buttons{justify-content:center;align-items:center;display:flex}@media (max-width:999px){.depict.plp.toast>:not(:first-child),.depict.plp.toast .buttons>:not(:first-child){margin-left:5px}.depict.plp.toast>:not(:last-child),.depict.plp.toast .buttons>:not(:last-child){margin-right:5px}}@media (min-width:1000px){.depict.plp.toast>:not(:first-child),.depict.plp.toast .buttons>:not(:first-child){margin-left:15px}.depict.plp.toast>:not(:last-child),.depict.plp.toast .buttons>:not(:last-child){margin-right:15px}}.depict.plp.toast{color:#0f0f0f}.depict.plp.toast button{cursor:pointer;border-radius:4px;padding:5px 20px}.depict-placeholder{will-change:mask,-webkit-mask;mask-position-x:125%;mask-position-y:50%;-webkit-mask-image: ;-webkit-mask-image: ;mask-image: ;-webkit-mask-size: ;-webkit-mask-size: ;mask-size: ;background:#ddd;animation:1.5s linear infinite depict-placeholder;display:inline-block;overflow:hidden;-webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) 125%/300% 100%}@keyframes depict-placeholder{0%{mask-position-x:125%;-webkit-mask-position-x:125%}10%{mask-position-x:125%;-webkit-mask-position-x:125%}90%{mask-position-x:-25%;-webkit-mask-position-x:-25%}to{mask-position-x:-25%;-webkit-mask-position-x:-25%}}
package/latest/index.cjs CHANGED
@@ -35,7 +35,7 @@ $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fb
35
35
  $parcel$export(module.exports, "Navigation", () => $b742053c966024b4$export$b8a61e5c71402559);
36
36
  /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
37
37
  // Note, if you add an export here, also add one in src-server/main.ts
38
- const $db7b67857900028b$export$83d89fbfd8236492 = "1.5.4";
38
+ const $db7b67857900028b$export$83d89fbfd8236492 = "1.5.6";
39
39
  const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
40
40
  usedLocale: (0, $2IzJs$solidjs.createSignal)((0, $2IzJs$depictaiuilocales.defaultLocale)),
41
41
  search_instances: new Map(),
@@ -50,7 +50,8 @@ const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
50
50
  search_page_path_: (0, $2IzJs$solidjs.createSignal)(),
51
51
  search_page_in_dom: (0, $2IzJs$solidjs.createSignal)(false),
52
52
  category_page_in_dom: (0, $2IzJs$solidjs.createSignal)(false),
53
- provider_is_updating: (0, $2IzJs$solidjs.createSignal)(false)
53
+ provider_is_updating: (0, $2IzJs$solidjs.createSignal)(false),
54
+ enable_content_search: (0, $2IzJs$solidjs.createSignal)()
54
55
  };
55
56
  class $d7a14567b529586f$export$d0f82e3ef89b1f22 extends (0, $2IzJs$react.Component) {
56
57
  constructor(props) {
@@ -315,7 +316,8 @@ function $b1cf911fa603e77a$export$bae2769a30719c48(disposable, stateKey) {
315
316
  merchant: [get_merchant],
316
317
  market: [get_market],
317
318
  search_query_url_param_name: search_query_url_param_name,
318
- search_page_path_: [get_search_page_path]
319
+ search_page_path_: [get_search_page_path],
320
+ enable_content_search: [get_enable_content_search]
319
321
  } = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e);
320
322
  const instance = new (0, $2IzJs$depictaiui.DepictSearch)({
321
323
  api: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api,
@@ -328,7 +330,8 @@ function $b1cf911fa603e77a$export$bae2769a30719c48(disposable, stateKey) {
328
330
  localization: (0, $2IzJs$solidjs.untrack)(get_locale),
329
331
  url_transformer: url => url.pathname = (0, $2IzJs$solidjs.untrack)(get_search_page_path),
330
332
  on_navigation: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).on_navigation,
331
- unique_instance_key_for_state: stateKey
333
+ unique_instance_key_for_state: stateKey,
334
+ enable_content_search: (0, $2IzJs$solidjs.untrack)(get_enable_content_search)
332
335
  });
333
336
  (0, $2IzJs$solidjs.createComputed)(() => {
334
337
  const new_merchant = get_merchant();
@@ -339,6 +342,7 @@ function $b1cf911fa603e77a$export$bae2769a30719c48(disposable, stateKey) {
339
342
  if (new_market) instance.market = new_market;
340
343
  });
341
344
  (0, $2IzJs$solidjs.createComputed)(() => instance.localization = get_locale());
345
+ (0, $2IzJs$solidjs.createComputed)(() => instance.enable_content_search = get_enable_content_search());
342
346
  return {
343
347
  instance: instance,
344
348
  dispose: dispose,
@@ -410,13 +414,15 @@ function $24b00503eef73528$var$ActualDepictProvider(props) {
410
414
  const {
411
415
  searchPagePath: searchPagePath,
412
416
  urlParamName: urlParamName,
413
- enableCategorySuggestions: enableCategorySuggestions
417
+ enableCategorySuggestions: enableCategorySuggestions,
418
+ enableContentSearch: enableContentSearch
414
419
  } = props.search ?? {};
415
420
  $24b00503eef73528$var$multiple_depictprovider_guard();
416
421
  // Will run on other prop changes, but harmless
417
422
  (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).userId[1](userId);
418
423
  (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).sessionId[1](sessionId);
419
424
  (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).usedLocale[1](usedLocale);
425
+ (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).enable_content_search[1](enableContentSearch);
420
426
  (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).metaData = metaData;
421
427
  (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search_query_url_param_name = urlParamName;
422
428
  (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).enableCategorySuggestions = enableCategorySuggestions;
@@ -429,7 +435,6 @@ function $24b00503eef73528$var$ActualDepictProvider(props) {
429
435
  const {
430
436
  search_instances: search_instances,
431
437
  category_instances: category_instances,
432
- api: api,
433
438
  search_page_path_: [, set_search_page_path]
434
439
  } = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e);
435
440
  if (typeof window?.next?.router === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
@@ -445,12 +450,13 @@ function $24b00503eef73528$var$ActualDepictProvider(props) {
445
450
  });else (0, $bc389476eeb2b615$export$599d4515591ef232)(new_relative_url, is_replace, scroll);
446
451
  };
447
452
  (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).on_navigation = on_navigation;
448
- if (!api) (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api = new (0, $2IzJs$depictaiui.DepictAPI)({
453
+ (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api ||= new (0, $2IzJs$depictaiui.DepictAPI)({
449
454
  get_metadata: async () => (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).metaData,
450
455
  get_user_id: () => (0, $2IzJs$solidjs.untrack)((0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).userId[0]),
451
456
  get_session_id: () => (0, $2IzJs$solidjs.untrack)((0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).sessionId[0])
452
457
  });
453
458
  (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api.page_url_creator = props.pageURLCreator;
459
+ (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api.display_transformers = props.displayTransformers;
454
460
  if (searchPagePath) set_search_page_path($24b00503eef73528$var$ensure_correct_formatting(searchPagePath));
455
461
  if (!search_instances.get(undefined)) {
456
462
  // Create initial search instance which always exists. It i.e. gards against the state getting deleted from history.state by someone pushing to it with an empty object, which commonly people copy from code snippets.
package/latest/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
3
3
  import React, { ReactNode, PropsWithChildren, ReactElement } from "react";
4
4
  import { DPC } from "@depict-ai/dpc/latest";
5
5
  import { Locale } from "@depict-ai/ui/locales/latest";
6
- export const version = "1.5.4";
6
+ export const version = "1.5.6";
7
7
  interface PLPConfig<T extends Display> extends BaseProductListingConfig {
8
8
  /**
9
9
  * The product card to use for rendering products.
@@ -525,5 +525,5 @@ export const Navigation: {
525
525
  nextRouterNavigation: (router: import("next/router").NextRouter) => import("ui/components/DepictProvider").NavigateFunction;
526
526
  };
527
527
  export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
528
- export type { PageURLCreator } from "@depict-ai/ui";
528
+ export type { PageURLCreator, DisplayTransformers } from "@depict-ai/ui";
529
529
  export type { Locale } from "@depict-ai/ui/locales";
package/latest/index.js CHANGED
@@ -13,7 +13,7 @@ import { DPC as $2GFvs$DPC } from "@depict-ai/dpc/latest";
13
13
  // Note, if you add an export here, also add one in src-server/main.ts
14
14
  import { register_es_version } from "../multi_import_deduplicator.mjs";
15
15
  register_es_version("react-ui", "latest");
16
- const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.5.4";
16
+ const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.5.6";
17
17
  const $42858f023ef23dab$export$8e769ad4338a911e = {
18
18
  usedLocale: (0, $2GFvs$createSignal)((0, $2GFvs$defaultLocale)),
19
19
  search_instances: new Map(),
@@ -28,7 +28,8 @@ const $42858f023ef23dab$export$8e769ad4338a911e = {
28
28
  search_page_path_: (0, $2GFvs$createSignal)(),
29
29
  search_page_in_dom: (0, $2GFvs$createSignal)(false),
30
30
  category_page_in_dom: (0, $2GFvs$createSignal)(false),
31
- provider_is_updating: (0, $2GFvs$createSignal)(false)
31
+ provider_is_updating: (0, $2GFvs$createSignal)(false),
32
+ enable_content_search: (0, $2GFvs$createSignal)()
32
33
  };
33
34
  class $d5c9e1f3545b4984$export$d0f82e3ef89b1f22 extends (0, $2GFvs$Component) {
34
35
  constructor(props) {
@@ -293,7 +294,8 @@ function $80202ccbe2ade418$export$bae2769a30719c48(disposable, stateKey) {
293
294
  merchant: [get_merchant],
294
295
  market: [get_market],
295
296
  search_query_url_param_name: search_query_url_param_name,
296
- search_page_path_: [get_search_page_path]
297
+ search_page_path_: [get_search_page_path],
298
+ enable_content_search: [get_enable_content_search]
297
299
  } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
298
300
  const instance = new (0, $2GFvs$DepictSearch)({
299
301
  api: (0, $42858f023ef23dab$export$8e769ad4338a911e).api,
@@ -306,7 +308,8 @@ function $80202ccbe2ade418$export$bae2769a30719c48(disposable, stateKey) {
306
308
  localization: (0, $2GFvs$untrack)(get_locale),
307
309
  url_transformer: url => url.pathname = (0, $2GFvs$untrack)(get_search_page_path),
308
310
  on_navigation: (0, $42858f023ef23dab$export$8e769ad4338a911e).on_navigation,
309
- unique_instance_key_for_state: stateKey
311
+ unique_instance_key_for_state: stateKey,
312
+ enable_content_search: (0, $2GFvs$untrack)(get_enable_content_search)
310
313
  });
311
314
  (0, $2GFvs$createComputed)(() => {
312
315
  const new_merchant = get_merchant();
@@ -317,6 +320,7 @@ function $80202ccbe2ade418$export$bae2769a30719c48(disposable, stateKey) {
317
320
  if (new_market) instance.market = new_market;
318
321
  });
319
322
  (0, $2GFvs$createComputed)(() => instance.localization = get_locale());
323
+ (0, $2GFvs$createComputed)(() => instance.enable_content_search = get_enable_content_search());
320
324
  return {
321
325
  instance: instance,
322
326
  dispose: dispose,
@@ -388,13 +392,15 @@ function $5376eb2a386cd90d$var$ActualDepictProvider(props) {
388
392
  const {
389
393
  searchPagePath: searchPagePath,
390
394
  urlParamName: urlParamName,
391
- enableCategorySuggestions: enableCategorySuggestions
395
+ enableCategorySuggestions: enableCategorySuggestions,
396
+ enableContentSearch: enableContentSearch
392
397
  } = props.search ?? {};
393
398
  $5376eb2a386cd90d$var$multiple_depictprovider_guard();
394
399
  // Will run on other prop changes, but harmless
395
400
  (0, $42858f023ef23dab$export$8e769ad4338a911e).userId[1](userId);
396
401
  (0, $42858f023ef23dab$export$8e769ad4338a911e).sessionId[1](sessionId);
397
402
  (0, $42858f023ef23dab$export$8e769ad4338a911e).usedLocale[1](usedLocale);
403
+ (0, $42858f023ef23dab$export$8e769ad4338a911e).enable_content_search[1](enableContentSearch);
398
404
  (0, $42858f023ef23dab$export$8e769ad4338a911e).metaData = metaData;
399
405
  (0, $42858f023ef23dab$export$8e769ad4338a911e).search_query_url_param_name = urlParamName;
400
406
  (0, $42858f023ef23dab$export$8e769ad4338a911e).enableCategorySuggestions = enableCategorySuggestions;
@@ -407,7 +413,6 @@ function $5376eb2a386cd90d$var$ActualDepictProvider(props) {
407
413
  const {
408
414
  search_instances: search_instances,
409
415
  category_instances: category_instances,
410
- api: api,
411
416
  search_page_path_: [, set_search_page_path]
412
417
  } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
413
418
  if (typeof window?.next?.router === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
@@ -423,12 +428,13 @@ function $5376eb2a386cd90d$var$ActualDepictProvider(props) {
423
428
  });else (0, $7216ca4c8308a0f9$export$599d4515591ef232)(new_relative_url, is_replace, scroll);
424
429
  };
425
430
  (0, $42858f023ef23dab$export$8e769ad4338a911e).on_navigation = on_navigation;
426
- if (!api) (0, $42858f023ef23dab$export$8e769ad4338a911e).api = new (0, $2GFvs$DepictAPI)({
431
+ (0, $42858f023ef23dab$export$8e769ad4338a911e).api ||= new (0, $2GFvs$DepictAPI)({
427
432
  get_metadata: async () => (0, $42858f023ef23dab$export$8e769ad4338a911e).metaData,
428
433
  get_user_id: () => (0, $2GFvs$untrack)((0, $42858f023ef23dab$export$8e769ad4338a911e).userId[0]),
429
434
  get_session_id: () => (0, $2GFvs$untrack)((0, $42858f023ef23dab$export$8e769ad4338a911e).sessionId[0])
430
435
  });
431
436
  (0, $42858f023ef23dab$export$8e769ad4338a911e).api.page_url_creator = props.pageURLCreator;
437
+ (0, $42858f023ef23dab$export$8e769ad4338a911e).api.display_transformers = props.displayTransformers;
432
438
  if (searchPagePath) set_search_page_path($5376eb2a386cd90d$var$ensure_correct_formatting(searchPagePath));
433
439
  if (!search_instances.get(undefined)) {
434
440
  // Create initial search instance which always exists. It i.e. gards against the state getting deleted from history.state by someone pushing to it with an empty object, which commonly people copy from code snippets.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@depict-ai/react-ui",
3
- "version": "1.5.4",
3
+ "version": "1.5.6",
4
4
  "packageManager": "yarn@3.2.2",
5
5
  "source": "src/index.ts",
6
6
  "types": "ES10/index.d.ts",
@@ -135,10 +135,10 @@
135
135
  "@babel/plugin-transform-typescript": "^7.22.9",
136
136
  "@babel/runtime": "latest",
137
137
  "@babel/runtime-corejs3": "latest",
138
- "@depict-ai/dpc": "^1.0.31",
139
- "@depict-ai/plp-styling": "^1.0.30",
140
- "@depict-ai/ui": "^1.4.4",
141
- "@depict-ai/utilishared": "^1.0.29",
138
+ "@depict-ai/dpc": "^1.0.32",
139
+ "@depict-ai/plp-styling": "^1.0.31",
140
+ "@depict-ai/ui": "^1.4.6",
141
+ "@depict-ai/utilishared": "^1.0.30",
142
142
  "solid-js": "^1.7.3"
143
143
  },
144
144
  "peerDependencies": {
@@ -150,7 +150,7 @@
150
150
  "@babel/core": "latest",
151
151
  "@babel/preset-env": "latest",
152
152
  "@babel/preset-typescript": "latest",
153
- "@depict-ai/plp-styling": "^1.0.30",
153
+ "@depict-ai/plp-styling": "^1.0.31",
154
154
  "@jest/globals": "^29.3.1",
155
155
  "@parcel/babel-preset-env": "latest",
156
156
  "@parcel/transformer-sass": "latest",
@@ -43,7 +43,7 @@ function $f144be06c518d0ac$export$4b564d7f5a1b1d43(_ref) {
43
43
  }
44
44
  }));
45
45
  }
46
- const $efbdd2dab4314170$export$83d89fbfd8236492 = "1.5.4";
46
+ const $efbdd2dab4314170$export$83d89fbfd8236492 = "1.5.6";
47
47
  function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
48
48
  return props.children;
49
49
  }
@@ -3,7 +3,7 @@ import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
3
3
  import React, { ReactNode, PropsWithChildren, ReactElement } from "react";
4
4
  import { DPC } from "@depict-ai/dpc/ES10";
5
5
  import { Locale } from "@depict-ai/ui/locales/ES10";
6
- export const version = "1.5.4";
6
+ export const version = "1.5.6";
7
7
  interface PLPConfig<T extends Display> extends BaseProductListingConfig {
8
8
  /**
9
9
  * The product card to use for rendering products.
@@ -525,5 +525,5 @@ export const Navigation: {
525
525
  nextRouterNavigation: (router: import("next/router").NextRouter) => import("ui/components/DepictProvider").NavigateFunction;
526
526
  };
527
527
  export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
528
- export type { PageURLCreator } from "@depict-ai/ui";
528
+ export type { PageURLCreator, DisplayTransformers } from "@depict-ai/ui";
529
529
  export type { Locale } from "@depict-ai/ui/locales";
@@ -22,7 +22,7 @@ function $e8e755ef02e716bf$export$4b564d7f5a1b1d43(_ref) {
22
22
  }
23
23
  }));
24
24
  }
25
- const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "1.5.4";
25
+ const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "1.5.6";
26
26
  function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
27
27
  return props.children;
28
28
  }
@@ -42,7 +42,7 @@ function $35dfe83eec81954c$export$4b564d7f5a1b1d43({
42
42
  }
43
43
  }));
44
44
  }
45
- const $db7b67857900028b$export$83d89fbfd8236492 = "1.5.4";
45
+ const $db7b67857900028b$export$83d89fbfd8236492 = "1.5.6";
46
46
  function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
47
47
  return props.children;
48
48
  }
@@ -3,7 +3,7 @@ import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
3
3
  import React, { ReactNode, PropsWithChildren, ReactElement } from "react";
4
4
  import { DPC } from "@depict-ai/dpc/latest";
5
5
  import { Locale } from "@depict-ai/ui/locales/latest";
6
- export const version = "1.5.4";
6
+ export const version = "1.5.6";
7
7
  interface PLPConfig<T extends Display> extends BaseProductListingConfig {
8
8
  /**
9
9
  * The product card to use for rendering products.
@@ -525,5 +525,5 @@ export const Navigation: {
525
525
  nextRouterNavigation: (router: import("next/router").NextRouter) => import("ui/components/DepictProvider").NavigateFunction;
526
526
  };
527
527
  export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
528
- export type { PageURLCreator } from "@depict-ai/ui";
528
+ export type { PageURLCreator, DisplayTransformers } from "@depict-ai/ui";
529
529
  export type { Locale } from "@depict-ai/ui/locales";
@@ -21,7 +21,7 @@ function $4568c09979447ab1$export$4b564d7f5a1b1d43({
21
21
  }
22
22
  }));
23
23
  }
24
- const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.5.4";
24
+ const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.5.6";
25
25
  function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
26
26
  return props.children;
27
27
  }