@depict-ai/react-ui 4.0.0 → 4.0.2

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,11 +35,13 @@ $parcel$export(module.exports, "useFetchRecommendations", () => $2ea1d71b2958190
35
35
  $parcel$export(module.exports, "usePerformanceClient", () => $18f442be2cc59de2$export$38b98fae14bd1f64);
36
36
  $parcel$export(module.exports, "CategoryTitle", () => $151509d164ba25a9$re_export$CategoryTitle);
37
37
  $parcel$export(module.exports, "EmbeddedNumProducts", () => $151509d164ba25a9$re_export$EmbeddedNumProducts);
38
+ $parcel$export(module.exports, "SearchModalV2", () => $151509d164ba25a9$re_export$SearchModalV2);
39
+ $parcel$export(module.exports, "ClassicSearchModal", () => $151509d164ba25a9$re_export$ClassicSearchModal);
38
40
  $parcel$export(module.exports, "version", () => $efbdd2dab4314170$export$83d89fbfd8236492);
39
41
  $parcel$export(module.exports, "Navigation", () => $0d3a2413fdeb34b9$export$b8a61e5c71402559);
40
42
  /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
41
43
  // Note, if you add an export here, also add one in src-server/main.ts
42
- const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.0.0";
44
+ const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.0.2";
43
45
  const $ef516b1f92253963$export$8e769ad4338a911e = {
44
46
  usedLocale: $2kiy7$solidjs.createSignal((0, $2kiy7$depictaiuilocales.defaultLocale)),
45
47
  search_instances: new Map(),
package/ES10/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } fr
3
3
  import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/ES10";
4
4
  import { Locale } from "@depict-ai/ui/locales/ES10";
5
5
  import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
6
- export const version = "4.0.0";
6
+ export const version = "4.0.2";
7
7
  interface UsePerformanceClientReturn {
8
8
  dpc: DPC;
9
9
  }
@@ -608,6 +608,6 @@ export function useFetchRecommendations<T extends ModernDisplay>(): UseFetchReco
608
608
  export const Navigation: {
609
609
  nextRouterNavigation: (router: import("next/router").NextRouter) => import("src/ui/components/DepictProvider").NavigateFunction;
610
610
  };
611
- export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
611
+ export { CategoryTitle, embedded_num_products as EmbeddedNumProducts, SearchModalV2, ClassicSearchModal } from "@depict-ai/ui";
612
612
  export type { DisplayTransformers } from "@depict-ai/ui";
613
613
  export type { Locale } from "@depict-ai/ui/locales";
package/ES10/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { add_to_version_info as $jb2Oo$add_to_version_info, catchify as $jb2Oo$catchify, queueMacroTask as $jb2Oo$queueMacroTask, instant_exec_on_suspect_history_change as $jb2Oo$instant_exec_on_suspect_history_change, derror as $jb2Oo$derror, dwarn as $jb2Oo$dwarn } from "@depict-ai/utilishared/ES10";
3
- import { CategoryTitle as $383b6fd56bf151bd$re_export$CategoryTitle, embedded_num_products as $383b6fd56bf151bd$re_export$EmbeddedNumProducts, DepictAPI as $jb2Oo$DepictAPI, DepictSearch as $jb2Oo$DepictSearch, SearchModalV2 as $jb2Oo$SearchModalV2, DepictCategory as $jb2Oo$DepictCategory, get_search_query_updating_blocked_signal as $jb2Oo$get_search_query_updating_blocked_signal, SearchPage as $jb2Oo$SearchPage, defaultColsAtSize as $jb2Oo$defaultColsAtSize, defaultGridSpacing as $jb2Oo$defaultGridSpacing, ProductCardError as $jb2Oo$ProductCardError, CategoryPage as $jb2Oo$CategoryPage, defaultCategoryTitlePlugin as $jb2Oo$defaultCategoryTitlePlugin, BreadCrumbs as $jb2Oo$BreadCrumbs, QuickLinks as $jb2Oo$QuickLinks, ImagePlaceholder as $jb2Oo$ImagePlaceholder, TextPlaceholder as $jb2Oo$TextPlaceholder, RecommendationSlider as $jb2Oo$RecommendationSlider, RecommendationGrid as $jb2Oo$RecommendationGrid, open_modal_with_alignment as $jb2Oo$open_modal_with_alignment, SearchField as $jb2Oo$SearchField, fetchDepictRecommendations as $jb2Oo$fetchDepictRecommendations } from "@depict-ai/ui/ES10";
3
+ import { CategoryTitle as $383b6fd56bf151bd$re_export$CategoryTitle, embedded_num_products as $383b6fd56bf151bd$re_export$EmbeddedNumProducts, SearchModalV2 as $383b6fd56bf151bd$re_export$SearchModalV2, ClassicSearchModal as $383b6fd56bf151bd$re_export$ClassicSearchModal, DepictAPI as $jb2Oo$DepictAPI, DepictSearch as $jb2Oo$DepictSearch, DepictCategory as $jb2Oo$DepictCategory, get_search_query_updating_blocked_signal as $jb2Oo$get_search_query_updating_blocked_signal, SearchPage as $jb2Oo$SearchPage, defaultColsAtSize as $jb2Oo$defaultColsAtSize, defaultGridSpacing as $jb2Oo$defaultGridSpacing, ProductCardError as $jb2Oo$ProductCardError, CategoryPage as $jb2Oo$CategoryPage, defaultCategoryTitlePlugin as $jb2Oo$defaultCategoryTitlePlugin, BreadCrumbs as $jb2Oo$BreadCrumbs, QuickLinks as $jb2Oo$QuickLinks, ImagePlaceholder as $jb2Oo$ImagePlaceholder, TextPlaceholder as $jb2Oo$TextPlaceholder, RecommendationSlider as $jb2Oo$RecommendationSlider, RecommendationGrid as $jb2Oo$RecommendationGrid, open_modal_with_alignment as $jb2Oo$open_modal_with_alignment, SearchField as $jb2Oo$SearchField, fetchDepictRecommendations as $jb2Oo$fetchDepictRecommendations } from "@depict-ai/ui/ES10";
4
4
  import { untrack as $jb2Oo$untrack, createRoot as $jb2Oo$createRoot, createEffect as $jb2Oo$createEffect, createMemo as $jb2Oo$createMemo, createComponent as $jb2Oo$createComponent, Show as $jb2Oo$Show, createSignal as $jb2Oo$createSignal, createComputed as $jb2Oo$createComputed, onCleanup as $jb2Oo$onCleanup, getOwner as $jb2Oo$getOwner, runWithOwner as $jb2Oo$runWithOwner, on as $jb2Oo$on, mapArray as $jb2Oo$mapArray } from "solid-js";
5
5
  import { createElement as $jb2Oo$createElement, Fragment as $jb2Oo$Fragment, useEffect as $jb2Oo$useEffect, useState as $jb2Oo$useState, useRef as $jb2Oo$useRef, forwardRef as $jb2Oo$forwardRef, Component as $jb2Oo$Component, useCallback as $jb2Oo$useCallback } from "react";
6
6
  import { defaultLocale as $jb2Oo$defaultLocale } from "@depict-ai/ui/locales/ES10";
@@ -15,7 +15,7 @@ import { renderToString as $jb2Oo$renderToString } from "react-dom/server";
15
15
  // Note, if you add an export here, also add one in src-server/main.ts
16
16
  import { register_es_version } from "../multi_import_deduplicator.mjs";
17
17
  register_es_version("react-ui", "ES10");
18
- const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.0.0";
18
+ const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.0.2";
19
19
  const $8c691d7f86317052$export$8e769ad4338a911e = {
20
20
  usedLocale: $jb2Oo$createSignal((0, $jb2Oo$defaultLocale)),
21
21
  search_instances: new Map(),
@@ -288,7 +288,7 @@ function $bef9f58602be2478$export$bae2769a30719c48(disposable, stateKey) {
288
288
  // wrapping the function here since it could change
289
289
  unique_instance_key_for_state: stateKey,
290
290
  enable_content_search: $jb2Oo$untrack(get_enable_content_search),
291
- searchModalComponent: (0, $8c691d7f86317052$export$8e769ad4338a911e).searchModalComponent_ || (process.env.NO_SEARCH_MODAL_DEFAULT === "true" ? undefined : (0, $jb2Oo$SearchModalV2))
291
+ searchModalComponent: (0, $8c691d7f86317052$export$8e769ad4338a911e).searchModalComponent_ || (process.env.NO_SEARCH_MODAL_DEFAULT === "true" ? undefined : (0, $383b6fd56bf151bd$re_export$SearchModalV2))
292
292
  });
293
293
  $jb2Oo$createComputed(() => {
294
294
  const new_merchant = get_merchant();
@@ -1040,4 +1040,4 @@ const $a7dfdd84298ae791$export$b8a61e5c71402559 = {
1040
1040
  nextRouterNavigation: $05726fa9c7eda0a1$export$804fac5697cfbe35
1041
1041
  };
1042
1042
  $jb2Oo$add_to_version_info("react-ui", (0, $9bd9bb8700ab2ada$export$83d89fbfd8236492));
1043
- export { $c61814cfb91ead09$export$466cdc317043f6cb as QuickLinks, $ec632214ac078e79$export$5646050d516e06bc as BreadCrumbs, $f6a205a95e4fdee3$export$80e99ee6b29cadd2 as ComponentAligner, $18e5b9f66c7ade8e$export$9fac37a9c21c2f3b as DepictProvider, $e86a296a07b17ad5$export$f7d2f673fc2f091d as CategoryPage, $d059770e7af9e2dc$export$a54ec244c8863715 as SearchPage, $6406849926c3f794$export$3f37af283f8fb843 as ImagePlaceholder, $2c7738b65cbcac1c$export$89c6019e4baa40b1 as TextPlaceholder, $31abef71c0a2d3fc$export$b0a773486c1c2312 as RecommendationGrid, $c02e9fd51f31a1bd$export$82cfdc85a4d15688 as RecommendationSlider, $356d18d3ed66814e$export$912994940e660d32 as useSearchModal, $4c71282d292aac6d$export$9bb30bbe003b82e0 as useSearchField, $1895644749ca8d8a$export$6501da23a2770fc as useFetchRecommendations, $b34796f5ebe3470e$export$38b98fae14bd1f64 as usePerformanceClient, $383b6fd56bf151bd$re_export$CategoryTitle as CategoryTitle, $383b6fd56bf151bd$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version, $a7dfdd84298ae791$export$b8a61e5c71402559 as Navigation };
1043
+ export { $c61814cfb91ead09$export$466cdc317043f6cb as QuickLinks, $ec632214ac078e79$export$5646050d516e06bc as BreadCrumbs, $f6a205a95e4fdee3$export$80e99ee6b29cadd2 as ComponentAligner, $18e5b9f66c7ade8e$export$9fac37a9c21c2f3b as DepictProvider, $e86a296a07b17ad5$export$f7d2f673fc2f091d as CategoryPage, $d059770e7af9e2dc$export$a54ec244c8863715 as SearchPage, $6406849926c3f794$export$3f37af283f8fb843 as ImagePlaceholder, $2c7738b65cbcac1c$export$89c6019e4baa40b1 as TextPlaceholder, $31abef71c0a2d3fc$export$b0a773486c1c2312 as RecommendationGrid, $c02e9fd51f31a1bd$export$82cfdc85a4d15688 as RecommendationSlider, $356d18d3ed66814e$export$912994940e660d32 as useSearchModal, $4c71282d292aac6d$export$9bb30bbe003b82e0 as useSearchField, $1895644749ca8d8a$export$6501da23a2770fc as useFetchRecommendations, $b34796f5ebe3470e$export$38b98fae14bd1f64 as usePerformanceClient, $383b6fd56bf151bd$re_export$CategoryTitle as CategoryTitle, $383b6fd56bf151bd$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $383b6fd56bf151bd$re_export$SearchModalV2 as SearchModalV2, $383b6fd56bf151bd$re_export$ClassicSearchModal as ClassicSearchModal, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version, $a7dfdd84298ae791$export$b8a61e5c71402559 as Navigation };
@@ -1 +1 @@
1
- .depict.plp{font-feature-settings:"clig" off,"liga" off;color:#0f0f0f}.depict.plp button{border:none}.depict.plp a{text-decoration:none}.depict.plp,.depict.plp *{box-sizing:border-box}.depict.plp .s-image-container{width:100%;position:relative}.depict.plp .s-responsive-image{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.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 .cards:not(.css-grid){flex-flow:wrap;display:flex}.depict.plp .cards{flex-grow:1;align-content:flex-start;overflow:hidden}.depict.plp .load-more-container,.depict.plp .load-less-container{justify-content:center;display:flex}.depict.plp .listing-page{padding:20px 10px}@media (max-width:651px){.depict.plp .listing-page{padding:16px 8px}}.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>.depict-slider{align-self:flex-start}.depict.plp .listing-page .PLP-results>.filters,.depict.plp .listing-page .PLP-results>.sorting{margin-left:12px}.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{white-space:nowrap;cursor:pointer;border-radius:4px;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 .depict-slider>.scroll-status{position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.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{position:relative}.depict.plp .filters .body .input-row:not(.count-0),.depict.plp .sorting .body .input-row:not(.count-0){cursor:pointer}.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{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]:not([disabled])~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]:not([disabled])~.custom-indicator{background-color:#f3f3f5}.depict.plp .filters .body .input-row:hover input[type=checkbox]:not([disabled])~.custom-indicator:not(.color),.depict.plp .sorting .body .input-row:hover input[type=checkbox]:not([disabled])~.custom-indicator:not(.color){border:2px solid #0f0f0f;padding:8px}.depict.plp .filters .body .input-row:hover input[type=checkbox]:not([disabled]):checked~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]:not([disabled]):checked~.custom-indicator{background-color:#333335}}.depict.plp .filters .body .input-row input[type=checkbox][disabled]~.custom-indicator:not(.color),.depict.plp .sorting .body .input-row input[type=checkbox][disabled]~.custom-indicator:not(.color){border:1px solid #cbcbcc;padding:9px}.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]:not([disabled])~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=radio]:not([disabled])~.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 .search-in-filters{display:flex;position:relative}.depict.plp .filters .search-in-filters>:not(input){position:absolute}.depict.plp .filters .search-in-filters .clear-filter-search{cursor:pointer;background:0 0;transition:transform .1s ease-in-out;display:flex;right:10px}.depict.plp .filters .search-in-filters .clear-filter-search path{transition-duration:.1s}.depict.plp .filters .search-in-filters .clear-filter-search:focus{outline:none}.depict.plp .filters .search-in-filters .clear-filter-search:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);transform:scale(1.4)translateY(-35.7143%)}.depict.plp .filters .search-in-filters .clear-filter-search:focus-visible svg path{fill:#000}@media not all and (hover:none){.depict.plp .filters .search-in-filters .clear-filter-search:hover svg path{fill:#000}}.depict.plp .filters .search-in-filters .search-icon{pointer-events:none;order:0;left:10px}.depict.plp .filters .search-in-filters .search-icon path{transition-duration:.15s}.depict.plp .filters .search-in-filters .clear-filter-search,.depict.plp .filters .search-in-filters .search-icon{top:50%;transform:translateY(-50%)}.depict.plp .filters .search-in-filters .clear-filter-search path,.depict.plp .filters .search-in-filters .search-icon path{fill:#868689}.depict.plp .filters .search-in-filters .query{color:#333335;width:100%;border:1px solid #cbcbcc;border-radius:4px;padding:10px 36px;font-size:1em;line-height:1}.depict.plp .filters .search-in-filters .query::-webkit-input-placeholder{color:#868689}.depict.plp .filters .search-in-filters .query:-moz-placeholder{color:#868689}.depict.plp .filters .search-in-filters .query::placeholder{color:#868689}@media not all and (hover:none){.depict.plp .filters .search-in-filters .query:hover{color:#0f0f0f}.depict.plp .filters .search-in-filters .query:hover~.search-icon path{fill:#0f0f0f}}.depict.plp .filters .search-in-filters .query:focus{color:#000;border:1px solid #0f0f0f;outline:none}.depict.plp .filters .search-in-filters .query:focus~svg path,.depict.plp .filters .search-in-filters .query:focus~button svg path{fill:#000}.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:#cbcbcc}.depict.plp .filters .body .count{color:#868689;font-weight:400}.depict.plp .filters .body .input-row:not(.count-0):hover .count{color:#000}.depict.plp .filters .body .count-0 .count,.depict.plp .filters .body .count.count-0{color:#cbcbcc}.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:not(.count-0){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:not(.count-0){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%;flex-wrap:nowrap;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:#e4e4e5;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 .range.disabled .input-group .field input{color:#cbcbcc;background:#fafafc;border:.5px solid #0000}@media not all and (hover:none){.depict.plp .filters .body .range.disabled .input-group .field input:hover{background:#fafafc}}.depict.plp .filters .body .range.disabled .input-group .separator{color:#cbcbcc}.depict.plp .filters .body .range.disabled .slider .progress{background:#cbcbcc}.depict.plp .filters .body .range.disabled .range-group input{transform:translate(calc(50% - 10px))}.depict.plp .filters .body .range.disabled .range-group input::-webkit-slider-thumb{cursor:default;background:#cbcbcc}.depict.plp .filters .body .range.disabled .range-group input::-moz-range-thumb{cursor:default;background:#cbcbcc}.depict.plp .filters .body .filter-collapsible-body .filter-part .checkbox-grid{margin-bottom:0}.depict.plp .filters .body .checkbox-grid{flex-wrap:wrap;display:flex}.depict.plp .filters .body .checkbox-grid .minor{color:#333335;border:1px solid #e4e4e5}.depict.plp .filters .body .checkbox-grid .minor .count{color:#868689}.depict.plp .filters .body .checkbox-grid .major .count{color:#e4e4e5}.depict.plp .filters .body .checkbox-grid .major,.depict.plp .filters .body .checkbox-grid .minor{padding:6px 10px}.depict.plp .filters .body .checkbox-grid .major[disabled],.depict.plp .filters .body .checkbox-grid .minor[disabled]{cursor:default;color:#cbcbcc;border:1px solid #f3f3f5}.depict.plp .filters .body .checkbox-grid .major[disabled] .count,.depict.plp .filters .body .checkbox-grid .minor[disabled] .count{color:#cbcbcc;border-left-color:#f3f3f5}.depict.plp .filters .body .checkbox-grid .major .count-wrapper,.depict.plp .filters .body .checkbox-grid .minor .count-wrapper{height:100%;align-items:center;margin-left:8px;display:flex}.depict.plp .filters .body .checkbox-grid .major .count-wrapper .count,.depict.plp .filters .body .checkbox-grid .minor .count-wrapper .count{border-left:1px solid #e4e4e5;padding-left:4px;font-size:.75em;line-height:1}.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{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 input:not([disabled])+.custom-indicator{box-shadow:0 0 0 2px #fff,0 0 0 3px #868689}}.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 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:not([disabled]):hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#333335}}.depict.plp button.major:not([disabled]):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:not([disabled]):hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#f3f3f5}}.depict.plp button.minor:not([disabled]):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.plp .previous-searches .item,.depict.plp .previous-searches .suggestion,.depict.plp .suggestions .item,.depict.plp .suggestions .suggestion,.depict.plp .has-match{color:#333335;font-weight:400}.depict.plp .has-match .highlighted-part{color:#333335;font-weight:500}.depict.plp button.major .has-match{color:#f3f3f5}.depict.plp button.major .has-match .highlighted-part{color:#fff}.depict.plp .crumbs{flex-wrap:wrap;display:flex}.depict.plp .crumbs .crumb{color:#868689}.depict.plp .crumbs .crumb:hover{text-decoration:underline}.depict.plp .crumbs .crumb:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0f0f0f}.depict.plp .crumbs .separator{color:#cbcbcc;margin-left:10px;margin-right:10px}.depict.plp :not(.listing-card)>.crumbs .crumb:last-of-type{color:#0f0f0f;font-weight:500}.depict.plp .depict-slider,.depict.recommendations .depict-slider{min-width:0;flex-grow:1;position:relative}.depict.plp .depict-slider .sliding,.depict.recommendations .depict-slider .sliding{min-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::-webkit-scrollbar,.depict.recommendations .depict-slider .sliding::-webkit-scrollbar{display:none}.depict.plp .depict-slider .sliding>*,.depict.recommendations .depict-slider .sliding>*{flex-shrink:0}.depict.plp .depict-slider .d-navbutton,.depict.recommendations .depict-slider .d-navbutton{z-index:2;touch-action:manipulation;cursor:pointer;justify-content:flex-end;align-items:center;transition-duration:.2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.depict.plp .depict-slider .d-navbutton>div,.depict.recommendations .depict-slider .d-navbutton>div{display:flex}.depict.plp .depict-slider .d-navbutton.left,.depict.recommendations .depict-slider .d-navbutton.left{transform:translateY(-50%)rotate(180deg)}.depict.plp .depict-slider:not(.products) .sliding>:not(:first-child),.depict.recommendations .depict-slider:not(.products) .sliding>:not(:first-child){margin-left:5px}.depict.plp .depict-slider:not(.products) .sliding>:not(:last-child),.depict.recommendations .depict-slider:not(.products) .sliding>:not(:last-child){margin-right:5px}.depict.plp .depict-slider:not(.products) .d-navbutton,.depict.recommendations .depict-slider:not(.products) .d-navbutton{height:calc(100% + 2px);width:26px;background:linear-gradient(270deg,#fff 50%,#0000 105%);padding:0 1px 0 0}.depict.plp .depict-slider:not(.products) .d-navbutton.left,.depict.recommendations .depict-slider:not(.products) .d-navbutton.left{left:-1px}.depict.plp .depict-slider:not(.products) .d-navbutton.right,.depict.recommendations .depict-slider:not(.products) .d-navbutton.right{right:-1px}.depict.plp .depict-slider:not(.products) .d-navbutton img,.depict.recommendations .depict-slider:not(.products) .d-navbutton img{width:100%;height:100%}@media not all and (hover:none){.depict.plp .depict-slider:not(.products) .d-navbutton:hover svg,.depict.recommendations .depict-slider:not(.products) .d-navbutton:hover svg{transform:scale(1.2)}}.depict.plp .depict-slider:not(.products) .d-navbutton:focus-visible svg,.depict.recommendations .depict-slider:not(.products) .d-navbutton:focus-visible svg{transform:scale(1.5)}.depict.plp .depict-slider:not(.products) .d-navbutton:focus-visible svg path,.depict.recommendations .depict-slider:not(.products) .d-navbutton:focus-visible svg path{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.plp .depict-slider:not(.products) .d-navbutton svg,.depict.recommendations .depict-slider:not(.products) .d-navbutton svg{transition-duration:.15s}.depict.plp .depict-slider:not(.products) .d-navbutton:active,.depict.recommendations .depict-slider:not(.products) .d-navbutton:active{opacity:.9}.depict.plp .depict-slider.products .d-navbutton,.depict.recommendations .depict-slider.products .d-navbutton{opacity:.7;background:#fff;border-radius:12px 0 0 12px;padding:15px 10px 15px 15px}.depict.plp .depict-slider.products .d-navbutton:not(.hidden):hover,.depict.recommendations .depict-slider.products .d-navbutton:not(.hidden):hover{opacity:1}.depict.plp .depict-slider.products .d-navbutton:focus-visible,.depict.recommendations .depict-slider.products .d-navbutton:focus-visible{opacity:1;filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);outline:none}.depict.plp .depict-slider.products .d-navbutton:focus-visible svg,.depict.recommendations .depict-slider.products .d-navbutton:focus-visible svg{transform:scale(1.5)}.depict.plp .depict-slider.products .d-navbutton.left,.depict.recommendations .depict-slider.products .d-navbutton.left{left:0}.depict.plp .depict-slider.products .d-navbutton.right,.depict.recommendations .depict-slider.products .d-navbutton.right{right:0}.depict.plp .depict-slider.products .d-navbutton svg path,.depict.recommendations .depict-slider.products .d-navbutton svg path{fill:#333335}.depict.plp .depict-slider button.d-navbutton.hidden,.depict.recommendations .depict-slider button.d-navbutton.hidden{cursor:default;opacity:0;animation-name:depict_slider_button_unclickable;animation-duration:5s;animation-fill-mode:forwards}@keyframes depict_slider_button_unclickable{0%{pointer-events:all}to{pointer-events:none;visibility:hidden}}.depict.search .depict-search-modal .suggestions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.depict.search .depict-search-modal .suggestions .title-row{justify-content:space-between;display:flex}.depict.search .depict-search-modal .suggestions .title-row .delete{color:#868689;cursor:pointer;background:0 0;padding:0;font-weight:500;text-decoration:underline;transition-duration:50ms;transition-timing-function:ease-in-out}@media not all and (hover:none){.depict.search .depict-search-modal .suggestions .title-row .delete:not(:focus-visible){opacity:0}}.depict.search .depict-search-modal .suggestions .delete:focus-visible,.depict.search .depict-search-modal .suggestions .suggestion:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0f0f0f}.depict.search .depict-search-modal .suggestions .suggestion.selected .title{text-decoration:underline}.depict.search .depict-search-modal .suggestions .line-clamp{-webkit-line-clamp:1}.depict.search .depict-search-modal .suggestions .suggestion-container{flex-direction:column;align-items:stretch;gap:12px;display:flex}@media not all and (hover:none){.depict.search .depict-search-modal .suggestions:hover .title-row .delete{opacity:1}}.depict.search .depict-search-modal .padded.no-results .suggestions{margin-right:auto}@container (min-width:600px){.depict.search .depict-search-modal:not(.stacked) .padded .suggestions{margin-right:0;transform:translate(calc(50% - 300px))}}.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-wrapper{display:none}.depict.search .instant-results-wrapper:has(.instant-results){flex-direction:column;gap:18px;display:flex}.depict.search .depict-search-modal:not(.stacked) .instant-results{grid-template-rows:max-content;grid-template-columns:repeat(60,1fr);margin-left:-48px;display:grid;container-type:inline-size}.depict.search .depict-search-modal:not(.stacked) .instant-results .instant-card{grid-column:span 12;margin-left:48px}@container (max-width:900px){.depict.search .depict-search-modal:not(.stacked) .instant-results .instant-card{grid-column:span 15}.depict.search .depict-search-modal:not(.stacked) .instant-results .instant-card:nth-child(n+5){display:none}}@container (max-width:698px){.depict.search .depict-search-modal:not(.stacked) .instant-results .instant-card{grid-column:span 20}.depict.search .depict-search-modal:not(.stacked) .instant-results .instant-card:nth-child(n+4){display:none}}.depict.search .depict-search-modal.stacked .instant-results-wrapper{gap:12px}.depict.search .depict-search-modal.stacked .instant-results{flex-wrap:wrap;justify-content:space-between;gap:24px 12px;display:flex}.depict.search .depict-search-modal.stacked .instant-results .instant-card{flex:0 0 calc(50% - 6px)}.depict.search .depict-search-modal.stacked .instant-results .instant-card:nth-child(n+5){display:none}.depict.search .instant-results .instant-card{background:#fff;flex-direction:column;flex:100%;gap:12px;display:flex;overflow:hidden}.depict.search .instant-results .instant-card:focus-visible{border-radius:22px;outline:none;box-shadow:0 0 0 6px #fff,0 0 0 8px #0f0f0f}.depict.search .instant-results .instant-card:active{background:#0f0f0f08;box-shadow:0 0 0 12px #0f0f0f08}.depict.search .instant-results .instant-card .img-part{border-radius:16px;position:relative;overflow:hidden}.depict.search .instant-results .instant-card .img-part>:nth-child(2){opacity:0;transition:opacity .2s ease-in-out;position:absolute;inset:0}.depict.search .instant-results .instant-card .img-part>:nth-child(2) .s-responsive-image{object-fit:cover}.depict.search .instant-results .instant-card.selected .title{text-decoration:underline}.depict.search .instant-results .instant-card.selected .img-part>:nth-child(2){opacity:1}.depict.search .instant-results .instant-card .right-part{flex-direction:column;flex-grow:1;justify-content:space-between;gap:4px;display:flex}.depict.search .instant-results .instant-card .right-part .price.orig,.depict.search .instant-results .instant-card .right-part .tagline{color:#868689}.depict.search .instant-results .instant-card .right-part .title{-webkit-line-clamp:1}.depict.search .instant-results .instant-card .right-part .tagline{-webkit-line-clamp:1;order:2}.depict.search .instant-results .instant-card .right-part .price-container{gap:4px;display:flex}.depict.search .instant-results .instant-card .right-part .price-container .price.orig{text-decoration:line-through}.depict.search .instant-results .instant-card .right-part .price-container .price.sales-price{order:-1}.depict.search .search-field{--field-max-width:600px;z-index:calc(1 + 5);border-radius:80px;justify-content:center;display:flex;position:relative}.depict.search .search-field input,.depict.search .search-field button{margin:0}.depict.search .search-field .query{font-size:initial;color:#333335;background-color:#f3f3f5;border:none;flex-grow:1;padding:0;overflow:hidden}.depict.search .search-field .query::placeholder{color:#333335;opacity:.8}.depict.search .search-field .query:focus{color:#000;outline:none}.depict.search .search-field .query:focus::placeholder{color:#0f0f0f}.depict.search .search-field .field{width:100%;max-width:600px;background-color:#f3f3f5;border-radius:80px;flex-grow:1;padding:16px 52px;display:flex;position:relative}@media not all and (hover:none){.depict.search .search-field .field:hover .query{color:#000;outline:none}.depict.search .search-field .field:hover .query::placeholder{color:#0f0f0f}}.depict.search .search-field.in-modal .submit{display:none}.depict.search .search-field .back{z-index:calc(1 + 6);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.depict.search .search-field .back svg{position:absolute;left:18px}.depict.search .search-field .back svg path{fill:#333335}.depict.search .search-field .back:focus{outline:none}.depict.search .search-field .back:focus-visible svg{box-shadow:0 0 0 2px #0f0f0f}.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 .back{cursor:pointer}.depict.search .search-field .clear{background-color:#f3f3f5;border:none;padding:0;display:flex;position:absolute;top:50%;right:23.5px;transform:translateY(-50%)}.depict.search .search-field .clear svg{width:12.5px;height:12.5px}.depict.search .search-field .clear svg path{stroke:#333335;stroke-width:1.5px;fill:#333335}.depict.search .search-field .clear:focus{outline:none}.depict.search .search-field .clear:focus-visible{box-shadow:0 0 0 3.75px #f3f3f5,0 0 0 5.75px #0f0f0f}.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{width:20px;height:20px;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.depict.search .search-field .submit svg{width:15.6px;height:14.1818px;overflow:visible}.depict.search .search-field .submit svg path{fill:#333335;stroke:#333335;stroke-width:1.5px}.depict.search .search-field:not(.in-modal){width:min(100%,600px)}.depict.search .depict-search-modal-backdrop{touch-action:none;background:#0006;position:fixed;inset:0}:where(.depict.search#depict-search-modal){max-width:unset;max-height:unset;width:auto;height:auto;background-color:#0000;border:none;margin:0;padding:0;position:static;overflow:visible}:where(.depict.search#depict-search-modal)::backdrop{background:0 0}.depict.search .depict-search-modal{opacity:0;animation:depictFadeInPadded calc(var(--js-animation-duration,250)/1.42857)ease-in forwards;animation-delay:calc(var(--js-animation-duration,250)/2);justify-content:center;display:flex}.depict.search .depict-search-modal h2,.depict.search .depict-search-modal h3{margin:0;font-weight:400}.depict.search .depict-search-modal h2{text-transform:uppercase;color:#868689;font-size:.95em}.depict.search .depict-search-modal .search-field{z-index:calc(5000 + 5);margin-bottom:min(max(16px,4vw),32px)}@keyframes depictFadeInPadded{0%{opacity:0}to{opacity:1}}.depict.search .depict-search-modal:not(.stacked) .body .padded{padding-left:48px;padding-right:48px}.depict.search .depict-search-modal:not(.stacked) .search-field{margin-left:48px;margin-right:48px}.depict.search .depict-search-modal .body{max-width:min(1500px,100vw);background:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex-direction:column;align-items:stretch;display:flex}.depict.search .depict-search-modal .body:before{content:"";height:calc(min(max(16px,4vw),32px) - 5px);background:#fff;border-top-left-radius:10px;border-top-right-radius:10px;position:absolute;bottom:calc(100% - 5px);left:0;right:0}@media (hover:hover) and (pointer:fine) and (max-height:790px){.depict.search .depict-search-modal .body{max-height:100%;max-height:100dvh;border-top-left-radius:10px;border-top-right-radius:10px;padding-top:min(max(16px,4vw),32px);position:fixed;top:0}.depict.search .depict-search-modal .body:before{display:none}}@media (hover:hover) and (pointer:fine) and (max-height:790px) and (max-width:600px){.depict.search .depict-search-modal .body{transform:unset;width:100%;left:0}}@media not all and (hover:hover) and (pointer:fine){@media (max-height:1000px){.depict.search .depict-search-modal .body{max-height:100%;max-height:100dvh;border-top-left-radius:10px;border-top-right-radius:10px;padding-top:min(max(16px,4vw),32px);position:fixed;top:0}}@media (max-height:1000px) and (max-width:600px){.depict.search .depict-search-modal .body{transform:unset;width:100%;left:0}}@media (max-height:1000px){.depict.search .depict-search-modal .body:before{display:none}}}.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{grid-template-columns:20fr 80fr;gap:48px;display:grid;overflow:auto}.depict.search .depict-search-modal .body .padded.no-results{justify-content:center;align-items:center;display:flex;container-type:inline-size}.depict.search .depict-search-modal .body .padded>.left,.depict.search .depict-search-modal .body .padded>.right{flex-direction:column;gap:32px;padding-bottom:48px;display:flex}.depict.search .depict-search-modal .body .discover-more{justify-content:center;display:none}.depict.search .depict-search-modal .body .discover-more button{text-transform:uppercase;margin:24px 0;padding:12px 18px}.depict.search .depict-search-modal:not(.stacked) .padded.no-results{padding-bottom:48px}.depict.search .depict-search-modal.stacked .search-field{margin-left:16px;margin-right:16px}.depict.search .depict-search-modal.stacked .padded{flex-direction:column;align-items:stretch;gap:32px;padding-bottom:32px;display:flex}:where(.depict.search .depict-search-modal.stacked .padded>:not(.visual-listing-suggestions)){margin-left:16px;margin-right:16px}.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{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.search .visual-listing-suggestions{flex-direction:column;gap:18px;display:flex}.depict.search .visual-listing-suggestions .d-navbutton{display:none}.depict.search .visual-listing-suggestions .suggestion-container{grid-template-columns:repeat(6,1fr);gap:48px;display:grid;container-type:inline-size}.depict.search .visual-listing-suggestions .suggestion-container>.listing-card{grid-column:span 2}@container (max-width:650px){.depict.search .visual-listing-suggestions .suggestion-container>.listing-card{grid-column:span 3}.depict.search .visual-listing-suggestions .suggestion-container>.listing-card:nth-child(n+3){display:none}}.depict.search .visual-listing-suggestions .listing-card{flex-direction:column;display:flex}.depict.search .visual-listing-suggestions .listing-card .title{font-size:1em;display:flex}.depict.search .visual-listing-suggestions .listing-card .title a{flex-grow:1}.depict.search .visual-listing-suggestions .listing-card .title a:focus-visible{outline:none}.depict.search .visual-listing-suggestions .listing-card:has(.title a:focus-visible){border-radius:22px;box-shadow:0 0 0 6px #fff,0 0 0 8px #0f0f0f}.depict.search .visual-listing-suggestions .listing-card:active{background:#0f0f0f08;box-shadow:0 0 0 12px #0f0f0f08}.depict.search .visual-listing-suggestions .listing-card.selected .title{text-decoration:underline}.depict.search .visual-listing-suggestions .listing-card .crumbs{padding-bottom:4px}.depict.search .visual-listing-suggestions .listing-card .crumbs .separator{margin-left:8px;margin-right:8px}.depict.search .visual-listing-suggestions .listing-card .image-part{display:flex}.depict.search .visual-listing-suggestions .listing-card .image-part a{grid-template-columns:repeat(var(--image-count),1fr);border-top-left-radius:16px;border-top-right-radius:16px;flex-grow:1;padding-bottom:12px;display:grid}.depict.search .visual-listing-suggestions .listing-card .image-part a,.depict.search .visual-listing-suggestions .listing-card .image-part a>*{overflow:hidden}.depict.search .visual-listing-suggestions .listing-card .image-part a>:first-child{border-bottom-left-radius:16px}.depict.search .visual-listing-suggestions .listing-card .image-part a>:last-child{border-bottom-right-radius:16px}.depict.search .visual-listing-suggestions .listing-card .empty-image{border:2px solid #e4e4e5;border-radius:16px;justify-content:center;align-items:center;display:flex}.depict.search .visual-listing-suggestions .listing-card .empty-image svg path{fill:#868689}.depict.search .depict-search-modal.stacked .visual-listing-suggestions{gap:12px}.depict.search .depict-search-modal.stacked .visual-listing-suggestions h2{margin-left:16px;margin-right:16px}.depict.search .depict-search-modal.stacked .visual-listing-suggestions .sliding{padding-left:16px;padding-right:16px}.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{font-feature-settings:"clig" off,"liga" off;color:#0f0f0f}.depict.plp button{border:none}.depict.plp a{text-decoration:none}.depict.plp,.depict.plp *{box-sizing:border-box}.depict.plp .s-image-container{width:100%;position:relative}.depict.plp .s-responsive-image{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.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 .cards:not(.css-grid){flex-flow:wrap;display:flex}.depict.plp .cards{flex-grow:1;align-content:flex-start;overflow:hidden}.depict.plp .load-more-container,.depict.plp .load-less-container{justify-content:center;display:flex}.depict.plp .listing-page{padding:20px 10px}@media (max-width:651px){.depict.plp .listing-page{padding:16px 8px}}.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>.depict-slider{align-self:flex-start}.depict.plp .listing-page .PLP-results>.filters,.depict.plp .listing-page .PLP-results>.sorting{margin-left:12px}.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{white-space:nowrap;cursor:pointer;border-radius:4px;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 .depict-slider>.scroll-status{position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.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{position:relative}.depict.plp .filters .body .input-row:not(.count-0),.depict.plp .sorting .body .input-row:not(.count-0){cursor:pointer}.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{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]:not([disabled])~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]:not([disabled])~.custom-indicator{background-color:#f3f3f5}.depict.plp .filters .body .input-row:hover input[type=checkbox]:not([disabled])~.custom-indicator:not(.color),.depict.plp .sorting .body .input-row:hover input[type=checkbox]:not([disabled])~.custom-indicator:not(.color){border:2px solid #0f0f0f;padding:8px}.depict.plp .filters .body .input-row:hover input[type=checkbox]:not([disabled]):checked~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]:not([disabled]):checked~.custom-indicator{background-color:#333335}}.depict.plp .filters .body .input-row input[type=checkbox][disabled]~.custom-indicator:not(.color),.depict.plp .sorting .body .input-row input[type=checkbox][disabled]~.custom-indicator:not(.color){border:1px solid #cbcbcc;padding:9px}.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]:not([disabled])~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=radio]:not([disabled])~.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 .search-in-filters{display:flex;position:relative}.depict.plp .filters .search-in-filters>:not(input){position:absolute}.depict.plp .filters .search-in-filters .clear-filter-search{cursor:pointer;background:0 0;transition:transform .1s ease-in-out;display:flex;right:10px}.depict.plp .filters .search-in-filters .clear-filter-search path{transition-duration:.1s}.depict.plp .filters .search-in-filters .clear-filter-search:focus{outline:none}.depict.plp .filters .search-in-filters .clear-filter-search:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);transform:scale(1.4)translateY(-35.7143%)}.depict.plp .filters .search-in-filters .clear-filter-search:focus-visible svg path{fill:#000}@media not all and (hover:none){.depict.plp .filters .search-in-filters .clear-filter-search:hover svg path{fill:#000}}.depict.plp .filters .search-in-filters .search-icon{pointer-events:none;order:0;left:10px}.depict.plp .filters .search-in-filters .search-icon path{transition-duration:.15s}.depict.plp .filters .search-in-filters .clear-filter-search,.depict.plp .filters .search-in-filters .search-icon{top:50%;transform:translateY(-50%)}.depict.plp .filters .search-in-filters .clear-filter-search path,.depict.plp .filters .search-in-filters .search-icon path{fill:#868689}.depict.plp .filters .search-in-filters .query{color:#333335;width:100%;border:1px solid #cbcbcc;border-radius:4px;padding:10px 36px;font-size:1em;line-height:1}.depict.plp .filters .search-in-filters .query::-webkit-input-placeholder{color:#868689}.depict.plp .filters .search-in-filters .query:-moz-placeholder{color:#868689}.depict.plp .filters .search-in-filters .query::placeholder{color:#868689}@media not all and (hover:none){.depict.plp .filters .search-in-filters .query:hover{color:#0f0f0f}.depict.plp .filters .search-in-filters .query:hover~.search-icon path{fill:#0f0f0f}}.depict.plp .filters .search-in-filters .query:focus{color:#000;border:1px solid #0f0f0f;outline:none}.depict.plp .filters .search-in-filters .query:focus~svg path,.depict.plp .filters .search-in-filters .query:focus~button svg path{fill:#000}.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:#cbcbcc}.depict.plp .filters .body .count{color:#868689;font-weight:400}.depict.plp .filters .body .input-row:not(.count-0):hover .count{color:#000}.depict.plp .filters .body .count-0 .count,.depict.plp .filters .body .count.count-0{color:#cbcbcc}.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:not(.count-0){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:not(.count-0){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%;flex-wrap:nowrap;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:#e4e4e5;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 .range.disabled .input-group .field input{color:#cbcbcc;background:#fafafc;border:.5px solid #0000}@media not all and (hover:none){.depict.plp .filters .body .range.disabled .input-group .field input:hover{background:#fafafc}}.depict.plp .filters .body .range.disabled .input-group .separator{color:#cbcbcc}.depict.plp .filters .body .range.disabled .slider .progress{background:#cbcbcc}.depict.plp .filters .body .range.disabled .range-group input{transform:translate(calc(50% - 10px))}.depict.plp .filters .body .range.disabled .range-group input::-webkit-slider-thumb{cursor:default;background:#cbcbcc}.depict.plp .filters .body .range.disabled .range-group input::-moz-range-thumb{cursor:default;background:#cbcbcc}.depict.plp .filters .body .filter-collapsible-body .filter-part .checkbox-grid{margin-bottom:0}.depict.plp .filters .body .checkbox-grid{flex-wrap:wrap;display:flex}.depict.plp .filters .body .checkbox-grid .minor{color:#333335;border:1px solid #e4e4e5}.depict.plp .filters .body .checkbox-grid .minor .count{color:#868689}.depict.plp .filters .body .checkbox-grid .major .count{color:#e4e4e5}.depict.plp .filters .body .checkbox-grid .major,.depict.plp .filters .body .checkbox-grid .minor{padding:6px 10px}.depict.plp .filters .body .checkbox-grid .major[disabled],.depict.plp .filters .body .checkbox-grid .minor[disabled]{cursor:default;color:#cbcbcc;border:1px solid #f3f3f5}.depict.plp .filters .body .checkbox-grid .major[disabled] .count,.depict.plp .filters .body .checkbox-grid .minor[disabled] .count{color:#cbcbcc;border-left-color:#f3f3f5}.depict.plp .filters .body .checkbox-grid .major .count-wrapper,.depict.plp .filters .body .checkbox-grid .minor .count-wrapper{height:100%;align-items:center;margin-left:8px;display:flex}.depict.plp .filters .body .checkbox-grid .major .count-wrapper .count,.depict.plp .filters .body .checkbox-grid .minor .count-wrapper .count{border-left:1px solid #e4e4e5;padding-left:4px;font-size:.75em;line-height:1}.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{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 input:not([disabled])+.custom-indicator{box-shadow:0 0 0 2px #fff,0 0 0 3px #868689}}.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 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:not([disabled]):hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#333335}}.depict.plp button.major:not([disabled]):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:not([disabled]):hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#f3f3f5}}.depict.plp button.minor:not([disabled]):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.plp .previous-searches .item,.depict.plp .previous-searches .suggestion,.depict.plp .suggestions .item,.depict.plp .suggestions .suggestion,.depict.plp .has-match{color:#333335;font-weight:400}.depict.plp .has-match .highlighted-part{color:#333335;font-weight:500}.depict.plp button.major .has-match{color:#f3f3f5}.depict.plp button.major .has-match .highlighted-part{color:#fff}.depict.plp .crumbs{flex-wrap:wrap;display:flex}.depict.plp .crumbs .crumb{color:#868689}.depict.plp .crumbs .crumb:hover{text-decoration:underline}.depict.plp .crumbs .crumb:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0f0f0f}.depict.plp .crumbs .separator{color:#cbcbcc;margin-left:10px;margin-right:10px}.depict.plp :not(.listing-card)>.crumbs .crumb:last-of-type{color:#0f0f0f;font-weight:500}.depict.plp .depict-slider,.depict.recommendations .depict-slider{min-width:0;flex-grow:1;position:relative}.depict.plp .depict-slider .sliding,.depict.recommendations .depict-slider .sliding{min-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::-webkit-scrollbar,.depict.recommendations .depict-slider .sliding::-webkit-scrollbar{display:none}.depict.plp .depict-slider .sliding>*,.depict.recommendations .depict-slider .sliding>*{flex-shrink:0}.depict.plp .depict-slider .d-navbutton,.depict.recommendations .depict-slider .d-navbutton{z-index:2;touch-action:manipulation;cursor:pointer;justify-content:flex-end;align-items:center;transition-duration:.2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.depict.plp .depict-slider .d-navbutton>div,.depict.recommendations .depict-slider .d-navbutton>div{display:flex}.depict.plp .depict-slider .d-navbutton.left,.depict.recommendations .depict-slider .d-navbutton.left{left:0;transform:translateY(-50%)rotate(180deg)}.depict.plp .depict-slider .d-navbutton.right,.depict.recommendations .depict-slider .d-navbutton.right{right:0}.depict.plp .depict-slider:not(.products) .sliding>:not(:first-child),.depict.recommendations .depict-slider:not(.products) .sliding>:not(:first-child){margin-left:5px}.depict.plp .depict-slider:not(.products) .sliding>:not(:last-child),.depict.recommendations .depict-slider:not(.products) .sliding>:not(:last-child){margin-right:5px}.depict.plp .depict-slider:not(.products) .d-navbutton,.depict.recommendations .depict-slider:not(.products) .d-navbutton{height:100%;width:26px;background:linear-gradient(270deg,#fff 50%,#0000 105%);padding:0 1px 0 0}.depict.plp .depict-slider:not(.products) .d-navbutton img,.depict.recommendations .depict-slider:not(.products) .d-navbutton img{width:100%;height:100%}@media not all and (hover:none){.depict.plp .depict-slider:not(.products) .d-navbutton:hover svg,.depict.recommendations .depict-slider:not(.products) .d-navbutton:hover svg{transform:scale(1.2)}}.depict.plp .depict-slider:not(.products) .d-navbutton:focus-visible svg,.depict.recommendations .depict-slider:not(.products) .d-navbutton:focus-visible svg{transform:scale(1.5)}.depict.plp .depict-slider:not(.products) .d-navbutton:focus-visible svg path,.depict.recommendations .depict-slider:not(.products) .d-navbutton:focus-visible svg path{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.plp .depict-slider:not(.products) .d-navbutton svg,.depict.recommendations .depict-slider:not(.products) .d-navbutton svg{transition-duration:.15s}.depict.plp .depict-slider:not(.products) .d-navbutton:active,.depict.recommendations .depict-slider:not(.products) .d-navbutton:active{opacity:.9}.depict.plp .depict-slider.products .d-navbutton,.depict.recommendations .depict-slider.products .d-navbutton{opacity:.7;background:#fff;border-radius:12px 0 0 12px;padding:15px 10px 15px 15px}.depict.plp .depict-slider.products .d-navbutton:not(.hidden):hover,.depict.recommendations .depict-slider.products .d-navbutton:not(.hidden):hover{opacity:1}.depict.plp .depict-slider.products .d-navbutton:focus-visible,.depict.recommendations .depict-slider.products .d-navbutton:focus-visible{opacity:1;filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);outline:none}.depict.plp .depict-slider.products .d-navbutton:focus-visible svg,.depict.recommendations .depict-slider.products .d-navbutton:focus-visible svg{transform:scale(1.5)}.depict.plp .depict-slider.products .d-navbutton svg path,.depict.recommendations .depict-slider.products .d-navbutton svg path{fill:#333335}.depict.plp .depict-slider button.d-navbutton.hidden,.depict.recommendations .depict-slider button.d-navbutton.hidden{cursor:default;opacity:0;animation-name:depict_slider_button_unclickable;animation-duration:5s;animation-fill-mode:forwards}@keyframes depict_slider_button_unclickable{0%{pointer-events:all}to{pointer-events:none;visibility:hidden}}.depict.search .depict-search-modal .suggestions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.depict.search .depict-search-modal .suggestions .title-row{justify-content:space-between;display:flex}.depict.search .depict-search-modal .suggestions .title-row .delete{color:#868689;cursor:pointer;background:0 0;padding:0;font-weight:500;text-decoration:underline;transition-duration:50ms;transition-timing-function:ease-in-out}@media not all and (hover:none){.depict.search .depict-search-modal .suggestions .title-row .delete:not(:focus-visible){opacity:0}}.depict.search .depict-search-modal .suggestions .delete:focus-visible,.depict.search .depict-search-modal .suggestions .suggestion:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0f0f0f}.depict.search .depict-search-modal .suggestions .suggestion.selected .title{text-decoration:underline}.depict.search .depict-search-modal .suggestions .line-clamp{-webkit-line-clamp:1}.depict.search .depict-search-modal .suggestions .suggestion-container{flex-direction:column;align-items:stretch;gap:12px;display:flex}@media not all and (hover:none){.depict.search .depict-search-modal .suggestions:hover .title-row .delete{opacity:1}}.depict.search .depict-search-modal .padded.no-results .suggestions{margin-right:auto}@container (min-width:600px){.depict.search .depict-search-modal:not(.stacked) .padded .suggestions{margin-right:0;transform:translate(calc(50% - 300px))}}.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-wrapper{display:none}.depict.search .instant-results-wrapper:has(.instant-results){flex-direction:column;gap:18px;display:flex}.depict.search .depict-search-modal:not(.stacked) .instant-results{grid-template-rows:max-content;grid-template-columns:repeat(60,1fr);margin-left:-48px;display:grid;container-type:inline-size}.depict.search .depict-search-modal:not(.stacked) .instant-results .instant-card{grid-column:span 12;margin-left:48px}@container (max-width:900px){.depict.search .depict-search-modal:not(.stacked) .instant-results .instant-card{grid-column:span 15}.depict.search .depict-search-modal:not(.stacked) .instant-results .instant-card:nth-child(n+5){display:none}}@container (max-width:698px){.depict.search .depict-search-modal:not(.stacked) .instant-results .instant-card{grid-column:span 20}.depict.search .depict-search-modal:not(.stacked) .instant-results .instant-card:nth-child(n+4){display:none}}.depict.search .depict-search-modal.stacked .instant-results-wrapper{gap:12px}.depict.search .depict-search-modal.stacked .instant-results{flex-wrap:wrap;justify-content:space-between;gap:24px 12px;display:flex}.depict.search .depict-search-modal.stacked .instant-results .instant-card{flex:0 0 calc(50% - 6px)}.depict.search .depict-search-modal.stacked .instant-results .instant-card:nth-child(n+5){display:none}.depict.search .instant-results .instant-card{background:#fff;flex-direction:column;flex:100%;gap:12px;display:flex;overflow:hidden}.depict.search .instant-results .instant-card:focus-visible{border-radius:22px;outline:none;box-shadow:0 0 0 6px #fff,0 0 0 8px #0f0f0f}.depict.search .instant-results .instant-card:active{background:#0f0f0f08;box-shadow:0 0 0 12px #0f0f0f08}.depict.search .instant-results .instant-card .img-part{border-radius:16px;position:relative;overflow:hidden}.depict.search .instant-results .instant-card .img-part .s-responsive-image{object-fit:cover}.depict.search .instant-results .instant-card .img-part>:nth-child(2){opacity:0;transition:opacity .2s ease-in-out;position:absolute;inset:0}.depict.search .instant-results .instant-card.selected .title{text-decoration:underline}.depict.search .instant-results .instant-card.selected .img-part>:nth-child(2){opacity:1}.depict.search .instant-results .instant-card .right-part{flex-direction:column;flex-grow:1;justify-content:space-between;gap:4px;display:flex}.depict.search .instant-results .instant-card .right-part .price.orig,.depict.search .instant-results .instant-card .right-part .tagline{color:#868689}.depict.search .instant-results .instant-card .right-part .title{-webkit-line-clamp:1}.depict.search .instant-results .instant-card .right-part .tagline{-webkit-line-clamp:1;order:2}.depict.search .instant-results .instant-card .right-part .price-container{gap:4px;display:flex}.depict.search .instant-results .instant-card .right-part .price-container .price.orig{text-decoration:line-through}.depict.search .instant-results .instant-card .right-part .price-container .price.sales-price{order:-1}.depict.search .search-field{--field-max-width:600px;z-index:calc(1 + 5);border-radius:80px;justify-content:center;display:flex;position:relative}.depict.search .search-field input,.depict.search .search-field button{margin:0}.depict.search .search-field .query{font-size:initial;color:#333335;background-color:#f3f3f5;border:none;flex-grow:1;padding:0;overflow:hidden}.depict.search .search-field .query::placeholder{color:#333335;opacity:.8}.depict.search .search-field .query:focus{color:#000;outline:none}.depict.search .search-field .query:focus::placeholder{color:#0f0f0f}.depict.search .search-field .field{width:100%;max-width:600px;background-color:#f3f3f5;border-radius:80px;flex-grow:1;padding:16px 52px;display:flex;position:relative}@media not all and (hover:none){.depict.search .search-field .field:hover .query{color:#000;outline:none}.depict.search .search-field .field:hover .query::placeholder{color:#0f0f0f}}.depict.search .search-field.in-modal .submit{display:none}.depict.search .search-field .back{z-index:calc(1 + 6);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.depict.search .search-field .back svg{position:absolute;left:18px}.depict.search .search-field .back svg path{fill:#333335}.depict.search .search-field .back:focus{outline:none}.depict.search .search-field .back:focus-visible svg{box-shadow:0 0 0 2px #0f0f0f}.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 .back{cursor:pointer}.depict.search .search-field .clear{background-color:#f3f3f5;border:none;padding:0;display:flex;position:absolute;top:50%;right:23.5px;transform:translateY(-50%)}.depict.search .search-field .clear svg{width:12.5px;height:12.5px}.depict.search .search-field .clear svg path{stroke:#333335;stroke-width:1.5px;fill:#333335}.depict.search .search-field .clear:focus{outline:none}.depict.search .search-field .clear:focus-visible{box-shadow:0 0 0 3.75px #f3f3f5,0 0 0 5.75px #0f0f0f}.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{width:20px;height:20px;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.depict.search .search-field .submit svg{width:15.6px;height:14.1818px;overflow:visible}.depict.search .search-field .submit svg path{fill:#333335;stroke:#333335;stroke-width:1.5px}.depict.search .search-field:not(.in-modal){width:min(100%,600px)}.depict.search .depict-search-modal-backdrop{touch-action:none;background:#0006;position:fixed;inset:0}:where(.depict.search#depict-search-modal){max-width:unset;max-height:unset;width:auto;height:auto;background-color:#0000;border:none;margin:0;padding:0;position:static;overflow:visible}:where(.depict.search#depict-search-modal)::backdrop{background:0 0}.depict.search .depict-search-modal{justify-content:center;display:flex}.depict.search .depict-search-modal h2,.depict.search .depict-search-modal h3{margin:0;font-weight:400}.depict.search .depict-search-modal h2{text-transform:uppercase;color:#868689;font-size:.95em}.depict.search .depict-search-modal:not(.stacked) .body .padded{padding-left:48px;padding-right:48px}.depict.search .depict-search-modal:not(.stacked) .search-field{margin-left:48px;margin-right:48px}.depict.search .depict-search-modal .search-field{z-index:calc(5000 + 5);margin-bottom:min(max(16px,4vw),32px)}.depict.search .depict-search-modal .body{max-width:min(1500px,100vw);background:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex-direction:column;align-items:stretch;display:flex}.depict.search .depict-search-modal .body:before{content:"";height:calc(min(max(16px,4vw),32px) - 5px);background:#fff;border-top-left-radius:10px;border-top-right-radius:10px;position:absolute;bottom:calc(100% - 5px);left:0;right:0}.depict.search .depict-search-modal .body>:not(.search-field){opacity:0;animation:depictFadeInPadded calc(var(--js-animation-duration,.25s)/1.42857)ease-in forwards;animation-delay:calc(var(--js-animation-duration,.25s)/2)}@keyframes depictFadeInPadded{0%{opacity:0}to{opacity:1}}@media (hover:hover) and (pointer:fine) and (max-height:790px){.depict.search .depict-search-modal .body{max-height:100%;max-height:100dvh;height:100dvh;border-top-left-radius:10px;border-top-right-radius:10px;padding-top:min(max(16px,4vw),32px);position:fixed;top:0}.depict.search .depict-search-modal .body:before{display:none}}@media (hover:hover) and (pointer:fine) and (max-height:790px) and (max-width:600px){.depict.search .depict-search-modal .body{transform:unset;width:100%;left:0}}@media not all and (hover:hover) and (pointer:fine){@media (max-height:1000px){.depict.search .depict-search-modal .body{max-height:100%;max-height:100dvh;height:100dvh;border-top-left-radius:10px;border-top-right-radius:10px;padding-top:min(max(16px,4vw),32px);position:fixed;top:0}}@media (max-height:1000px) and (max-width:600px){.depict.search .depict-search-modal .body{transform:unset;width:100%;left:0}}@media (max-height:1000px){.depict.search .depict-search-modal .body:before{display:none}}}.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{grid-template-columns:20fr 80fr;gap:48px;display:grid;overflow:auto}.depict.search .depict-search-modal .body .padded.no-results{justify-content:center;align-items:center;display:flex;container-type:inline-size}.depict.search .depict-search-modal .body .padded>.left,.depict.search .depict-search-modal .body .padded>.right{flex-direction:column;gap:32px;padding-bottom:48px;display:flex}.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:24px 0;padding:12px 18px}.depict.search .depict-search-modal:not(.stacked) .padded.no-results{padding-bottom:48px}.depict.search .depict-search-modal.stacked .search-field{margin-left:16px;margin-right:16px}.depict.search .depict-search-modal.stacked .padded{flex-direction:column;align-items:stretch;gap:32px;padding-bottom:32px;display:flex}:where(.depict.search .depict-search-modal.stacked .padded>:not(.visual-listing-suggestions)){margin-left:16px;margin-right:16px}.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{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.search .visual-listing-suggestions{flex-direction:column;gap:18px;display:flex}.depict.search .visual-listing-suggestions .d-navbutton{display:none}.depict.search .visual-listing-suggestions .suggestion-container{grid-template-columns:repeat(6,1fr);gap:48px;display:grid;container-type:inline-size}.depict.search .visual-listing-suggestions .suggestion-container>.listing-card{grid-column:span 2}@container (max-width:650px){.depict.search .visual-listing-suggestions .suggestion-container>.listing-card{grid-column:span 3}.depict.search .visual-listing-suggestions .suggestion-container>.listing-card:nth-child(n+3){display:none}}.depict.search .visual-listing-suggestions .listing-card{flex-direction:column;display:flex}.depict.search .visual-listing-suggestions .listing-card .title{font-size:1em;display:flex}.depict.search .visual-listing-suggestions .listing-card .title a{flex-grow:1}.depict.search .visual-listing-suggestions .listing-card .title a:focus-visible{outline:none}.depict.search .visual-listing-suggestions .listing-card:has(.title a:focus-visible){border-radius:22px;box-shadow:0 0 0 6px #fff,0 0 0 8px #0f0f0f}.depict.search .visual-listing-suggestions .listing-card:active{background:#0f0f0f08;box-shadow:0 0 0 12px #0f0f0f08}.depict.search .visual-listing-suggestions .listing-card.selected .title{text-decoration:underline}.depict.search .visual-listing-suggestions .listing-card .crumbs{padding-bottom:4px}.depict.search .visual-listing-suggestions .listing-card .crumbs .separator{margin-left:8px;margin-right:8px}.depict.search .visual-listing-suggestions .listing-card .image-part{display:flex}.depict.search .visual-listing-suggestions .listing-card .image-part a{grid-template-columns:repeat(var(--image-count),1fr);border-top-left-radius:16px;border-top-right-radius:16px;flex-grow:1;padding-bottom:12px;display:grid}.depict.search .visual-listing-suggestions .listing-card .image-part a,.depict.search .visual-listing-suggestions .listing-card .image-part a>*{overflow:hidden}.depict.search .visual-listing-suggestions .listing-card .image-part a>:first-child{border-bottom-left-radius:16px}.depict.search .visual-listing-suggestions .listing-card .image-part a>:last-child{border-bottom-right-radius:16px}.depict.search .visual-listing-suggestions .listing-card .empty-image{border:2px solid #e4e4e5;border-radius:16px;justify-content:center;align-items:center;display:flex}.depict.search .visual-listing-suggestions .listing-card .empty-image svg path{fill:#868689}.depict.search .depict-search-modal.stacked .visual-listing-suggestions{gap:12px}.depict.search .depict-search-modal.stacked .visual-listing-suggestions h2{margin-left:16px;margin-right:16px}.depict.search .depict-search-modal.stacked .visual-listing-suggestions .sliding{padding-left:16px;padding-right:16px}.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,11 +35,13 @@ $parcel$export(module.exports, "useFetchRecommendations", () => $a134ea100690b62
35
35
  $parcel$export(module.exports, "usePerformanceClient", () => $25c0a91312868994$export$38b98fae14bd1f64);
36
36
  $parcel$export(module.exports, "CategoryTitle", () => $b03e4eee8610ebbe$re_export$CategoryTitle);
37
37
  $parcel$export(module.exports, "EmbeddedNumProducts", () => $b03e4eee8610ebbe$re_export$EmbeddedNumProducts);
38
+ $parcel$export(module.exports, "SearchModalV2", () => $b03e4eee8610ebbe$re_export$SearchModalV2);
39
+ $parcel$export(module.exports, "ClassicSearchModal", () => $b03e4eee8610ebbe$re_export$ClassicSearchModal);
38
40
  $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
39
41
  $parcel$export(module.exports, "Navigation", () => $b742053c966024b4$export$b8a61e5c71402559);
40
42
  /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
41
43
  // Note, if you add an export here, also add one in src-server/main.ts
42
- const $db7b67857900028b$export$83d89fbfd8236492 = "4.0.0";
44
+ const $db7b67857900028b$export$83d89fbfd8236492 = "4.0.2";
43
45
  const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
44
46
  usedLocale: $2IzJs$solidjs.createSignal((0, $2IzJs$depictaiuilocales.defaultLocale)),
45
47
  search_instances: new Map(),
package/latest/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } fr
3
3
  import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/latest";
4
4
  import { Locale } from "@depict-ai/ui/locales/latest";
5
5
  import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
6
- export const version = "4.0.0";
6
+ export const version = "4.0.2";
7
7
  interface UsePerformanceClientReturn {
8
8
  dpc: DPC;
9
9
  }
@@ -608,6 +608,6 @@ export function useFetchRecommendations<T extends ModernDisplay>(): UseFetchReco
608
608
  export const Navigation: {
609
609
  nextRouterNavigation: (router: import("next/router").NextRouter) => import("src/ui/components/DepictProvider").NavigateFunction;
610
610
  };
611
- export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
611
+ export { CategoryTitle, embedded_num_products as EmbeddedNumProducts, SearchModalV2, ClassicSearchModal } from "@depict-ai/ui";
612
612
  export type { DisplayTransformers } from "@depict-ai/ui";
613
613
  export type { Locale } from "@depict-ai/ui/locales";
package/latest/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { add_to_version_info as $2GFvs$add_to_version_info, catchify as $2GFvs$catchify, queueMacroTask as $2GFvs$queueMacroTask, instant_exec_on_suspect_history_change as $2GFvs$instant_exec_on_suspect_history_change, derror as $2GFvs$derror, dwarn as $2GFvs$dwarn } from "@depict-ai/utilishared/latest";
3
- import { CategoryTitle as $43099132aad1ceb6$re_export$CategoryTitle, embedded_num_products as $43099132aad1ceb6$re_export$EmbeddedNumProducts, DepictAPI as $2GFvs$DepictAPI, DepictSearch as $2GFvs$DepictSearch, SearchModalV2 as $2GFvs$SearchModalV2, DepictCategory as $2GFvs$DepictCategory, get_search_query_updating_blocked_signal as $2GFvs$get_search_query_updating_blocked_signal, SearchPage as $2GFvs$SearchPage, defaultColsAtSize as $2GFvs$defaultColsAtSize, defaultGridSpacing as $2GFvs$defaultGridSpacing, ProductCardError as $2GFvs$ProductCardError, CategoryPage as $2GFvs$CategoryPage, defaultCategoryTitlePlugin as $2GFvs$defaultCategoryTitlePlugin, BreadCrumbs as $2GFvs$BreadCrumbs, QuickLinks as $2GFvs$QuickLinks, ImagePlaceholder as $2GFvs$ImagePlaceholder, TextPlaceholder as $2GFvs$TextPlaceholder, RecommendationSlider as $2GFvs$RecommendationSlider, RecommendationGrid as $2GFvs$RecommendationGrid, open_modal_with_alignment as $2GFvs$open_modal_with_alignment, SearchField as $2GFvs$SearchField, fetchDepictRecommendations as $2GFvs$fetchDepictRecommendations } from "@depict-ai/ui/latest";
3
+ import { CategoryTitle as $43099132aad1ceb6$re_export$CategoryTitle, embedded_num_products as $43099132aad1ceb6$re_export$EmbeddedNumProducts, SearchModalV2 as $43099132aad1ceb6$re_export$SearchModalV2, ClassicSearchModal as $43099132aad1ceb6$re_export$ClassicSearchModal, DepictAPI as $2GFvs$DepictAPI, DepictSearch as $2GFvs$DepictSearch, DepictCategory as $2GFvs$DepictCategory, get_search_query_updating_blocked_signal as $2GFvs$get_search_query_updating_blocked_signal, SearchPage as $2GFvs$SearchPage, defaultColsAtSize as $2GFvs$defaultColsAtSize, defaultGridSpacing as $2GFvs$defaultGridSpacing, ProductCardError as $2GFvs$ProductCardError, CategoryPage as $2GFvs$CategoryPage, defaultCategoryTitlePlugin as $2GFvs$defaultCategoryTitlePlugin, BreadCrumbs as $2GFvs$BreadCrumbs, QuickLinks as $2GFvs$QuickLinks, ImagePlaceholder as $2GFvs$ImagePlaceholder, TextPlaceholder as $2GFvs$TextPlaceholder, RecommendationSlider as $2GFvs$RecommendationSlider, RecommendationGrid as $2GFvs$RecommendationGrid, open_modal_with_alignment as $2GFvs$open_modal_with_alignment, SearchField as $2GFvs$SearchField, fetchDepictRecommendations as $2GFvs$fetchDepictRecommendations } from "@depict-ai/ui/latest";
4
4
  import { untrack as $2GFvs$untrack, createRoot as $2GFvs$createRoot, createEffect as $2GFvs$createEffect, createMemo as $2GFvs$createMemo, createComponent as $2GFvs$createComponent, Show as $2GFvs$Show, createSignal as $2GFvs$createSignal, createComputed as $2GFvs$createComputed, onCleanup as $2GFvs$onCleanup, getOwner as $2GFvs$getOwner, runWithOwner as $2GFvs$runWithOwner, on as $2GFvs$on, mapArray as $2GFvs$mapArray } from "solid-js";
5
5
  import { createElement as $2GFvs$createElement, Fragment as $2GFvs$Fragment, useEffect as $2GFvs$useEffect, useState as $2GFvs$useState, useRef as $2GFvs$useRef, forwardRef as $2GFvs$forwardRef, Component as $2GFvs$Component, useCallback as $2GFvs$useCallback } from "react";
6
6
  import { defaultLocale as $2GFvs$defaultLocale } from "@depict-ai/ui/locales/latest";
@@ -15,7 +15,7 @@ import { renderToString as $2GFvs$renderToString } from "react-dom/server";
15
15
  // Note, if you add an export here, also add one in src-server/main.ts
16
16
  import { register_es_version } from "../multi_import_deduplicator.mjs";
17
17
  register_es_version("react-ui", "latest");
18
- const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.0.0";
18
+ const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.0.2";
19
19
  const $42858f023ef23dab$export$8e769ad4338a911e = {
20
20
  usedLocale: $2GFvs$createSignal((0, $2GFvs$defaultLocale)),
21
21
  search_instances: new Map(),
@@ -266,7 +266,7 @@ function $80202ccbe2ade418$export$bae2769a30719c48(disposable, stateKey) {
266
266
  // wrapping the function here since it could change
267
267
  unique_instance_key_for_state: stateKey,
268
268
  enable_content_search: $2GFvs$untrack(get_enable_content_search),
269
- searchModalComponent: (0, $42858f023ef23dab$export$8e769ad4338a911e).searchModalComponent_ || (process.env.NO_SEARCH_MODAL_DEFAULT === "true" ? undefined : (0, $2GFvs$SearchModalV2))
269
+ searchModalComponent: (0, $42858f023ef23dab$export$8e769ad4338a911e).searchModalComponent_ || (process.env.NO_SEARCH_MODAL_DEFAULT === "true" ? undefined : (0, $43099132aad1ceb6$re_export$SearchModalV2))
270
270
  });
271
271
  $2GFvs$createComputed(() => {
272
272
  const new_merchant = get_merchant();
@@ -989,4 +989,4 @@ const $97603d19204ec48d$export$b8a61e5c71402559 = {
989
989
  nextRouterNavigation: $a92aa2beb560b8af$export$804fac5697cfbe35
990
990
  };
991
991
  $2GFvs$add_to_version_info("react-ui", (0, $c9c4d066f9a5b51b$export$83d89fbfd8236492));
992
- export { $b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $421f32789b6f111f$export$80e99ee6b29cadd2 as ComponentAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $48d7f568740a317d$export$f7d2f673fc2f091d as CategoryPage, $4a678f0c87b12e78$export$a54ec244c8863715 as SearchPage, $f446a84f85ba06f6$export$3f37af283f8fb843 as ImagePlaceholder, $cbd250061abf11cb$export$89c6019e4baa40b1 as TextPlaceholder, $73b783bfc241b2d9$export$b0a773486c1c2312 as RecommendationGrid, $4fd5dc0e231a60d9$export$82cfdc85a4d15688 as RecommendationSlider, $70344e5e0d0fea06$export$912994940e660d32 as useSearchModal, $2b886cf548a4775c$export$9bb30bbe003b82e0 as useSearchField, $1bb4271dc44722e2$export$6501da23a2770fc as useFetchRecommendations, $a00d8f27abd5d0b0$export$38b98fae14bd1f64 as usePerformanceClient, $43099132aad1ceb6$re_export$CategoryTitle as CategoryTitle, $43099132aad1ceb6$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation };
992
+ export { $b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $421f32789b6f111f$export$80e99ee6b29cadd2 as ComponentAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $48d7f568740a317d$export$f7d2f673fc2f091d as CategoryPage, $4a678f0c87b12e78$export$a54ec244c8863715 as SearchPage, $f446a84f85ba06f6$export$3f37af283f8fb843 as ImagePlaceholder, $cbd250061abf11cb$export$89c6019e4baa40b1 as TextPlaceholder, $73b783bfc241b2d9$export$b0a773486c1c2312 as RecommendationGrid, $4fd5dc0e231a60d9$export$82cfdc85a4d15688 as RecommendationSlider, $70344e5e0d0fea06$export$912994940e660d32 as useSearchModal, $2b886cf548a4775c$export$9bb30bbe003b82e0 as useSearchField, $1bb4271dc44722e2$export$6501da23a2770fc as useFetchRecommendations, $a00d8f27abd5d0b0$export$38b98fae14bd1f64 as usePerformanceClient, $43099132aad1ceb6$re_export$CategoryTitle as CategoryTitle, $43099132aad1ceb6$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $43099132aad1ceb6$re_export$SearchModalV2 as SearchModalV2, $43099132aad1ceb6$re_export$ClassicSearchModal as ClassicSearchModal, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@depict-ai/react-ui",
3
- "version": "4.0.0",
3
+ "version": "4.0.2",
4
4
  "packageManager": "yarn@3.2.2",
5
5
  "source": "src/index.ts",
6
6
  "types": "ES10/index.d.ts",
@@ -135,11 +135,11 @@
135
135
  "@babel/plugin-transform-typescript": "^7.22.9",
136
136
  "@babel/runtime": "latest",
137
137
  "@babel/runtime-corejs3": "latest",
138
- "@depict-ai/dpc": "^2.0.5",
139
- "@depict-ai/plp-styling": "^3.0.1",
140
- "@depict-ai/ui": "^4.0.0",
141
- "@depict-ai/utilishared": "^2.0.9",
142
- "solid-js": "^1.8.7"
138
+ "@depict-ai/dpc": "^2.0.7",
139
+ "@depict-ai/plp-styling": "^3.0.6",
140
+ "@depict-ai/ui": "^4.0.5",
141
+ "@depict-ai/utilishared": "^2.0.15",
142
+ "solid-js": "^1.8.12"
143
143
  },
144
144
  "peerDependencies": {
145
145
  "react": ">= 16.14.0",
@@ -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": "^3.0.1",
153
+ "@depict-ai/plp-styling": "^3.0.6",
154
154
  "@jest/globals": "^29.3.1",
155
155
  "@parcel/babel-preset-env": "^2.10.3",
156
156
  "@parcel/transformer-sass": "^2.10.3",
@@ -158,7 +158,7 @@
158
158
  "@types/node": "^18.11.11",
159
159
  "@types/react": "^18.0.26",
160
160
  "@types/react-dom": "^18.0.10",
161
- "babel-preset-solid": "^1.8.6",
161
+ "babel-preset-solid": "^1.8.12",
162
162
  "jest": "^29.3.1",
163
163
  "jest-environment-jsdom": "^29.3.1",
164
164
  "jest-haste-map": "^29.3.1",
@@ -190,7 +190,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
190
190
  }
191
191
  });
192
192
  }
193
- const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.0.0";
193
+ const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.0.2";
194
194
  function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
195
195
  return props.children;
196
196
  }
@@ -3,7 +3,7 @@ import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } fr
3
3
  import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/ES10";
