@depict-ai/react-ui 4.6.2 → 4.7.0

package/ES10/index.cjs

@@ -29,6 +29,7 @@ $parcel$export(module.exports, "ImagePlaceholder", () => $95af6193353bea10$expor
 $parcel$export(module.exports, "TextPlaceholder", () => $07e1b96355935829$export$89c6019e4baa40b1);
 $parcel$export(module.exports, "RecommendationGrid", () => $8f89f8a832210d6b$export$b0a773486c1c2312);
 $parcel$export(module.exports, "RecommendationSlider", () => $745b83c12baac3c0$export$82cfdc85a4d15688);
+$parcel$export(module.exports, "LooksSliderOrGrid", () => $a0438aed721c3481$export$ee471bde82ce7cf7);
 $parcel$export(module.exports, "useSearchModal", () => $0991f250194bf9f3$export$912994940e660d32);
 $parcel$export(module.exports, "useSearchField", () => $22f9dd60da27081f$export$9bb30bbe003b82e0);
 $parcel$export(module.exports, "useFetchRecommendations", () => $2ea1d71b29581906$export$6501da23a2770fc);
@@ -42,7 +43,7 @@ $parcel$export(module.exports, "version", () => $efbdd2dab4314170$export$83d89fb
 $parcel$export(module.exports, "Navigation", () => $0d3a2413fdeb34b9$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.6.2";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.7.0";
 const $ef516b1f92253963$export$8e769ad4338a911e = {
   usedLocale: $2kiy7$solidjs.createSignal((0, $2kiy7$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -983,6 +984,81 @@ function $8f89f8a832210d6b$export$b0a773486c1c2312(props) {
     wrapper_type: "section"
   });
 }
+function $a0438aed721c3481$export$ee471bde82ce7cf7(props) {
+  return $f8d878722c3bc07d$export$f6e64e17bd69eeef({
+    solid_component: props => $2kiy7$solidjsweb.createComponent((0, $c14f9d5966bcfc3c$export$eb5844afe948564b), {
+      get children() {
+        return $2kiy7$solidjsweb.createComponent($a0438aed721c3481$export$5afe1596ca0120c7, props);
+      }
+    }),
+    props: props
+  });
+}
+function $a0438aed721c3481$export$5afe1596ca0120c7(props) {
+  const {
+    merchant: [merchant],
+    market: [market],
+    usedLocale: [locale],
+    on_navigation: on_navigation
+  } = (0, $ef516b1f92253963$export$8e769ad4338a911e);
+  return $2kiy7$depictaiui.LooksSliderOrGrid({
+    get gridSpacing_() {
+      var _props$gridSpacing;
+      return (_props$gridSpacing = props.gridSpacing) !== null && _props$gridSpacing !== void 0 ? _props$gridSpacing : (0, $2kiy7$depictaiui.defaultGridSpacing);
+    },
+    get columnsAtSize_() {
+      var _props$columnsAtSize;
+      return (_props$columnsAtSize = props.columnsAtSize) !== null && _props$columnsAtSize !== void 0 ? _props$columnsAtSize : (0, $2kiy7$depictaiui.defaultColsAtSize);
+    },
+    get productId_() {
+      return props.productId;
+    },
+    get imagePlaceholderAspectRatio_() {
+      var _props$imagePlacehold;
+      return (_props$imagePlacehold = props.imagePlaceholderAspectRatio) !== null && _props$imagePlacehold !== void 0 ? _props$imagePlacehold : 0.75;
+    },
+    get title_() {
+      return props.title;
+    },
+    get class_() {
+      return props.className;
+    },
+    get merchant_() {
+      return merchant();
+    },
+    get market_() {
+      return market();
+    },
+    get priceFormatting_() {
+      return locale().price_formatting_;
+    },
+    get locale_() {
+      return locale().backend_locale_;
+    },
+    get onNavigation_() {
+      return on_navigation;
+    },
+    get gridOptions_() {
+      var _view_more_button$sta;
+      const {
+        gridOptions: gridOptions
+      } = props;
+      const view_more_button = gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.viewMoreButton;
+      return gridOptions && {
+        max_rows: gridOptions.maxRows,
+        view_more_button: view_more_button && {
+          text: view_more_button.text,
+          start_rows: (_view_more_button$sta = view_more_button.startRows) !== null && _view_more_button$sta !== void 0 ? _view_more_button$sta : 2,
+          rows_per_click: view_more_button.rowsPerClick
+        }
+      };
+    },
+    get displayTransformers_() {
+      var _globalState$api;
+      return (_globalState$api = (0, $ef516b1f92253963$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : _globalState$api.display_transformers;
+    }
+  });
+}
 const $205fe657e57228d5$export$d69d8daa20eae175 = createOpenModalParams => {
   const {
     location = "centered",

package/ES10/index.d.ts

@@ -1,9 +1,9 @@
 import { DPC } from "@depict-ai/dpc/ES10";
 import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } from "react";
-import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/ES10";
+import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/ES10";
 import { Locale } from "@depict-ai/ui/locales/ES10";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
-export const version = "4.6.2";
+export const version = "4.7.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -402,6 +402,29 @@ declare function SolidRecommendationSliderWrapper<T extends Display>(props: Reco
  * @param title Optional title to show when recommendations are being shown
  */
 export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationGridWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+/**
+ * Renders a grid or slider containing look cards for the looks available for a certain product (provided productId).
+ */
+export function LooksSliderOrGrid(props: Parameters<typeof SolidLooksWrapper>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare function SolidLooksWrapper(props: {
+  gridSpacing?: SDKGridSpacing;
+  columnsAtSize?: SDKColsAtSize;
+  productId: string;
+  imagePlaceholderAspectRatio?: number | string;
+  title?: string;
+  className?: string;
+  /**
+   * If provided, will render as grid instead of slider
+   */
+  gridOptions?: {
+    maxRows?: number;
+    viewMoreButton?: {
+      text: string;
+      startRows?: number;
+      rowsPerClick?: number;
+    };
+  };
+}): HTMLDivElement;
 /**
  * Parameters to configure the search modal.
  */

package/ES10/index.js

@@ -1,6 +1,6 @@
 "use client";
 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";
-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, modalVersionSymbol as $jb2Oo$modalVersionSymbol, open_modal_with_alignment as $jb2Oo$open_modal_with_alignment, SearchField as $jb2Oo$SearchField, fetchDepictRecommendations as $jb2Oo$fetchDepictRecommendations } from "@depict-ai/ui/ES10";
+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, LooksSliderOrGrid as $jb2Oo$LooksSliderOrGrid, modalVersionSymbol as $jb2Oo$modalVersionSymbol, open_modal_with_alignment as $jb2Oo$open_modal_with_alignment, SearchField as $jb2Oo$SearchField, fetchDepictRecommendations as $jb2Oo$fetchDepictRecommendations } from "@depict-ai/ui/ES10";
 import { untrack as $jb2Oo$untrack, createRoot as $jb2Oo$createRoot, createEffect as $jb2Oo$createEffect, createSignal as $jb2Oo$createSignal, createComputed as $jb2Oo$createComputed, createMemo as $jb2Oo$createMemo, onCleanup as $jb2Oo$onCleanup, getOwner as $jb2Oo$getOwner, runWithOwner as $jb2Oo$runWithOwner, on as $jb2Oo$on, mapArray as $jb2Oo$mapArray, Show as $jb2Oo$Show, createRenderEffect as $jb2Oo$createRenderEffect } from "solid-js";
 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";
 import { defaultLocale as $jb2Oo$defaultLocale } from "@depict-ai/ui/locales/ES10";
@@ -15,7 +15,7 @@ import { renderToString as $jb2Oo$renderToString } from "react-dom/server";
 // Note, if you add an export here, also add one in src-server/main.ts
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "ES10");
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.6.2";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.7.0";
 const $8c691d7f86317052$export$8e769ad4338a911e = {
   usedLocale: $jb2Oo$createSignal((0, $jb2Oo$defaultLocale)),
   search_instances: new Map(),
@@ -956,6 +956,81 @@ function $31abef71c0a2d3fc$export$b0a773486c1c2312(props) {
     wrapper_type: "section"
   });
 }
+function $42a99d61b8f0a22c$export$ee471bde82ce7cf7(props) {
+  return $ac53b4e3251b31d0$export$f6e64e17bd69eeef({
+    solid_component: props => $jb2Oo$createComponent((0, $7d10b4c67928d97f$export$eb5844afe948564b), {
+      get children() {
+        return $jb2Oo$createComponent($42a99d61b8f0a22c$export$5afe1596ca0120c7, props);
+      }
+    }),
+    props: props
+  });
+}
+function $42a99d61b8f0a22c$export$5afe1596ca0120c7(props) {
+  const {
+    merchant: [merchant],
+    market: [market],
+    usedLocale: [locale],
+    on_navigation: on_navigation
+  } = (0, $8c691d7f86317052$export$8e769ad4338a911e);
+  return $jb2Oo$LooksSliderOrGrid({
+    get gridSpacing_() {
+      var _props$gridSpacing;
+      return (_props$gridSpacing = props.gridSpacing) !== null && _props$gridSpacing !== void 0 ? _props$gridSpacing : (0, $jb2Oo$defaultGridSpacing);
+    },
+    get columnsAtSize_() {
+      var _props$columnsAtSize;
+      return (_props$columnsAtSize = props.columnsAtSize) !== null && _props$columnsAtSize !== void 0 ? _props$columnsAtSize : (0, $jb2Oo$defaultColsAtSize);
+    },
+    get productId_() {
+      return props.productId;
+    },
+    get imagePlaceholderAspectRatio_() {
+      var _props$imagePlacehold;
+      return (_props$imagePlacehold = props.imagePlaceholderAspectRatio) !== null && _props$imagePlacehold !== void 0 ? _props$imagePlacehold : 0.75;
+    },
+    get title_() {
+      return props.title;
+    },
+    get class_() {
+      return props.className;
+    },
+    get merchant_() {
+      return merchant();
+    },
+    get market_() {
+      return market();
+    },
+    get priceFormatting_() {
+      return locale().price_formatting_;
+    },
+    get locale_() {
+      return locale().backend_locale_;
+    },
+    get onNavigation_() {
+      return on_navigation;
+    },
+    get gridOptions_() {
+      var _view_more_button$sta;
+      const {
+        gridOptions: gridOptions
+      } = props;
+      const view_more_button = gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.viewMoreButton;
+      return gridOptions && {
+        max_rows: gridOptions.maxRows,
+        view_more_button: view_more_button && {
+          text: view_more_button.text,
+          start_rows: (_view_more_button$sta = view_more_button.startRows) !== null && _view_more_button$sta !== void 0 ? _view_more_button$sta : 2,
+          rows_per_click: view_more_button.rowsPerClick
+        }
+      };
+    },
+    get displayTransformers_() {
+      var _globalState$api;
+      return (_globalState$api = (0, $8c691d7f86317052$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : _globalState$api.display_transformers;
+    }
+  });
+}
 const $1283ca5a3f4a4617$export$d69d8daa20eae175 = createOpenModalParams => {
   const {
     location = "centered",
@@ -1174,4 +1249,4 @@ const $a7dfdd84298ae791$export$b8a61e5c71402559 = {
   nextRouterNavigation: $05726fa9c7eda0a1$export$804fac5697cfbe35
 };
 $jb2Oo$add_to_version_info("react-ui", (0, $9bd9bb8700ab2ada$export$83d89fbfd8236492));
-export { $c61814cfb91ead09$export$466cdc317043f6cb as QuickLinks, $ec632214ac078e79$export$5646050d516e06bc as BreadCrumbs, $f6a205a95e4fdee3$export$80e99ee6b29cadd2 as ComponentAligner, $18e5b9f66c7ade8e$export$9fac37a9c21c2f3b as DepictProvider, $710dda89475e8c05$export$f7d2f673fc2f091d as CategoryPage, $f33e2dee70c97da3$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, $ab2d430c2034aa17$export$9bb30bbe003b82e0 as useSearchField, $1895644749ca8d8a$export$6501da23a2770fc as useFetchRecommendations, $b34796f5ebe3470e$export$38b98fae14bd1f64 as usePerformanceClient, $39af3ccd78996343$export$72616730c1fad2f4 as useCategoryFilterHelpers, $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 };
+export { $c61814cfb91ead09$export$466cdc317043f6cb as QuickLinks, $ec632214ac078e79$export$5646050d516e06bc as BreadCrumbs, $f6a205a95e4fdee3$export$80e99ee6b29cadd2 as ComponentAligner, $18e5b9f66c7ade8e$export$9fac37a9c21c2f3b as DepictProvider, $710dda89475e8c05$export$f7d2f673fc2f091d as CategoryPage, $f33e2dee70c97da3$export$a54ec244c8863715 as SearchPage, $6406849926c3f794$export$3f37af283f8fb843 as ImagePlaceholder, $2c7738b65cbcac1c$export$89c6019e4baa40b1 as TextPlaceholder, $31abef71c0a2d3fc$export$b0a773486c1c2312 as RecommendationGrid, $c02e9fd51f31a1bd$export$82cfdc85a4d15688 as RecommendationSlider, $42a99d61b8f0a22c$export$ee471bde82ce7cf7 as LooksSliderOrGrid, $356d18d3ed66814e$export$912994940e660d32 as useSearchModal, $ab2d430c2034aa17$export$9bb30bbe003b82e0 as useSearchField, $1895644749ca8d8a$export$6501da23a2770fc as useFetchRecommendations, $b34796f5ebe3470e$export$38b98fae14bd1f64 as usePerformanceClient, $39af3ccd78996343$export$72616730c1fad2f4 as useCategoryFilterHelpers, $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 };

package/dist/styles/plain-css-fallback-styling.css

@@ -1 +1 @@
-.depict{font-feature-settings:"clig" off,"liga" off;color:#0f0f0f}.depict button{border:none}.depict div:empty{display:block}.depict a{color:#0f0f0f;text-decoration:none}.depict,.depict *{box-sizing:border-box}.depict .s-image-container{width:100%;position:relative}.depict .s-responsive-image{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.depict .depict-slider{min-width:0;flex-grow:1;position:relative}.depict .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 .depict-slider .sliding::-webkit-scrollbar{display:none}.depict .depict-slider .sliding>*{flex-shrink:0}.depict .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 .depict-slider .d-navbutton>div{display:flex}.depict .depict-slider .d-navbutton.left{left:0;transform:translateY(-50%)rotate(180deg)}.depict .depict-slider .d-navbutton.right{right:0}.depict .depict-slider:not(.products) .sliding>:not(:first-child){margin-left:5px}.depict .depict-slider:not(.products) .sliding>:not(:last-child){margin-right:5px}.depict .depict-slider:not(.products) .d-navbutton{height:100%;width:26px;background:linear-gradient(270deg,#fff 50%,#0000 105%);padding:0 1px 0 0}.depict .depict-slider:not(.products) .d-navbutton img{width:100%;height:100%}@media not all and (hover:none){.depict .depict-slider:not(.products) .d-navbutton:hover svg{transform:scale(1.2)}}.depict .depict-slider:not(.products) .d-navbutton:focus-visible svg{transform:scale(1.5)}.depict .depict-slider:not(.products) .d-navbutton:focus-visible svg path{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict .depict-slider:not(.products) .d-navbutton svg{transition-duration:.15s}.depict .depict-slider:not(.products) .d-navbutton:active{opacity:.9}.depict .depict-slider.products .d-navbutton{opacity:.7;background:#fff;border-radius:12px 0 0 12px;padding:15px 10px 15px 15px}.depict .depict-slider.products .d-navbutton:not(.hidden):hover{opacity:1}.depict .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 .depict-slider.products .d-navbutton:focus-visible svg{transform:scale(1.5)}.depict .depict-slider.products .d-navbutton svg path{fill:#333335}.depict .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 .cards.looks-container{height:var(--looks-height,100vh);scroll-snap-type:y mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.depict .cards.looks-container::-webkit-scrollbar{display:none}.depict .cards.looks-container.scrolling{overflow:auto}.depict .cards.looks-container>*{scroll-snap-align:start;scroll-snap-stop:always}.depict .cards.looks-container .look-card{height:var(--looks-height,100vh)}@media not all and (pointer:fine){.depict.recommendations.looks .d-navbutton{display:none}}.depict .look-card{background:#0003;display:flex;position:relative;overflow:hidden}.depict .look-card .s-responsive-image{object-fit:cover}.depict .look-card .image-container{flex-grow:1;align-self:stretch}.depict .look-card .image-container .s-responsive-image{position:relative}.depict .look-card .scroll-padding{background:#fff;padding-top:3px;padding-bottom:3px;display:flex;position:absolute;bottom:3px;left:3px}.depict .look-card .look-overlay{width:calc(calc(var(--look-card-width)*.18) + 2*3px);transition:width var(--animation-duration)cubic-bezier(0,.8,1,1);max-height:calc((var(--look-item-height)*3.5) + (3px*3));flex-direction:column;align-items:stretch;gap:3px;padding-left:3px;padding-right:3px;display:flex;overflow:hidden}.depict .look-card .look-overlay .look-item{transition:padding-right var(--animation-duration)cubic-bezier(0,.8,1,1);gap:8px;display:flex;container-type:inline-size}@media not all and (hover:none){.depict .look-card .look-overlay .look-item:hover{text-decoration:underline}}.depict .look-card .look-overlay .img-wrapper{min-width:calc(var(--look-card-width)*.18);transition:var(--animation-duration)cubic-bezier(0,.8,1,1);display:flex;position:relative}.depict .look-card .look-overlay .img-wrapper .s-image-container{transition:var(--animation-duration)cubic-bezier(0,.8,1,1)}.depict .look-card .look-overlay .img-wrapper .s-image-container .s-responsive-image{transition:var(--animation-duration)cubic-bezier(0,.8,1,1);object-fit:cover}.depict .look-card .look-overlay .right-part{min-width:calc(var(--look-card-width) - calc(calc(var(--look-card-width)*.26) + calc(3px*2) + calc(3px*2) + 8px));justify-content:space-between;gap:8px;display:flex}.depict .look-card .look-overlay .right-part .d-title{-webkit-line-clamp:2}@container (max-width:350px){.depict .look-card .look-overlay .right-part .d-title{-webkit-line-clamp:1}}.depict .look-card .look-overlay .right-part .text-container{flex-direction:column;justify-content:center;gap:4px;display:flex}.depict .look-card .look-overlay .right-part .d-price.original{color:#868689;text-decoration:line-through}.depict .look-card .look-overlay .right-part .d-price.sale{color:#ff2e3e}.depict .look-card .look-overlay.expanded{width:calc(var(--look-card-width) - calc(3px*2))}.depict .look-card .look-overlay.expanded .look-item{padding-right:16px}.depict .look-card .look-overlay.resting-fully-expanded{overflow:auto}.depict .look-card.placeholder .scroll-padding{width:calc(18% + 6px)}.depict .look-card.placeholder .scroll-padding .look-overlay{width:100%}.depict .look-card.placeholder .scroll-padding .look-overlay .img-wrapper{min-width:100%}.depict .look-card.placeholder .scroll-padding .look-overlay .look-item:last-child .depict-placeholder{padding-bottom:50%!important}.depict .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 .cards:not(.css-grid){flex-flow:wrap;display:flex}.depict .cards{flex-grow:1;align-content:flex-start;overflow:hidden}.depict .load-more-container,.depict .load-less-container{justify-content:center;display:flex}.depict button.major,.depict a.major-button{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 button.major[disabled],.depict a.major-button[disabled]{cursor:not-allowed;background:#cbcbcc}.depict button.major svg path,.depict a.major-button svg path{fill:#fff}@media not all and (hover:none){.depict button.major:not([disabled]):hover,.depict a.major-button:not([disabled]):hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#333335}}.depict button.major:not([disabled]):active,.depict a.major-button:not([disabled]):active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#000}.depict button.major:focus,.depict a.major-button:focus{outline-style:none}.depict button.major:focus-visible,.depict a.major-button:focus-visible{filter:drop-shadow(2px 2px 4px #418fc3cc)drop-shadow(-2px -2px 4px #418fc3cc);background:#333335}.depict.plp .listing-page{flex-direction:column;display:flex}.depict.plp .listing-page .no-results{background:#fff;flex-direction:column;flex-grow:2;justify-content:flex-start;align-items:center;padding:40px;display:flex}.depict.plp .listing-page .no-results>:not(:first-child){margin-top:3px}.depict.plp .listing-page .no-results>:not(:last-child){margin-bottom:3px}.depict.plp .listing-page .no-results .hint{cursor:pointer;color:#333335;text-decoration:underline}.depict.plp .listing-page .no-results .text{font-size:2em;font-weight:700}.depict.plp .listing-page{padding:20px 10px}@media (max-width:651px){.depict.plp .listing-page{padding:16px 8px}}.depict.plp .listing-page>.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]:checked~.custom-indicator.color.outlined-check:after,.depict.plp .sorting .body .input-row input[type=checkbox]:checked~.custom-indicator.color.outlined-check:after{width:13.414px;height:10.814px;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13.414\" height=\"10.814\"><path d=\"M12.707 2.107l-1.4-1.4-6.6 6.6-2.6-2.6-1.4 1.4 4 4z\" fill=\"%23FFFFFF\" stroke=\"%23000000\"/></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%;background:#fff;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>.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{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:0 0;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:#f3f3f5}}.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:#f3f3f5}.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;border-radius:4px;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;--thickness:10%;border:0;position:relative}.depict.plp .morphing-sign span{background:#333335;border-radius:2px;transition-duration:.2s;position:absolute}.depict.plp .morphing-sign span:first-child{width:var(--thickness);top:25%;bottom:25%;left:calc(50% - var(--thickness)/2)}.depict.plp .morphing-sign span:last-child{height:var(--thickness);left:25%;right:25%;top:calc(50% - var(--thickness)/2)}.depict.plp .morphing-sign.expanded span{transform:rotate(90deg)}.depict.plp .morphing-sign.expanded span:last-child{left:50%;right:50%}.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.minor,.depict.plp a.minor-button{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[disabled],.depict.plp a.minor-button[disabled]{cursor:not-allowed;background:#fafafc}.depict.plp button.minor svg path,.depict.plp a.minor-button svg path{fill:#0f0f0f}@media not all and (hover:none){.depict.plp button.minor:not([disabled]):hover,.depict.plp a.minor-button: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,.depict.plp a.minor-button:not([disabled]):active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#e4e4e5}.depict.plp button.minor:focus,.depict.plp a.minor-button:focus{outline-style:none}.depict.plp button.minor:focus-visible,.depict.plp a.minor-button:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);background:#f3f3f5}.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}body *>:has(.depict-search-field-and-modal.nuke-mw){max-width:unset;max-height:unset}.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 .title{margin:0}.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{margin:0;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 .s-image-container.secondary{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;margin:0}.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{min-width:100px;--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 16px 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{justify-content:space-between;gap:16px;container-type:inline-size}@container (max-width:636px){.depict.search .search-field.in-modal .spacer{display:none}}.depict.search .search-field .back{z-index:calc(1 + 6);background-color:#0000;border:none;justify-content:center;align-items:center;padding:7.5px;display:flex}.depict.search .search-field .back svg{width:12.5px;height:12.5px}.depict.search .search-field .back svg path{stroke:#333335;stroke-width:1.5px;fill:#333335}.depict.search .search-field .back:focus{outline:none}.depict.search .search-field .back:focus-visible{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%;left:23.5px;transform:translateY(-50%)}.depict.search .search-field .clear.empty{cursor:default}.depict.search .search-field .clear.empty svg path,.depict.search .search-field .clear svg path{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:not(.in-modal){width:min(100%,600px)}.depict.search .search-field:not(.in-modal).align-left{margin-right:auto}.depict.search .search-field:not(.in-modal).align-center{margin-left:auto;margin-right:auto}.depict.search .search-field:not(.in-modal).align-right{margin-left:auto}.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;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-rows:1fr auto;grid-template-columns:20fr 80fr;column-gap:48px;padding-bottom:48px;display:grid;overflow:auto}.depict.search .depict-search-modal .body .padded.no-results{flex-direction:column;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;display:flex}.depict.search .depict-search-modal .body .discover-more{order:6;grid-column:1/3;justify-content:center;display:flex}.depict.search .depict-search-modal .body .discover-more button{padding:12px 18px}.depict.search .depict-search-modal .body .discover-more button b{font-weight:400}.depict.search .depict-search-modal:not(.stacked) .padded{row-gap:32px}.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.search-field-left .listing-page .search-field{align-self:start}.depict.search.search-field-center .listing-page .search-field{align-self:center}.depict.search.search-field-right .listing-page .search-field{align-self:end}.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{padding-bottom:12px;display:flex}.depict.search .visual-listing-suggestions .listing-card .image-part .images-wrapper{grid-template-columns:repeat(var(--image-count),1fr);border-radius:16px;flex-grow:1;display:grid}.depict.search .visual-listing-suggestions .listing-card .image-part .images-wrapper,.depict.search .visual-listing-suggestions .listing-card .image-part .images-wrapper>*{overflow:hidden}.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:0 10px 0 0}.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%}}
+.depict{font-feature-settings:"clig" off,"liga" off;color:#0f0f0f}.depict button{border:none}.depict div:empty{display:block}.depict a{color:#0f0f0f;text-decoration:none}.depict,.depict *{box-sizing:border-box}.depict .s-image-container{width:100%;position:relative}.depict .s-responsive-image{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.depict .depict-slider{min-width:0;flex-grow:1;position:relative}.depict .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 .depict-slider .sliding::-webkit-scrollbar{display:none}.depict .depict-slider .sliding>*{flex-shrink:0}.depict .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 .depict-slider .d-navbutton>div{display:flex}.depict .depict-slider .d-navbutton.left{left:0;transform:translateY(-50%)rotate(180deg)}.depict .depict-slider .d-navbutton.right{right:0}.depict .depict-slider:not(.products) .sliding>:not(:first-child){margin-left:5px}.depict .depict-slider:not(.products) .sliding>:not(:last-child){margin-right:5px}.depict .depict-slider:not(.products) .d-navbutton{height:100%;width:26px;background:linear-gradient(270deg,#fff 50%,#0000 105%);padding:0 1px 0 0}.depict .depict-slider:not(.products) .d-navbutton img{width:100%;height:100%}@media not all and (hover:none){.depict .depict-slider:not(.products) .d-navbutton:hover svg{transform:scale(1.2)}}.depict .depict-slider:not(.products) .d-navbutton:focus-visible svg{transform:scale(1.5)}.depict .depict-slider:not(.products) .d-navbutton:focus-visible svg path{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict .depict-slider:not(.products) .d-navbutton svg{transition-duration:.15s}.depict .depict-slider:not(.products) .d-navbutton:active{opacity:.9}.depict .depict-slider.products .d-navbutton{opacity:.7;background:#fff;border-radius:12px 0 0 12px;padding:15px 10px 15px 15px}.depict .depict-slider.products .d-navbutton:not(.hidden):hover{opacity:1}.depict .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 .depict-slider.products .d-navbutton:focus-visible svg{transform:scale(1.5)}.depict .depict-slider.products .d-navbutton svg path{fill:#333335}.depict .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 .cards.looks-container{height:var(--looks-height,100vh);scroll-snap-type:y mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.depict .cards.looks-container::-webkit-scrollbar{display:none}.depict .cards.looks-container.scrolling{overflow:auto}.depict .cards.looks-container>*{scroll-snap-align:start;scroll-snap-stop:always}.depict .cards.looks-container .look-card{height:var(--looks-height,100vh)}@media not all and (pointer:fine){.depict.recommendations.looks .d-navbutton{display:none}}.depict .look-card{background:#0003;display:flex;position:relative;overflow:hidden}.depict .look-card .s-responsive-image{object-fit:cover}.depict .look-card .image-container{flex-grow:1;align-self:stretch}.depict .look-card .image-container .s-responsive-image{position:relative}.depict .look-card .scroll-padding{background:#fff;padding-top:3px;padding-bottom:3px;display:flex;position:absolute;bottom:3px;left:3px}.depict .look-card .look-overlay{width:calc(calc(var(--look-card-width)*.18) + 2*3px);transition:width var(--animation-duration)cubic-bezier(0,.8,1,1);max-height:calc((var(--look-item-height)*3.5) + (3px*3));flex-direction:column;align-items:stretch;gap:3px;padding-left:3px;padding-right:3px;display:flex;overflow:hidden}.depict .look-card .look-overlay .look-item{transition:padding-right var(--animation-duration)cubic-bezier(0,.8,1,1);gap:8px;display:flex;container-type:inline-size}@media not all and (hover:none){.depict .look-card .look-overlay .look-item:hover{text-decoration:underline}}.depict .look-card .look-overlay .img-wrapper{min-width:calc(var(--look-card-width)*.18);transition:var(--animation-duration)cubic-bezier(0,.8,1,1);display:flex;position:relative}.depict .look-card .look-overlay .img-wrapper .s-image-container{transition:var(--animation-duration)cubic-bezier(0,.8,1,1)}.depict .look-card .look-overlay .img-wrapper .s-image-container .s-responsive-image{transition:var(--animation-duration)cubic-bezier(0,.8,1,1);object-fit:cover}.depict .look-card .look-overlay .right-part{min-width:calc(var(--look-card-width) - calc(calc(var(--look-card-width)*.26) + calc(3px*2) + calc(3px*2) + 8px));justify-content:space-between;gap:8px;display:flex}.depict .look-card .look-overlay .right-part .d-title{-webkit-line-clamp:2}@container (max-width:350px){.depict .look-card .look-overlay .right-part .d-title{-webkit-line-clamp:1}}.depict .look-card .look-overlay .right-part .text-container{flex-direction:column;justify-content:center;gap:4px;display:flex}.depict .look-card .look-overlay .right-part .d-price.original{color:#868689;text-decoration:line-through}.depict .look-card .look-overlay .right-part .d-price.sale{color:#ff2e3e}.depict .look-card .look-overlay.expanded{width:calc(var(--look-card-width) - calc(3px*2))}.depict .look-card .look-overlay.expanded .look-item{padding-right:16px}.depict .look-card .look-overlay.expanded .img-wrapper{min-width:calc(var(--look-card-width)*.26)}.depict .look-card .look-overlay.resting-fully-expanded{overflow:auto}.depict .look-card.placeholder .scroll-padding{width:calc(18% + 6px)}.depict .look-card.placeholder .scroll-padding .look-overlay{width:100%}.depict .look-card.placeholder .scroll-padding .look-overlay .img-wrapper{min-width:100%}.depict .look-card.placeholder .scroll-padding .look-overlay .look-item:last-child .depict-placeholder{padding-bottom:50%!important}.depict .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 .cards:not(.css-grid){flex-flow:wrap;display:flex}.depict .cards{flex-grow:1;align-content:flex-start;overflow:hidden}.depict .load-more-container,.depict .load-less-container{justify-content:center;display:flex}.depict button.major,.depict a.major-button{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 button.major[disabled],.depict a.major-button[disabled]{cursor:not-allowed;background:#cbcbcc}.depict button.major svg path,.depict a.major-button svg path{fill:#fff}@media not all and (hover:none){.depict button.major:not([disabled]):hover,.depict a.major-button:not([disabled]):hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#333335}}.depict button.major:not([disabled]):active,.depict a.major-button:not([disabled]):active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#000}.depict button.major:focus,.depict a.major-button:focus{outline-style:none}.depict button.major:focus-visible,.depict a.major-button:focus-visible{filter:drop-shadow(2px 2px 4px #418fc3cc)drop-shadow(-2px -2px 4px #418fc3cc);background:#333335}.depict.plp .listing-page{flex-direction:column;display:flex}.depict.plp .listing-page .no-results{background:#fff;flex-direction:column;flex-grow:2;justify-content:flex-start;align-items:center;padding:40px;display:flex}.depict.plp .listing-page .no-results>:not(:first-child){margin-top:3px}.depict.plp .listing-page .no-results>:not(:last-child){margin-bottom:3px}.depict.plp .listing-page .no-results .hint{cursor:pointer;color:#333335;text-decoration:underline}.depict.plp .listing-page .no-results .text{font-size:2em;font-weight:700}.depict.plp .listing-page{padding:20px 10px}@media (max-width:651px){.depict.plp .listing-page{padding:16px 8px}}.depict.plp .listing-page>.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]:checked~.custom-indicator.color.outlined-check:after,.depict.plp .sorting .body .input-row input[type=checkbox]:checked~.custom-indicator.color.outlined-check:after{width:13.414px;height:10.814px;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13.414\" height=\"10.814\"><path d=\"M12.707 2.107l-1.4-1.4-6.6 6.6-2.6-2.6-1.4 1.4 4 4z\" fill=\"%23FFFFFF\" stroke=\"%23000000\"/></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%;background:#fff;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>.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{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:0 0;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:#f3f3f5}}.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:#f3f3f5}.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;border-radius:4px;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;--thickness:10%;border:0;position:relative}.depict.plp .morphing-sign span{background:#333335;border-radius:2px;transition-duration:.2s;position:absolute}.depict.plp .morphing-sign span:first-child{width:var(--thickness);top:25%;bottom:25%;left:calc(50% - var(--thickness)/2)}.depict.plp .morphing-sign span:last-child{height:var(--thickness);left:25%;right:25%;top:calc(50% - var(--thickness)/2)}.depict.plp .morphing-sign.expanded span{transform:rotate(90deg)}.depict.plp .morphing-sign.expanded span:last-child{left:50%;right:50%}.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.minor,.depict.plp a.minor-button{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[disabled],.depict.plp a.minor-button[disabled]{cursor:not-allowed;background:#fafafc}.depict.plp button.minor svg path,.depict.plp a.minor-button svg path{fill:#0f0f0f}@media not all and (hover:none){.depict.plp button.minor:not([disabled]):hover,.depict.plp a.minor-button: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,.depict.plp a.minor-button:not([disabled]):active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#e4e4e5}.depict.plp button.minor:focus,.depict.plp a.minor-button:focus{outline-style:none}.depict.plp button.minor:focus-visible,.depict.plp a.minor-button:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);background:#f3f3f5}.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}body *>:has(.depict-search-field-and-modal.nuke-mw){max-width:unset;max-height:unset}.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 .title{margin:0}.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{margin:0;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 .s-image-container.secondary{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;margin:0}.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{min-width:100px;--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 16px 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{justify-content:space-between;gap:16px;container-type:inline-size}@container (max-width:636px){.depict.search .search-field.in-modal .spacer{display:none}}.depict.search .search-field .back{z-index:calc(1 + 6);background-color:#0000;border:none;justify-content:center;align-items:center;padding:7.5px;display:flex}.depict.search .search-field .back svg{width:12.5px;height:12.5px}.depict.search .search-field .back svg path{stroke:#333335;stroke-width:1.5px;fill:#333335}.depict.search .search-field .back:focus{outline:none}.depict.search .search-field .back:focus-visible{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%;left:23.5px;transform:translateY(-50%)}.depict.search .search-field .clear.empty{cursor:default}.depict.search .search-field .clear.empty svg path,.depict.search .search-field .clear svg path{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:not(.in-modal){width:min(100%,600px)}.depict.search .search-field:not(.in-modal).align-left{margin-right:auto}.depict.search .search-field:not(.in-modal).align-center{margin-left:auto;margin-right:auto}.depict.search .search-field:not(.in-modal).align-right{margin-left:auto}.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;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-rows:1fr auto;grid-template-columns:20fr 80fr;column-gap:48px;padding-bottom:48px;display:grid;overflow:auto}.depict.search .depict-search-modal .body .padded.no-results{flex-direction:column;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;display:flex}.depict.search .depict-search-modal .body .discover-more{order:6;grid-column:1/3;justify-content:center;display:flex}.depict.search .depict-search-modal .body .discover-more button{padding:12px 18px}.depict.search .depict-search-modal .body .discover-more button b{font-weight:400}.depict.search .depict-search-modal:not(.stacked) .padded{row-gap:32px}.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.search-field-left .listing-page .search-field{align-self:start}.depict.search.search-field-center .listing-page .search-field{align-self:center}.depict.search.search-field-right .listing-page .search-field{align-self:end}.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{padding-bottom:12px;display:flex}.depict.search .visual-listing-suggestions .listing-card .image-part .images-wrapper{grid-template-columns:repeat(var(--image-count),1fr);border-radius:16px;flex-grow:1;display:grid}.depict.search .visual-listing-suggestions .listing-card .image-part .images-wrapper,.depict.search .visual-listing-suggestions .listing-card .image-part .images-wrapper>*{overflow:hidden}.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:0 10px 0 0}.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

@@ -29,6 +29,7 @@ $parcel$export(module.exports, "ImagePlaceholder", () => $df522c8a81ed5a01$expor
 $parcel$export(module.exports, "TextPlaceholder", () => $7c8b440edc188ad5$export$89c6019e4baa40b1);
 $parcel$export(module.exports, "RecommendationGrid", () => $48732d1a919ddb4c$export$b0a773486c1c2312);
 $parcel$export(module.exports, "RecommendationSlider", () => $8ffd7da37fdd46be$export$82cfdc85a4d15688);
+$parcel$export(module.exports, "LooksSliderOrGrid", () => $2be579ca3f30d88e$export$ee471bde82ce7cf7);
 $parcel$export(module.exports, "useSearchModal", () => $ae73b15c325f1b21$export$912994940e660d32);
 $parcel$export(module.exports, "useSearchField", () => $c8b22e24c4b8035c$export$9bb30bbe003b82e0);
 $parcel$export(module.exports, "useFetchRecommendations", () => $a134ea100690b628$export$6501da23a2770fc);
@@ -42,7 +43,7 @@ $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fb
 $parcel$export(module.exports, "Navigation", () => $b742053c966024b4$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $db7b67857900028b$export$83d89fbfd8236492 = "4.6.2";
+const $db7b67857900028b$export$83d89fbfd8236492 = "4.7.0";
 const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
   usedLocale: $2IzJs$solidjs.createSignal((0, $2IzJs$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -938,6 +939,76 @@ function $48732d1a919ddb4c$export$b0a773486c1c2312(props) {
     wrapper_type: "section"
   });
 }
+function $2be579ca3f30d88e$export$ee471bde82ce7cf7(props) {
+  return $69121eedef466fe9$export$f6e64e17bd69eeef({
+    solid_component: props => $2IzJs$solidjsweb.createComponent((0, $1e18e5335ff79474$export$eb5844afe948564b), {
+      get children() {
+        return $2IzJs$solidjsweb.createComponent($2be579ca3f30d88e$export$5afe1596ca0120c7, props);
+      }
+    }),
+    props: props
+  });
+}
+function $2be579ca3f30d88e$export$5afe1596ca0120c7(props) {
+  const {
+    merchant: [merchant],
+    market: [market],
+    usedLocale: [locale],
+    on_navigation: on_navigation
+  } = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e);
+  return $2IzJs$depictaiui.LooksSliderOrGrid({
+    get gridSpacing_() {
+      return props.gridSpacing ?? (0, $2IzJs$depictaiui.defaultGridSpacing);
+    },
+    get columnsAtSize_() {
+      return props.columnsAtSize ?? (0, $2IzJs$depictaiui.defaultColsAtSize);
+    },
+    get productId_() {
+      return props.productId;
+    },
+    get imagePlaceholderAspectRatio_() {
+      return props.imagePlaceholderAspectRatio ?? 0.75;
+    },
+    get title_() {
+      return props.title;
+    },
+    get class_() {
+      return props.className;
+    },
+    get merchant_() {
+      return merchant();
+    },
+    get market_() {
+      return market();
+    },
+    get priceFormatting_() {
+      return locale().price_formatting_;
+    },
+    get locale_() {
+      return locale().backend_locale_;
+    },
+    get onNavigation_() {
+      return on_navigation;
+    },
+    get gridOptions_() {
+      const {
+        gridOptions: gridOptions
+      } = props;
+      const view_more_button = gridOptions?.viewMoreButton;
+      return gridOptions && {
+        max_rows: gridOptions.maxRows,
+        view_more_button: view_more_button && {
+          text: view_more_button.text,
+          start_rows: view_more_button.startRows ?? 2,
+          rows_per_click: view_more_button.rowsPerClick
+        }
+      };
+    },
+    get displayTransformers_() {
+      return (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api?.display_transformers;
+    }
+  });
+}
 const $177ac8f5258066ba$export$d69d8daa20eae175 = createOpenModalParams => {
   const {
     location = "centered",

package/latest/index.d.ts

@@ -1,9 +1,9 @@
 import { DPC } from "@depict-ai/dpc/latest";
 import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } from "react";
-import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/latest";
+import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/latest";
 import { Locale } from "@depict-ai/ui/locales/latest";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
-export const version = "4.6.2";
+export const version = "4.7.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -402,6 +402,29 @@ declare function SolidRecommendationSliderWrapper<T extends Display>(props: Reco
  * @param title Optional title to show when recommendations are being shown
  */
 export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationGridWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+/**
+ * Renders a grid or slider containing look cards for the looks available for a certain product (provided productId).
+ */
+export function LooksSliderOrGrid(props: Parameters<typeof SolidLooksWrapper>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare function SolidLooksWrapper(props: {
+  gridSpacing?: SDKGridSpacing;
+  columnsAtSize?: SDKColsAtSize;
+  productId: string;
+  imagePlaceholderAspectRatio?: number | string;
+  title?: string;
+  className?: string;
+  /**
+   * If provided, will render as grid instead of slider
+   */
+  gridOptions?: {
+    maxRows?: number;
+    viewMoreButton?: {
+      text: string;
+      startRows?: number;
+      rowsPerClick?: number;
+    };
+  };
+}): HTMLDivElement;
 /**
  * Parameters to configure the search modal.
  */

package/latest/index.js

@@ -1,6 +1,6 @@
 "use client";
 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";
-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, modalVersionSymbol as $2GFvs$modalVersionSymbol, open_modal_with_alignment as $2GFvs$open_modal_with_alignment, SearchField as $2GFvs$SearchField, fetchDepictRecommendations as $2GFvs$fetchDepictRecommendations } from "@depict-ai/ui/latest";
+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, LooksSliderOrGrid as $2GFvs$LooksSliderOrGrid, modalVersionSymbol as $2GFvs$modalVersionSymbol, open_modal_with_alignment as $2GFvs$open_modal_with_alignment, SearchField as $2GFvs$SearchField, fetchDepictRecommendations as $2GFvs$fetchDepictRecommendations } from "@depict-ai/ui/latest";
 import { untrack as $2GFvs$untrack, createRoot as $2GFvs$createRoot, createEffect as $2GFvs$createEffect, createSignal as $2GFvs$createSignal, createComputed as $2GFvs$createComputed, createMemo as $2GFvs$createMemo, onCleanup as $2GFvs$onCleanup, getOwner as $2GFvs$getOwner, runWithOwner as $2GFvs$runWithOwner, on as $2GFvs$on, mapArray as $2GFvs$mapArray, Show as $2GFvs$Show, createRenderEffect as $2GFvs$createRenderEffect } from "solid-js";
 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";
 import { defaultLocale as $2GFvs$defaultLocale } from "@depict-ai/ui/locales/latest";
@@ -15,7 +15,7 @@ import { renderToString as $2GFvs$renderToString } from "react-dom/server";
 // Note, if you add an export here, also add one in src-server/main.ts
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "latest");
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.6.2";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.7.0";
 const $42858f023ef23dab$export$8e769ad4338a911e = {
   usedLocale: $2GFvs$createSignal((0, $2GFvs$defaultLocale)),
   search_instances: new Map(),
@@ -911,6 +911,76 @@ function $73b783bfc241b2d9$export$b0a773486c1c2312(props) {
     wrapper_type: "section"
   });
 }
+function $ce7f67339c7d03c7$export$ee471bde82ce7cf7(props) {
+  return $2c98aada448e4f4d$export$f6e64e17bd69eeef({
+    solid_component: props => $2GFvs$createComponent((0, $2cd8d06c25c157ed$export$eb5844afe948564b), {
+      get children() {
+        return $2GFvs$createComponent($ce7f67339c7d03c7$export$5afe1596ca0120c7, props);
+      }
+    }),
+    props: props
+  });
+}
+function $ce7f67339c7d03c7$export$5afe1596ca0120c7(props) {
+  const {
+    merchant: [merchant],
+    market: [market],
+    usedLocale: [locale],
+    on_navigation: on_navigation
+  } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
+  return $2GFvs$LooksSliderOrGrid({
+    get gridSpacing_() {
+      return props.gridSpacing ?? (0, $2GFvs$defaultGridSpacing);
+    },
+    get columnsAtSize_() {
+      return props.columnsAtSize ?? (0, $2GFvs$defaultColsAtSize);
+    },
+    get productId_() {
+      return props.productId;
+    },
+    get imagePlaceholderAspectRatio_() {
+      return props.imagePlaceholderAspectRatio ?? 0.75;
+    },
+    get title_() {
+      return props.title;
+    },
+    get class_() {
+      return props.className;
+    },
+    get merchant_() {
+      return merchant();
+    },
+    get market_() {
+      return market();
+    },
+    get priceFormatting_() {
+      return locale().price_formatting_;
+    },
+    get locale_() {
+      return locale().backend_locale_;
+    },
+    get onNavigation_() {
+      return on_navigation;
+    },
+    get gridOptions_() {
+      const {
+        gridOptions: gridOptions
+      } = props;
+      const view_more_button = gridOptions?.viewMoreButton;
+      return gridOptions && {
+        max_rows: gridOptions.maxRows,
+        view_more_button: view_more_button && {
+          text: view_more_button.text,
+          start_rows: view_more_button.startRows ?? 2,
+          rows_per_click: view_more_button.rowsPerClick
+        }
+      };
+    },
+    get displayTransformers_() {
+      return (0, $42858f023ef23dab$export$8e769ad4338a911e).api?.display_transformers;
+    }
+  });
+}
 const $41cab674edff4277$export$d69d8daa20eae175 = createOpenModalParams => {
   const {
     location = "centered",
@@ -1109,4 +1179,4 @@ const $97603d19204ec48d$export$b8a61e5c71402559 = {
   nextRouterNavigation: $a92aa2beb560b8af$export$804fac5697cfbe35
 };
 $2GFvs$add_to_version_info("react-ui", (0, $c9c4d066f9a5b51b$export$83d89fbfd8236492));
-export { $b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $421f32789b6f111f$export$80e99ee6b29cadd2 as ComponentAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $6e2ebc6b1506f2c7$export$f7d2f673fc2f091d as CategoryPage, $2f377099d56e566c$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, $8eafb51f0d1eb42d$export$9bb30bbe003b82e0 as useSearchField, $1bb4271dc44722e2$export$6501da23a2770fc as useFetchRecommendations, $a00d8f27abd5d0b0$export$38b98fae14bd1f64 as usePerformanceClient, $4d60f63392752531$export$72616730c1fad2f4 as useCategoryFilterHelpers, $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 };
+export { $b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $421f32789b6f111f$export$80e99ee6b29cadd2 as ComponentAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $6e2ebc6b1506f2c7$export$f7d2f673fc2f091d as CategoryPage, $2f377099d56e566c$export$a54ec244c8863715 as SearchPage, $f446a84f85ba06f6$export$3f37af283f8fb843 as ImagePlaceholder, $cbd250061abf11cb$export$89c6019e4baa40b1 as TextPlaceholder, $73b783bfc241b2d9$export$b0a773486c1c2312 as RecommendationGrid, $4fd5dc0e231a60d9$export$82cfdc85a4d15688 as RecommendationSlider, $ce7f67339c7d03c7$export$ee471bde82ce7cf7 as LooksSliderOrGrid, $70344e5e0d0fea06$export$912994940e660d32 as useSearchModal, $8eafb51f0d1eb42d$export$9bb30bbe003b82e0 as useSearchField, $1bb4271dc44722e2$export$6501da23a2770fc as useFetchRecommendations, $a00d8f27abd5d0b0$export$38b98fae14bd1f64 as usePerformanceClient, $4d60f63392752531$export$72616730c1fad2f4 as useCategoryFilterHelpers, $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

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "4.6.2",
+  "version": "4.7.0",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "types": "ES10/index.d.ts",
@@ -135,10 +135,10 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/dpc": "^2.4.0",
-    "@depict-ai/plp-styling": "^4.4.0",
-    "@depict-ai/ui": "^4.7.2",
-    "@depict-ai/utilishared": "^2.4.0",
+    "@depict-ai/dpc": "^2.4.1",
+    "@depict-ai/plp-styling": "^4.4.2",
+    "@depict-ai/ui": "^4.7.7",
+    "@depict-ai/utilishared": "^2.4.2",
     "solid-js": "^1.8.12"
   },
   "peerDependencies": {
@@ -150,7 +150,7 @@
     "@babel/core": "latest",
     "@babel/preset-env": "latest",
     "@babel/preset-typescript": "latest",
-    "@depict-ai/plp-styling": "^4.4.0",
+    "@depict-ai/plp-styling": "^4.4.2",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "^2.10.3",
     "@parcel/transformer-sass": "^2.10.3",

package/server/ES10/index.cjs

@@ -21,6 +21,7 @@ $parcel$export(module.exports, "useCategoryFilterHelpers", () => $202459d454907b
 $parcel$export(module.exports, "SearchPage", () => $202459d454907b31$export$a54ec244c8863715);
 $parcel$export(module.exports, "CategoryPage", () => $202459d454907b31$export$f7d2f673fc2f091d);
 $parcel$export(module.exports, "BreadCrumbs", () => $202459d454907b31$export$5646050d516e06bc);
+$parcel$export(module.exports, "LooksSliderOrGrid", () => $202459d454907b31$export$ee471bde82ce7cf7);
 $parcel$export(module.exports, "QuickLinks", () => $202459d454907b31$export$466cdc317043f6cb);
 $parcel$export(module.exports, "RecommendationSlider", () => $202459d454907b31$export$82cfdc85a4d15688);
 $parcel$export(module.exports, "ComponentAligner", () => $202459d454907b31$export$80e99ee6b29cadd2);
@@ -203,7 +204,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.6.2";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.7.0";
 function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -230,6 +231,11 @@ function $202459d454907b31$export$5646050d516e06bc() {
     children: []
   });
 }
+function $202459d454907b31$export$ee471bde82ce7cf7() {
+  return $aNCHr$react.createElement("div", {
+    children: []
+  });
+}
 function $202459d454907b31$export$466cdc317043f6cb() {
   return $aNCHr$react.createElement("div", {
     children: []

package/server/ES10/index.d.ts

@@ -1,9 +1,9 @@
 import { DPC } from "@depict-ai/dpc/ES10";
 import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } from "react";
-import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/ES10";
+import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/ES10";
 import { Locale } from "@depict-ai/ui/locales/ES10";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
-export const version = "4.6.2";
+export const version = "4.7.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -402,6 +402,29 @@ declare function SolidRecommendationSliderWrapper<T extends Display>(props: Reco
  * @param title Optional title to show when recommendations are being shown
  */
 export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationGridWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+/**
+ * Renders a grid or slider containing look cards for the looks available for a certain product (provided productId).
+ */
+export function LooksSliderOrGrid(props: Parameters<typeof SolidLooksWrapper>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare function SolidLooksWrapper(props: {
+  gridSpacing?: SDKGridSpacing;
+  columnsAtSize?: SDKColsAtSize;
+  productId: string;
+  imagePlaceholderAspectRatio?: number | string;
+  title?: string;
+  className?: string;
+  /**
+   * If provided, will render as grid instead of slider
+   */
+  gridOptions?: {
+    maxRows?: number;
+    viewMoreButton?: {
+      text: string;
+      startRows?: number;
+      rowsPerClick?: number;
+    };
+  };
+}): HTMLDivElement;
 /**
  * Parameters to configure the search modal.
  */

package/server/ES10/index.js

@@ -179,7 +179,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.6.2";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.7.0";
 function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -206,6 +206,11 @@ function $5c4add0a8fe94894$export$5646050d516e06bc() {
     children: []
   });
 }
+function $5c4add0a8fe94894$export$ee471bde82ce7cf7() {
+  return $7h5e1$createElement("div", {
+    children: []
+  });
+}
 function $5c4add0a8fe94894$export$466cdc317043f6cb() {
   return $7h5e1$createElement("div", {
     children: []
@@ -291,4 +296,4 @@ function $5c4add0a8fe94894$export$6501da23a2770fc() {
     }
   };
 }
-export { $5c4add0a8fe94894$export$9fac37a9c21c2f3b as DepictProvider, $5c4add0a8fe94894$export$72616730c1fad2f4 as useCategoryFilterHelpers, $5c4add0a8fe94894$export$a54ec244c8863715 as SearchPage, $5c4add0a8fe94894$export$f7d2f673fc2f091d as CategoryPage, $5c4add0a8fe94894$export$5646050d516e06bc as BreadCrumbs, $5c4add0a8fe94894$export$466cdc317043f6cb as QuickLinks, $5c4add0a8fe94894$export$82cfdc85a4d15688 as RecommendationSlider, $5c4add0a8fe94894$export$80e99ee6b29cadd2 as ComponentAligner, $5c4add0a8fe94894$export$3f37af283f8fb843 as ImagePlaceholder, $5c4add0a8fe94894$export$b0a773486c1c2312 as RecommendationGrid, $5c4add0a8fe94894$export$89c6019e4baa40b1 as TextPlaceholder, $5c4add0a8fe94894$export$9bb30bbe003b82e0 as useSearchField, $5c4add0a8fe94894$export$a7f6cffb6b8ba11c as openModal, $5c4add0a8fe94894$export$912994940e660d32 as useSearchModal, $5c4add0a8fe94894$export$38b98fae14bd1f64 as usePerformanceClient, $5c4add0a8fe94894$export$6501da23a2770fc as useFetchRecommendations, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version };
+export { $5c4add0a8fe94894$export$9fac37a9c21c2f3b as DepictProvider, $5c4add0a8fe94894$export$72616730c1fad2f4 as useCategoryFilterHelpers, $5c4add0a8fe94894$export$a54ec244c8863715 as SearchPage, $5c4add0a8fe94894$export$f7d2f673fc2f091d as CategoryPage, $5c4add0a8fe94894$export$5646050d516e06bc as BreadCrumbs, $5c4add0a8fe94894$export$ee471bde82ce7cf7 as LooksSliderOrGrid, $5c4add0a8fe94894$export$466cdc317043f6cb as QuickLinks, $5c4add0a8fe94894$export$82cfdc85a4d15688 as RecommendationSlider, $5c4add0a8fe94894$export$80e99ee6b29cadd2 as ComponentAligner, $5c4add0a8fe94894$export$3f37af283f8fb843 as ImagePlaceholder, $5c4add0a8fe94894$export$b0a773486c1c2312 as RecommendationGrid, $5c4add0a8fe94894$export$89c6019e4baa40b1 as TextPlaceholder, $5c4add0a8fe94894$export$9bb30bbe003b82e0 as useSearchField, $5c4add0a8fe94894$export$a7f6cffb6b8ba11c as openModal, $5c4add0a8fe94894$export$912994940e660d32 as useSearchModal, $5c4add0a8fe94894$export$38b98fae14bd1f64 as usePerformanceClient, $5c4add0a8fe94894$export$6501da23a2770fc as useFetchRecommendations, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version };

package/server/latest/index.cjs

@@ -21,6 +21,7 @@ $parcel$export(module.exports, "useCategoryFilterHelpers", () => $41e7e5d85b5e0d
 $parcel$export(module.exports, "SearchPage", () => $41e7e5d85b5e0d49$export$a54ec244c8863715);
 $parcel$export(module.exports, "CategoryPage", () => $41e7e5d85b5e0d49$export$f7d2f673fc2f091d);
 $parcel$export(module.exports, "BreadCrumbs", () => $41e7e5d85b5e0d49$export$5646050d516e06bc);
+$parcel$export(module.exports, "LooksSliderOrGrid", () => $41e7e5d85b5e0d49$export$ee471bde82ce7cf7);
 $parcel$export(module.exports, "QuickLinks", () => $41e7e5d85b5e0d49$export$466cdc317043f6cb);
 $parcel$export(module.exports, "RecommendationSlider", () => $41e7e5d85b5e0d49$export$82cfdc85a4d15688);
 $parcel$export(module.exports, "ComponentAligner", () => $41e7e5d85b5e0d49$export$80e99ee6b29cadd2);
@@ -192,7 +193,7 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $db7b67857900028b$export$83d89fbfd8236492 = "4.6.2";
+const $db7b67857900028b$export$83d89fbfd8236492 = "4.7.0";
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -219,6 +220,11 @@ function $41e7e5d85b5e0d49$export$5646050d516e06bc() {
     children: []
   });
 }
+function $41e7e5d85b5e0d49$export$ee471bde82ce7cf7() {
+  return $7QqFM$react.createElement("div", {
+    children: []
+  });
+}
 function $41e7e5d85b5e0d49$export$466cdc317043f6cb() {
   return $7QqFM$react.createElement("div", {
     children: []

package/server/latest/index.d.ts

@@ -1,9 +1,9 @@
 import { DPC } from "@depict-ai/dpc/latest";
 import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } from "react";
-import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/latest";
+import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/latest";
 import { Locale } from "@depict-ai/ui/locales/latest";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
-export const version = "4.6.2";
+export const version = "4.7.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -402,6 +402,29 @@ declare function SolidRecommendationSliderWrapper<T extends Display>(props: Reco
  * @param title Optional title to show when recommendations are being shown
  */
 export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationGridWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+/**
+ * Renders a grid or slider containing look cards for the looks available for a certain product (provided productId).
+ */
+export function LooksSliderOrGrid(props: Parameters<typeof SolidLooksWrapper>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare function SolidLooksWrapper(props: {
+  gridSpacing?: SDKGridSpacing;
+  columnsAtSize?: SDKColsAtSize;
+  productId: string;
+  imagePlaceholderAspectRatio?: number | string;
+  title?: string;
+  className?: string;
+  /**
+   * If provided, will render as grid instead of slider
+   */
+  gridOptions?: {
+    maxRows?: number;
+    viewMoreButton?: {
+      text: string;
+      startRows?: number;
+      rowsPerClick?: number;
+    };
+  };
+}): HTMLDivElement;
 /**
  * Parameters to configure the search modal.
  */

package/server/latest/index.js

@@ -168,7 +168,7 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.6.2";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.7.0";
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -195,6 +195,11 @@ function $2b1fdeb83610500f$export$5646050d516e06bc() {
     children: []
   });
 }
+function $2b1fdeb83610500f$export$ee471bde82ce7cf7() {
+  return $eOXet$createElement("div", {
+    children: []
+  });
+}
 function $2b1fdeb83610500f$export$466cdc317043f6cb() {
   return $eOXet$createElement("div", {
     children: []
@@ -280,4 +285,4 @@ function $2b1fdeb83610500f$export$6501da23a2770fc() {
     }
   };
 }
-export { $2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$72616730c1fad2f4 as useCategoryFilterHelpers, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$82cfdc85a4d15688 as RecommendationSlider, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$3f37af283f8fb843 as ImagePlaceholder, $2b1fdeb83610500f$export$b0a773486c1c2312 as RecommendationGrid, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $2b1fdeb83610500f$export$38b98fae14bd1f64 as usePerformanceClient, $2b1fdeb83610500f$export$6501da23a2770fc as useFetchRecommendations, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version };
+export { $2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$72616730c1fad2f4 as useCategoryFilterHelpers, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$ee471bde82ce7cf7 as LooksSliderOrGrid, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$82cfdc85a4d15688 as RecommendationSlider, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$3f37af283f8fb843 as ImagePlaceholder, $2b1fdeb83610500f$export$b0a773486c1c2312 as RecommendationGrid, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $2b1fdeb83610500f$export$38b98fae14bd1f64 as usePerformanceClient, $2b1fdeb83610500f$export$6501da23a2770fc as useFetchRecommendations, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version };