4
4
  import { Locale } from "@depict-ai/ui/locales/ES10";
5
5
  import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
6
- export const version = "4.0.0";
6
+ export const version = "4.0.2";
7
7
  interface UsePerformanceClientReturn {
8
8
  dpc: DPC;
9
9
  }
@@ -608,6 +608,6 @@ export function useFetchRecommendations<T extends ModernDisplay>(): UseFetchReco
608
608
  export const Navigation: {
609
609
  nextRouterNavigation: (router: import("next/router").NextRouter) => import("src/ui/components/DepictProvider").NavigateFunction;
610
610
  };
611
- export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
611
+ export { CategoryTitle, embedded_num_products as EmbeddedNumProducts, SearchModalV2, ClassicSearchModal } from "@depict-ai/ui";
612
612
  export type { DisplayTransformers } from "@depict-ai/ui";
613
613
  export type { Locale } from "@depict-ai/ui/locales";
@@ -167,7 +167,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
167
167
  }
168
168
  });
169
169
  }
170
- const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.0.0";
170
+ const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.0.2";
171
171
  function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
172
172
  return props.children;
173
173
  }
@@ -182,7 +182,7 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
182
182
  }
183
183
  });
184
184
  }
185
- const $db7b67857900028b$export$83d89fbfd8236492 = "4.0.0";
185
+ const $db7b67857900028b$export$83d89fbfd8236492 = "4.0.2";
186
186
  function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
187
187
  return props.children;
188
188
  }
@@ -3,7 +3,7 @@ import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } fr
3
3
  import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/latest";
4
4
  import { Locale } from "@depict-ai/ui/locales/latest";
5
5
  import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
6
- export const version = "4.0.0";
6
+ export const version = "4.0.2";
7
7
  interface UsePerformanceClientReturn {
8
8
  dpc: DPC;
9
9
  }
@@ -608,6 +608,6 @@ export function useFetchRecommendations<T extends ModernDisplay>(): UseFetchReco
608
608
  export const Navigation: {
609
609
  nextRouterNavigation: (router: import("next/router").NextRouter) => import("src/ui/components/DepictProvider").NavigateFunction;
610
610
  };
611
- export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
611
+ export { CategoryTitle, embedded_num_products as EmbeddedNumProducts, SearchModalV2, ClassicSearchModal } from "@depict-ai/ui";
612
612
  export type { DisplayTransformers } from "@depict-ai/ui";
613
613
  export type { Locale } from "@depict-ai/ui/locales";
@@ -159,7 +159,7 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
159
159
  }
160
160
  });
161
161
  }
162
- const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.0.0";
162
+ const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.0.2";
163
163
  function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
164
164
  return props.children;
165
165
  }