@depict-ai/react-ui 0.0.31 → 0.0.32

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { PropsWithChildren, ReactNode } from "react";
 import { useNavigate } from "react-router";
 import { Display } from "@depict-ai/utilishared";
 import { SDKColsAtSize, SDKGridSpacing } from "@depict-ai/ui";
+import { DPC } from "@depict-ai/dpc";
 export function DepictSearchField(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 type BaseSearchConfig = {
     merchant: string;
@@ -38,3 +39,7 @@ interface SearchPageConfig<T extends Display> {
     includeInputField?: boolean;
 }
 export function DepictSearchPage<T extends Display>(opts: SearchPageConfig<T>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export const version = "0.0.32";
+export const tracking: {
+    readonly dpc: DPC;
+};

package/dist/main.js

@@ -1,9 +1,10 @@
-var $4GYXz$depictaiui = require("@depict-ai/ui");
 var $4GYXz$depictaiutilishared = require("@depict-ai/utilishared");
+var $4GYXz$depictaiui = require("@depict-ai/ui");
 var $4GYXz$solidjs = require("solid-js");
 var $4GYXz$solidjsweb = require("solid-js/web");
 var $4GYXz$react = require("react");
 var $4GYXz$reactjsxruntime = require("react/jsx-runtime");
+var $4GYXz$depictaidpc = require("@depict-ai/dpc");
 var $4GYXz$reactdom = require("react-dom");
 
 function $parcel$export(e, n, v, s) {
@@ -15,15 +16,19 @@ $parcel$export(module.exports, "DepictProvider", () => $18b830ef84ac138a$export$
 $parcel$export(module.exports, "openModal", () => $20bf907adee775ba$export$a7f6cffb6b8ba11c);
 $parcel$export(module.exports, "DepictSearchHeader", () => $20bf907adee775ba$export$cbcd1ecdb41b1d0a);
 $parcel$export(module.exports, "DepictSearchPage", () => $a6bedbe4b4d6d027$export$210723f5a54a7028);
-// This is where the actual source of your React stuff should live
+$parcel$export(module.exports, "tracking", () => $86ea638e20a3f7ea$export$74584b47fd40751e);
+$parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
+/*! 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 $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
     search: null,
     header_alignment: null,
     search_page_path_: (0, $4GYXz$solidjs.createSignal)(),
-    required_state_set_: (0, $4GYXz$solidjs.createSignal)(false)
+    required_state_set_: (0, $4GYXz$solidjs.createSignal)(false),
+    dpc: null
 };
 
 
@@ -79,7 +84,9 @@ function $a48f3b1a4abf2e0c$export$d2c02478244f91f7() {
 
 
 
+
 let $6319748b4f0426f0$var$set = false;
+let $6319748b4f0426f0$var$padding_animation;
 function $6319748b4f0426f0$export$6453cbc34515a94d(is_search_page) {
     if ($6319748b4f0426f0$var$set) return; // Just being safe
     $6319748b4f0426f0$var$set = true;
@@ -89,7 +96,7 @@ function $6319748b4f0426f0$export$6453cbc34515a94d(is_search_page) {
         if (should_use_old_scroll || process.env.__NEXT_SCROLL_RESTORATION || !is_search_page(location)) return Reflect.apply(old_scrollTo, window, args);
         else should_use_old_scroll = true;
     };
-    addEventListener("popstate", (e)=>{
+    addEventListener("popstate", (0, $6319748b4f0426f0$import$d06efbea11216d79$b3bbfd758f11cfa9)(()=>{
         if (!is_search_page(location)) {
             $6319748b4f0426f0$var$removeLotsOfPadding(); // Just making sure
             return;
@@ -99,7 +106,7 @@ function $6319748b4f0426f0$export$6453cbc34515a94d(is_search_page) {
         (0, $4GYXz$depictaiutilishared.observer).wait_for_element(".depict.plp .listing-page").then(()=>{
             $6319748b4f0426f0$var$removeLotsOfPadding();
         });
-    });
+    }));
     (0, $4GYXz$depictaiutilishared.history_replacer)(()=>{
         (0, $4GYXz$depictaiutilishared.queueMacroTask)(()=>{
             $6319748b4f0426f0$var$removeLotsOfPadding();
@@ -109,38 +116,49 @@ function $6319748b4f0426f0$export$6453cbc34515a94d(is_search_page) {
         $6319748b4f0426f0$var$addLotsOfPadding();
     });
 }
-// TODO: Make these animations so they don't collide with whatever padding is already on the body
-function $6319748b4f0426f0$var$addLotsOfPadding() {
-    document.body.style.paddingBottom = (history.state?.search_scroll_restoration_data?.[0]?.min_results_loaded || 150) * 500 + "px";
+/*
+ Here we want to be able to add padding that *definitely* gets applied and then be able to revert precisely to what was before.
+ The best way to achieve this is using an animation that with the fill set to none. This is because animations have the absolute highest precedence in CSS, even higher than !important. Then, to revert to the old padding, we just play the animation which is 1ms long so, it immediately finishes and whatever was defined before takes precedence again.
+ */ function $6319748b4f0426f0$var$addLotsOfPadding() {
+    if ($6319748b4f0426f0$var$padding_animation) return; // We're already showing a bunch of padding
+    $6319748b4f0426f0$var$padding_animation = document.body.animate({
+        paddingBottom: (history.state?.search_scroll_restoration_data?.[0]?.min_results_loaded || 150) * 500 + "px",
+        offset: 0
+    }, 1);
+    $6319748b4f0426f0$var$padding_animation.pause();
 }
 function $6319748b4f0426f0$var$removeLotsOfPadding() {
-    document.body.style.paddingBottom = "";
+    if ($6319748b4f0426f0$var$padding_animation) {
+        $6319748b4f0426f0$var$padding_animation.play();
+        $6319748b4f0426f0$var$padding_animation = undefined;
+    }
 }
 
 
 
 
 function $18b830ef84ac138a$export$9fac37a9c21c2f3b(props) {
-    if (!props.market || !props.merchant) {
+    const { children: children , search_page_path: search_page_path , url_param_name: url_param_name , enable_category_suggestions: enable_category_suggestions , market: market , merchant: merchant  } = props;
+    if (!market || !merchant) {
         (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).required_state_set_[1](false);
-        return (0, $4GYXz$react.createElement)((0, $4GYXz$react.Fragment), null, props.children);
+        return (0, $4GYXz$react.createElement)((0, $4GYXz$react.Fragment), null, children);
     }
     try {
-        const { children: children , search_page_path: search_page_path , url_param_name: url_param_name , enable_category_suggestions: enable_category_suggestions , market: market , merchant: merchant  } = props;
-        const { search: search  } = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e);
+        const { search: search , dpc: dpc  } = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e);
         const [get_search_page_path, set_search_page_path] = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search_page_path_;
         set_search_page_path(search_page_path);
         if (!search) {
-            let navigate_fn;
+            let react_router_navigate;
             if ("reactRouterUseNavigate" in props) {
                 const { reactRouterUseNavigate: reactRouterUseNavigate  } = props;
-                if (typeof reactRouterUseNavigate === "function") navigate_fn = reactRouterUseNavigate();
+                if (typeof reactRouterUseNavigate === "function") react_router_navigate = reactRouterUseNavigate();
             }
             (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search = new (0, $4GYXz$depictaiui.DepictSearch)({
                 search_query_url_param_name: url_param_name,
                 market: market,
                 merchant: merchant,
-                enable_category_suggestions: enable_category_suggestions,
+                enable_category_suggestions: enable_category_suggestions ?? false,
+                // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
                 localization: {
                     ...(0, $4GYXz$depictaiui.swedish_search_translation),
                     price_formatting_: {
@@ -157,9 +175,9 @@ function $18b830ef84ac138a$export$9fac37a9c21c2f3b(props) {
                         const { on_navigation: on_navigation  } = props;
                         if (typeof on_navigation === "function") return on_navigation(new_href, shallow);
                     }
-                    if (navigate_fn) {
+                    if (react_router_navigate) {
                         const url_object = new URL(new_href);
-                        return navigate_fn(url_object.pathname + url_object.search + url_object.hash);
+                        return react_router_navigate(url_object.pathname + url_object.search + url_object.hash);
                     }
                     if (window.next) window.next.router.push(new_href, undefined, {
                         shallow: shallow,
@@ -175,13 +193,17 @@ function $18b830ef84ac138a$export$9fac37a9c21c2f3b(props) {
             search.merchant = merchant;
         }
         (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).required_state_set_[1](true);
+        if (!dpc) (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).dpc = new (0, $4GYXz$depictaidpc.DPC)(merchant, {
+            market: market
+        });
+        else dpc.setMarket(market);
     } catch (e) {
         // Make sure to not break the users app if we throw
         queueMicrotask(()=>{
             throw e;
         });
     }
-    return (0, $4GYXz$react.createElement)((0, $4GYXz$react.Fragment), null, props.children);
+    return (0, $4GYXz$react.createElement)((0, $4GYXz$react.Fragment), null, children);
 }
 
 
@@ -243,7 +265,7 @@ function $a6bedbe4b4d6d027$export$210723f5a54a7028(opts) {
 }
 function $a6bedbe4b4d6d027$var$SolidSearchPage(props, set_portals) {
     const depict_search = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search;
-    if (!depict_search) throw Error("No depict_search instance when rendering SearchPage.");
+    if (!depict_search) throw Error("No Depict search instance when rendering SearchPage. Did you forget to wrap your app in DepictProvider?");
     const search_query_updating_blocked_signal = (0, $4GYXz$depictaiui.get_search_query_updating_blocked_signal)(depict_search);
     if (!search_query_updating_blocked_signal) throw Error("No search_query_updating_blocked_signal when rendering SearchPage");
     const [, set_search_query_updating_blocked_signal] = search_query_updating_blocked_signal;
@@ -313,5 +335,23 @@ function $a6bedbe4b4d6d027$var$SolidSearchPage(props, set_portals) {
 }
 
 
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.32";
+
+
+
+
+const $86ea638e20a3f7ea$export$74584b47fd40751e = {
+    get dpc () {
+        if (!(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).dpc) throw Error("Depict tracking not initialized. Did you forget to wrap your app in DepictProvider?");
+        return (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).dpc;
+    }
+};
+
+
+const $b03e4eee8610ebbe$var$package_name = "@depict-ai/react-ui";
+(0, $4GYXz$depictaiutilishared.dlog)($b03e4eee8610ebbe$var$package_name + " version", (0, $db7b67857900028b$export$83d89fbfd8236492));
+(0, $4GYXz$depictaiui.add_to_version_info)({
+    [$b03e4eee8610ebbe$var$package_name]: (0, $db7b67857900028b$export$83d89fbfd8236492)
+});
 
 

package/dist/module.js

@@ -1,20 +1,23 @@
-import {SearchField as $TZSbU$SearchField, DepictSearch as $TZSbU$DepictSearch, swedish_search_translation as $TZSbU$swedish_search_translation, get_search_query_updating_blocked_signal as $TZSbU$get_search_query_updating_blocked_signal, SearchPage as $TZSbU$SearchPage} from "@depict-ai/ui";
-import {href_change_ipns as $TZSbU$href_change_ipns, observer as $TZSbU$observer, history_replacer as $TZSbU$history_replacer, queueMacroTask as $TZSbU$queueMacroTask} from "@depict-ai/utilishared";
+import {dlog as $TZSbU$dlog, href_change_ipns as $TZSbU$href_change_ipns, observer as $TZSbU$observer, history_replacer as $TZSbU$history_replacer, queueMacroTask as $TZSbU$queueMacroTask} from "@depict-ai/utilishared";
+import {add_to_version_info as $TZSbU$add_to_version_info, SearchField as $TZSbU$SearchField, DepictSearch as $TZSbU$DepictSearch, swedish_search_translation as $TZSbU$swedish_search_translation, get_search_query_updating_blocked_signal as $TZSbU$get_search_query_updating_blocked_signal, SearchPage as $TZSbU$SearchPage} from "@depict-ai/ui";
 import {untrack as $TZSbU$untrack, createComponent as $TZSbU$createComponent, Show as $TZSbU$Show, createSignal as $TZSbU$createSignal, createMemo as $TZSbU$createMemo, createComputed as $TZSbU$createComputed, onCleanup as $TZSbU$onCleanup} from "solid-js";
 import {render as $TZSbU$render} from "solid-js/web";
 import {useState as $TZSbU$useState, useRef as $TZSbU$useRef, useEffect as $TZSbU$useEffect, createElement as $TZSbU$createElement, Fragment as $TZSbU$Fragment} from "react";
 import {jsx as $TZSbU$jsx} from "react/jsx-runtime";
+import {DPC as $TZSbU$DPC} from "@depict-ai/dpc";
 import {createPortal as $TZSbU$createPortal} from "react-dom";
 
-// This is where the actual source of your React stuff should live
+/*! 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 $42858f023ef23dab$export$8e769ad4338a911e = {
     search: null,
     header_alignment: null,
     search_page_path_: (0, $TZSbU$createSignal)(),
-    required_state_set_: (0, $TZSbU$createSignal)(false)
+    required_state_set_: (0, $TZSbU$createSignal)(false),
+    dpc: null
 };
 
 
@@ -70,7 +73,9 @@ function $54b0d21b77e719c4$export$d2c02478244f91f7() {
 
 
 
+
 let $8071251ee4e9ffa1$var$set = false;
+let $8071251ee4e9ffa1$var$padding_animation;
 function $8071251ee4e9ffa1$export$6453cbc34515a94d(is_search_page) {
     if ($8071251ee4e9ffa1$var$set) return; // Just being safe
     $8071251ee4e9ffa1$var$set = true;
@@ -80,7 +85,7 @@ function $8071251ee4e9ffa1$export$6453cbc34515a94d(is_search_page) {
         if (should_use_old_scroll || process.env.__NEXT_SCROLL_RESTORATION || !is_search_page(location)) return Reflect.apply(old_scrollTo, window, args);
         else should_use_old_scroll = true;
     };
-    addEventListener("popstate", (e)=>{
+    addEventListener("popstate", (0, $8071251ee4e9ffa1$import$d06efbea11216d79$b3bbfd758f11cfa9)(()=>{
         if (!is_search_page(location)) {
             $8071251ee4e9ffa1$var$removeLotsOfPadding(); // Just making sure
             return;
@@ -90,7 +95,7 @@ function $8071251ee4e9ffa1$export$6453cbc34515a94d(is_search_page) {
         (0, $TZSbU$observer).wait_for_element(".depict.plp .listing-page").then(()=>{
             $8071251ee4e9ffa1$var$removeLotsOfPadding();
         });
-    });
+    }));
     (0, $TZSbU$history_replacer)(()=>{
         (0, $TZSbU$queueMacroTask)(()=>{
             $8071251ee4e9ffa1$var$removeLotsOfPadding();
@@ -100,38 +105,49 @@ function $8071251ee4e9ffa1$export$6453cbc34515a94d(is_search_page) {
         $8071251ee4e9ffa1$var$addLotsOfPadding();
     });
 }
-// TODO: Make these animations so they don't collide with whatever padding is already on the body
-function $8071251ee4e9ffa1$var$addLotsOfPadding() {
-    document.body.style.paddingBottom = (history.state?.search_scroll_restoration_data?.[0]?.min_results_loaded || 150) * 500 + "px";
+/*
+ Here we want to be able to add padding that *definitely* gets applied and then be able to revert precisely to what was before.
+ The best way to achieve this is using an animation that with the fill set to none. This is because animations have the absolute highest precedence in CSS, even higher than !important. Then, to revert to the old padding, we just play the animation which is 1ms long so, it immediately finishes and whatever was defined before takes precedence again.
+ */ function $8071251ee4e9ffa1$var$addLotsOfPadding() {
+    if ($8071251ee4e9ffa1$var$padding_animation) return; // We're already showing a bunch of padding
+    $8071251ee4e9ffa1$var$padding_animation = document.body.animate({
+        paddingBottom: (history.state?.search_scroll_restoration_data?.[0]?.min_results_loaded || 150) * 500 + "px",
+        offset: 0
+    }, 1);
+    $8071251ee4e9ffa1$var$padding_animation.pause();
 }
 function $8071251ee4e9ffa1$var$removeLotsOfPadding() {
-    document.body.style.paddingBottom = "";
+    if ($8071251ee4e9ffa1$var$padding_animation) {
+        $8071251ee4e9ffa1$var$padding_animation.play();
+        $8071251ee4e9ffa1$var$padding_animation = undefined;
+    }
 }
 
 
 
 
 function $faf794495ff8b304$export$9fac37a9c21c2f3b(props) {
-    if (!props.market || !props.merchant) {
+    const { children: children , search_page_path: search_page_path , url_param_name: url_param_name , enable_category_suggestions: enable_category_suggestions , market: market , merchant: merchant  } = props;
+    if (!market || !merchant) {
         (0, $42858f023ef23dab$export$8e769ad4338a911e).required_state_set_[1](false);
-        return (0, $TZSbU$createElement)((0, $TZSbU$Fragment), null, props.children);
+        return (0, $TZSbU$createElement)((0, $TZSbU$Fragment), null, children);
     }
     try {
-        const { children: children , search_page_path: search_page_path , url_param_name: url_param_name , enable_category_suggestions: enable_category_suggestions , market: market , merchant: merchant  } = props;
-        const { search: search  } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
+        const { search: search , dpc: dpc  } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
         const [get_search_page_path, set_search_page_path] = (0, $42858f023ef23dab$export$8e769ad4338a911e).search_page_path_;
         set_search_page_path(search_page_path);
         if (!search) {
-            let navigate_fn;
+            let react_router_navigate;
             if ("reactRouterUseNavigate" in props) {
                 const { reactRouterUseNavigate: reactRouterUseNavigate  } = props;
-                if (typeof reactRouterUseNavigate === "function") navigate_fn = reactRouterUseNavigate();
+                if (typeof reactRouterUseNavigate === "function") react_router_navigate = reactRouterUseNavigate();
             }
             (0, $42858f023ef23dab$export$8e769ad4338a911e).search = new (0, $TZSbU$DepictSearch)({
                 search_query_url_param_name: url_param_name,
                 market: market,
                 merchant: merchant,
-                enable_category_suggestions: enable_category_suggestions,
+                enable_category_suggestions: enable_category_suggestions ?? false,
+                // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
                 localization: {
                     ...(0, $TZSbU$swedish_search_translation),
                     price_formatting_: {
@@ -148,9 +164,9 @@ function $faf794495ff8b304$export$9fac37a9c21c2f3b(props) {
                         const { on_navigation: on_navigation  } = props;
                         if (typeof on_navigation === "function") return on_navigation(new_href, shallow);
                     }
-                    if (navigate_fn) {
+                    if (react_router_navigate) {
                         const url_object = new URL(new_href);
-                        return navigate_fn(url_object.pathname + url_object.search + url_object.hash);
+                        return react_router_navigate(url_object.pathname + url_object.search + url_object.hash);
                     }
                     if (window.next) window.next.router.push(new_href, undefined, {
                         shallow: shallow,
@@ -166,13 +182,17 @@ function $faf794495ff8b304$export$9fac37a9c21c2f3b(props) {
             search.merchant = merchant;
         }
         (0, $42858f023ef23dab$export$8e769ad4338a911e).required_state_set_[1](true);
+        if (!dpc) (0, $42858f023ef23dab$export$8e769ad4338a911e).dpc = new (0, $TZSbU$DPC)(merchant, {
+            market: market
+        });
+        else dpc.setMarket(market);
     } catch (e) {
         // Make sure to not break the users app if we throw
         queueMicrotask(()=>{
             throw e;
         });
     }
-    return (0, $TZSbU$createElement)((0, $TZSbU$Fragment), null, props.children);
+    return (0, $TZSbU$createElement)((0, $TZSbU$Fragment), null, children);
 }
 
 
@@ -234,7 +254,7 @@ function $9f8d5ef3c016c493$export$210723f5a54a7028(opts) {
 }
 function $9f8d5ef3c016c493$var$SolidSearchPage(props, set_portals) {
     const depict_search = (0, $42858f023ef23dab$export$8e769ad4338a911e).search;
-    if (!depict_search) throw Error("No depict_search instance when rendering SearchPage.");
+    if (!depict_search) throw Error("No Depict search instance when rendering SearchPage. Did you forget to wrap your app in DepictProvider?");
     const search_query_updating_blocked_signal = (0, $TZSbU$get_search_query_updating_blocked_signal)(depict_search);
     if (!search_query_updating_blocked_signal) throw Error("No search_query_updating_blocked_signal when rendering SearchPage");
     const [, set_search_query_updating_blocked_signal] = search_query_updating_blocked_signal;
@@ -304,6 +324,24 @@ function $9f8d5ef3c016c493$var$SolidSearchPage(props, set_portals) {
 }
 
 
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.32";
+
+
+
+
+const $3956f83e7c00b139$export$74584b47fd40751e = {
+    get dpc () {
+        if (!(0, $42858f023ef23dab$export$8e769ad4338a911e).dpc) throw Error("Depict tracking not initialized. Did you forget to wrap your app in DepictProvider?");
+        return (0, $42858f023ef23dab$export$8e769ad4338a911e).dpc;
+    }
+};
+
+
+const $43099132aad1ceb6$var$package_name = "@depict-ai/react-ui";
+(0, $TZSbU$dlog)($43099132aad1ceb6$var$package_name + " version", (0, $c9c4d066f9a5b51b$export$83d89fbfd8236492));
+(0, $TZSbU$add_to_version_info)({
+    [$43099132aad1ceb6$var$package_name]: (0, $c9c4d066f9a5b51b$export$83d89fbfd8236492)
+});
 
 
-export {$54b0d21b77e719c4$export$d2c02478244f91f7 as DepictSearchField, $faf794495ff8b304$export$9fac37a9c21c2f3b as DepictProvider, $f41a371216eff80b$export$a7f6cffb6b8ba11c as openModal, $f41a371216eff80b$export$cbcd1ecdb41b1d0a as DepictSearchHeader, $9f8d5ef3c016c493$export$210723f5a54a7028 as DepictSearchPage};
+export {$54b0d21b77e719c4$export$d2c02478244f91f7 as DepictSearchField, $faf794495ff8b304$export$9fac37a9c21c2f3b as DepictProvider, $f41a371216eff80b$export$a7f6cffb6b8ba11c as openModal, $f41a371216eff80b$export$cbcd1ecdb41b1d0a as DepictSearchHeader, $9f8d5ef3c016c493$export$210723f5a54a7028 as DepictSearchPage, $3956f83e7c00b139$export$74584b47fd40751e as tracking, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version};

package/dist/styles/components/search/SearchModal.scss

@@ -39,27 +39,27 @@
       @media (hover: hover) and (pointer: fine) {
         @media (max-height: 790px) {
           @if $top-snapping {
-            max-height: 100% !important;
-            top: 0 !important;
+            max-height: 100%;
+            top: 0;
             position: fixed;
           }
           @media (max-width: 600px) {
-            left: 30px !important;
-            width: calc(100% - 30px) !important;
+            left: 30px;
+            width: calc(100% - 30px);
           }
         }
       }
       @media not all and (hover: hover) and (pointer: fine) {
         @if $top-snapping {
           @media (max-height: 1000px) {
-            max-height: 100% !important;
-            top: 0 !important;
+            max-height: 100%;
+            top: 0;
             position: fixed;
           }
         }
         @media (max-height: 1000px) and (max-width: 600px) {
-          left: 30px !important;
-          width: calc(100% - 30px) !important;
+          left: 30px;
+          width: calc(100% - 30px);
         }
       }
 

package/dist/styles/default.css

@@ -1 +1 @@
-.depict.plp .listing-page .no-results{background:#fff;flex-direction:column;flex-grow:2;justify-content:flex-start;align-items:center;padding:40px;display:flex}.depict.plp .listing-page .no-results .hint{cursor:pointer;text-decoration:underline}.depict.plp .listing-page{flex-direction:column;padding:20px 10px;display:flex}@media (max-width:651px){.depict.plp .listing-page{padding:16px 8px}}.depict.plp .listing-page,.depict.plp .listing-page *{box-sizing:border-box}.depict.plp .listing-page>.filter-results-for-one-row,.depict.plp .listing-page>.results-for{margin-bottom:10px}@media (max-width:651px){.depict.plp .listing-page>.filter-results-for-one-row,.depict.plp .listing-page>.results-for{margin-bottom:8px}}.depict.plp .listing-page>.sort-and-filter-buttons{margin-top:10px;margin-bottom:10px}@media (max-width:651px){.depict.plp .listing-page>.sort-and-filter-buttons{margin-top:8px;margin-bottom:8px}}.depict.plp .listing-page .PLP-results{margin-top:10px;display:flex}@media (max-width:651px){.depict.plp .listing-page .PLP-results{margin-top:8px}}.depict.plp .listing-page .PLP-results>.filters,.depict.plp .listing-page .PLP-results>.sorting{margin-left:12px}.depict.plp .listing-page .cards{flex-flow:wrap;flex-grow:1;display:flex;overflow:hidden}.depict.plp .listing-page .selected-filters .inner{align-items:center;margin-top:10px;margin-bottom:10px;display:flex}.depict.plp .listing-page .selected-filters .inner .title{margin-right:10px}@media (min-width:652px){.depict.plp .listing-page .selected-filters .inner{margin-top:0;margin-bottom:0}}.depict.plp .listing-page .selected-filters .inner .title{text-transform:uppercase;color:#0f0f0f;font-size:1.1em}@media (max-width:600px){.depict.plp .listing-page .selected-filters .inner .title{display:none}}.depict.plp .listing-page .selected-filters .inner .depict-slider{width:unset;overflow:hidden}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter{border:1px solid #0f0f0f}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter svg{width:12.64px;height:12.64px}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters{border:1px solid #0f0f0f}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter,.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters{box-sizing:border-box;white-space:nowrap;cursor:pointer;border-radius:0;flex:none;align-items:center;padding:5px 10px;font-size:1em;line-height:1;display:flex}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter>:not(:first-child),.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters>:not(:first-child){margin-left:2.5px}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter>:not(:last-child),.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters>:not(:last-child){margin-right:2.5px}.depict.plp .scroll-status{pointer-events:none;white-space:nowrap;z-index:calc(5000 + 4);opacity:0;justify-content:center;align-items:center;display:flex;position:sticky;bottom:10vh}.depict.plp .scroll-status .text{color:#fff;background:#646464e6;border-radius:0;padding:10px 20px}.depict.plp .major-minor-transition{transition:filter .15s ease-in-out,background .25s ease-in-out,color .25s ease-in-out,border .25s ease-in-out}.depict.plp .filter-results-for-one-row{justify-content:space-between;align-items:center;display:flex}.depict.plp :not(.filter-results-for-one-row)>.sort-and-filter-buttons .inner{justify-content:space-between}.depict.plp .sorting-attributes,.depict.plp .sorting-direction{background:#fff;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;padding:10px 20px;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:2;background:#000;border-radius:13px;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:opacity .25s ease-in-out;display:flex;position:absolute;top:-4px;right:-4px}.depict.plp .sort-and-filter-buttons .open-filters-button-container{position:relative}.depict.plp label{margin:0}.depict.plp .PLP-results .sorting,.depict.plp .PLP-results .filters{flex-shrink:0;flex-basis:330px}.depict.plp .filters .body,.depict.plp .sorting .body{flex-direction:column;display:flex}.depict.plp .filters .body .input-row,.depict.plp .sorting .body .input-row{cursor:pointer;position:relative}.depict.plp .filters .body .input-row .custom-indicator,.depict.plp .sorting .body .input-row .custom-indicator{margin-right:10px;position:relative}.depict.plp .filters .body .input-row input,.depict.plp .sorting .body .input-row input{opacity:0;cursor:pointer;height:0;width:0;position:absolute}.depict.plp .filters .body .input-row .custom-indicator:after,.depict.plp .sorting .body .input-row .custom-indicator:after{content:"";display:none;position:absolute}.depict.plp .filters .body .input-row input[type=checkbox]~.custom-indicator,.depict.plp .sorting .body .input-row input[type=checkbox]~.custom-indicator{background-color:#fff;border:1px solid #0f0f0f;border-radius:0;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:12px;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>");display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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{background-color:#eeeef0}.depict.plp .filters .body .input-row input[type=checkbox]:checked:focus-visible~.custom-indicator,.depict.plp .sorting .body .input-row input[type=checkbox]:checked:focus-visible~.custom-indicator{background-color:#3f3f3f}@media not all and (hover:none){.depict.plp .filters .body .input-row:hover input[type=checkbox]~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]~.custom-indicator{background-color:#eeeef0;border:2px solid #0f0f0f;padding:8.5px}.depict.plp .filters .body .input-row:hover input[type=checkbox]:checked~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]:checked~.custom-indicator{background-color:#3f3f3f}}.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:9.5px}.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:14px;height:14px;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{background:#e6e6e6}.depict.plp .filters .body .input-row input[type=radio]:checked:focus-visible~.custom-indicator:after,.depict.plp .sorting .body .input-row input[type=radio]:checked:focus-visible~.custom-indicator:after{background:#4f4f4f}@media not all and (hover:none){.depict.plp .filters .body .input-row:hover input[type=radio]~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=radio]~.custom-indicator{border:2px solid #0f0f0f;padding:8.5px}}.depict.plp .filters .body>:not(:first-child){padding-top:5px}.depict.plp .filters .body>:not(:last-child){padding-bottom:5px}.depict.plp .filters .body .input-row{justify-content:space-between;padding-top:5px;padding-bottom:5px}.depict.plp .filters .body .input-row,.depict.plp .filters .body .input-row>.left{align-items:center;display:flex}.depict.plp .filters .body .input-row .text{text-overflow:ellipsis;white-space:pre-line;overflow-wrap:anywhere;color:#333335;-webkit-line-clamp:1;word-break:break-word;-webkit-box-orient:vertical;font-weight:400;line-height:21px;display:-webkit-box;overflow:hidden}.depict.plp .filters .body .input-row :checked~.text,.depict.plp .filters .body .input-row .fake-checked~.text{color:#000;font-weight:500}.depict.plp .filters .body .input-row.count-0 *+.text{color:#c2c2c2}.depict.plp .filters .body .input-row .count,.depict.plp .filters .body .hierarchical .checkbox-details.expandable .category-parent .count{color:#868689;font-weight:400}.depict.plp .filters .body .input-row:hover .count{color:#000}.depict.plp .filters .body .selected-w-sign{align-items:center;display:flex}.depict.plp .filters .body .selected-w-sign>:not(:first-child){margin-left:5px}.depict.plp .filters .body .selected-w-sign>:not(:last-child){margin-right:5px}.depict.plp .filters .body .selected-w-sign .show-selected{color:#868689;fill:#868689;align-items:center;display:flex}.depict.plp .filters .body .selected-w-sign .show-selected>:not(:first-child){margin-left:2.5px}.depict.plp .filters .body .selected-w-sign .show-selected>:not(:last-child){margin-right:2.5px}.depict.plp .filters .body .selected-w-sign .show-selected span{line-height:1}.depict.plp .filters .body .ungrouped{margin-top:25px}.depict.plp .filters .body .clear-all-filters{text-transform:uppercase;margin-top:5px;padding:.7em;font-size:1.1em;font-weight:400}.depict.plp .filters .body details summary{cursor:pointer;list-style:none}.depict.plp .filters .body details summary::-webkit-details-marker{display:none}.depict.plp .filters .body details summary>.summary{justify-content:space-between;align-items:center;display:flex}.depict.plp .filters .body details.filter-collapsible .filter-group-summary{background:#0f0f0f;border-radius:4px}.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:#333335}@media not all and (hover:none){.depict.plp .filters .body details.filter-collapsible .filter-group-summary:hover{background:#333335}}.depict.plp .filters .body details.filter-collapsible .filter-group-summary>.summary{color:#fff;padding:10px}.depict.plp .filters .body details.filter-collapsible .filter-group-summary>.summary>svg{transform:rotate(270deg)}.depict.plp .filters .body details.filter-collapsible[open] .filter-group-summary{border-radius:4px 4px 0 0}.depict.plp .filters .body .filter-collapsible-body{background:#eeeef0;border-radius:0 0 4px 4px;flex-direction:column;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{background:#fdfdfd;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:#000;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:#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{background:#fff;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:#fafafc;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:#eeeef0}}.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:#eeeef0}.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:#333}.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:#333}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible) .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible) .morphing-sign span:last-child{height:5%;top:47.5%}}@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .morphing-sign{transform:scale(1.5)}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .count{color:#000}}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus-visible .count{color:#000}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus-visible .morphing-sign{transform:scale(1.5)}}@supports not (selector(:focus-visible)){@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span{background:#333}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span:last-child{height:5%;top:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .morphing-sign{transform:scale(1.5)}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .count{color:#000}}@media (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent .morphing-sign span{background:#333}.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:9px}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent>.summary .morphing-sign{width:21px;height:21px;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:#000;transition-duration:.15s;transition-timing-function:ease-in-out}.depict.plp .filters .body .range .input-group{width:100%;padding-top:10px;padding-bottom:25px;display:flex}.depict.plp .filters .body .range .input-group .field{width:100%;align-items:center;display:flex}.depict.plp .filters .body .range .input-group .field input{width:100%;text-align:center;-moz-appearance:textfield;background:#fafafc;border:none;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:#eeeef0}@media not all and (hover:none){.depict.plp .filters .body .range .input-group .field input:hover{background:#eeeef0}}.depict.plp .filters .body .range .input-group .field input::-webkit-outer-spin-button,.depict.plp .filters .body .range .input-group .field input::-webkit-inner-spin-button{-webkit-appearance:none}.depict.plp .filters .body .range .input-group .separator{color:#333335;flex-shrink:0;flex-basis:25px;justify-content:center;align-items:center;font-size:19px;display:flex}.depict.plp .filters .body .range .slider{height:5px;background:#ddd;border-radius:5px;position:relative}.depict.plp .filters .body .range .slider .progress{height:100%;background:#0f0f0f;border-radius:5px;position:absolute;left:25%;right:25%}.depict.plp .filters .body .range .range-group{position:relative}.depict.plp .filters .body .range .range-group input{width:100%;height:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;background:0 0;margin:0;position:absolute;top:-2.5px}.depict.plp .filters .body .range .range-group input:focus{outline:none}.depict.plp .filters .body .range .range-group input::-webkit-slider-thumb{cursor:pointer;height:20px;width:20px;pointer-events:auto;-webkit-appearance:none;background:#0f0f0f;border-radius:50%;box-shadow:0 0 6px #0000000d}@media not all and (hover:none){.depict.plp .filters .body .range .range-group input::-webkit-slider-thumb:hover{background:#333335}}.depict.plp .filters .body .range .range-group input::-moz-range-thumb{cursor:pointer;height:20px;width:20px;pointer-events:auto;-moz-appearance:none;background:#0f0f0f;border:none;border-radius:50%;box-shadow:0 0 6px #0000000d}@media not all and (hover:none){.depict.plp .filters .body .range .range-group input::-moz-range-thumb:hover{background:#333335}}.depict.plp .filters .body .range .range-group input:focus-visible::-webkit-slider-thumb{background:#868689}.depict.plp .filters .body .range .range-group input:focus-visible::-moz-range-thumb{background:#868689}.depict.plp .filters .body .range .value-text{color:#333335;justify-content:space-between;padding-top:10px;display:flex}.depict.plp .filters .body .checkbox-grid{flex-wrap:wrap;margin:-5px;display:flex}.depict.plp .filters .body .checkbox-grid>*{margin:5px}.depict.plp .filters .body .checkbox-grid .major,.depict.plp .filters .body .checkbox-grid .minor{padding:5px 10px}.depict.plp .filters .body .checkbox-grid .major.minor,.depict.plp .filters .body .checkbox-grid .minor.minor{border:1px solid #d5d5d5}.depict.plp .sorting .body{background:#eeeef0;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:1em;height:1em;border:0;font-size:1.5em;position:relative}.depict.plp .morphing-sign span{background:#fff;border-radius:2px;position:absolute}.depict.plp .morphing-sign span:first-child{width:10%;top:25%;bottom:25%;left:45%}.depict.plp .morphing-sign span:last-child{height:10%;top:45%;left:25%;right:25%}.depict.plp .depict-filter-sort-modal-backdrop{z-index:5000;touch-action:none;will-change:opacity;opacity:0;background:#000000b3;position:fixed;inset:0}.depict.plp .dismiss-modal{z-index:5003;cursor:pointer;background:0 0;border:none;padding:0;line-height:0;position:fixed;top:14px;left:4px;transform:translateY(calc(-100% - 14px))}.depict.plp .dismiss-modal svg{transform:scale(.6646)}.depict.plp .dismiss-modal svg path{fill:#fff}.depict.plp .filter-sort-modal{z-index:5002;width:calc(100% - 30px);height:100%;will-change:transform;background:#eeeef0;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;background:#fff;justify-content:space-between;padding:13px 20px;display:flex;box-shadow:0 4px 4px #0000000d}.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 .filter-icon,.depict.plp .filter-sort-modal .sort-icon{fill:#0f0f0f}.depict.plp .filter-sort-modal>.body{background:#eeeef0;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 .filters .body .filter-part,.depict.plp .filter-sort-modal .filters .body .view-more-clear{background:#fdfdfd}.depict.plp .filter-sort-modal .sorting .body{background:#eeeef0;border-radius:0;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:0;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:#eeeef0;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:#fafafc}}.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:#fafafc}.depict.plp .floating-buttons .sort div,.depict.plp .floating-buttons .filter div,.depict.plp .floating-buttons .up div{display:flex}.depict.plp .floating-buttons .sort svg path,.depict.plp .floating-buttons .filter svg path,.depict.plp .floating-buttons .up svg path{fill:#333335}.depict.plp .depict-slider{width:100%;position:relative}.depict.plp .depict-slider .sliding{height:100%;-ms-overflow-style:none;scrollbar-width:none;flex-flow:row;align-items:center;display:flex;overflow-x:scroll}.depict.plp .depict-slider .sliding>:not(:first-child){margin-left:5px}.depict.plp .depict-slider .sliding>:not(:last-child){margin-right:5px}.depict.plp .depict-slider .sliding::-webkit-scrollbar{display:none}.depict.plp .depict-slider .d-navbutton{z-index:2;touch-action:manipulation;cursor:pointer;height:calc(100% + 2px);width:26px;background:linear-gradient(270deg,#eeeef0 50%,#eeeef000 105%);border:none;justify-content:flex-end;align-items:center;padding:0 1px 0 0;transition-duration:.2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.depict.plp .depict-slider .d-navbutton.hidden{cursor:default;opacity:0;animation-name:depict_slider_button_unclickable;animation-duration:5s;animation-fill-mode:forwards}.depict.plp .depict-slider .d-navbutton.left{left:-1px;transform:translateY(-50%)rotate(180deg)}.depict.plp .depict-slider .d-navbutton.right{right:-1px}.depict.plp .depict-slider .d-navbutton img{width:100%;height:100%}@media not all and (hover:none){.depict.plp .depict-slider .d-navbutton:hover svg{transform:scale(1.2)}}.depict.plp .depict-slider .d-navbutton svg{transition-duration:.15s}.depict.plp .depict-slider .d-navbutton:active{opacity:.9}@keyframes depict_slider_button_unclickable{0%{pointer-events:all}to{pointer-events:none;visibility:hidden}}.depict.plp button.major{color:#fff;white-space:pre-wrap;cursor:pointer;background:#0f0f0f;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}.depict.plp button.major svg path{fill:#fff}@media not all and (hover:none){.depict.plp button.major:hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#292929}}.depict.plp button.major:active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#424242}.depict.plp button.major:focus{outline-style:none}.depict.plp button.major:focus-visible{filter:drop-shadow(2px 2px 4px #418fc3cc)drop-shadow(-2px -2px 4px #418fc3cc);background:#292929}.depict.plp button.minor{color:#333335;white-space:pre-wrap;cursor:pointer;background:#fafafc;border:1px solid #0f0f0f;border-radius:0;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}.depict.plp button.minor svg path{fill:#333335}@media not all and (hover:none){.depict.plp button.minor:hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#dadae9}}.depict.plp button.minor:active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#dadae9}.depict.plp button.minor:focus{outline-style:none}.depict.plp button.minor:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);background:#dadae9}.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,#333335 0% 100%);border-image-slice:0 0 100%;border-radius:0;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:#333335}.depict.plp.toast button{cursor:pointer;border-radius:0;padding:5px 20px}.depict.search .previous-searches{flex-direction:column;display:flex}.depict.search .previous-searches>:not(:first-child){margin-top:7.5px}.depict.search .previous-searches>:not(:last-child){margin-bottom:7.5px}.depict.search .previous-searches .list{flex-direction:column;display:flex}.depict.search .previous-searches .list>:not(:first-child){margin-top:2.5px}.depict.search .previous-searches .list>:not(:last-child){margin-bottom:2.5px}.depict.search .previous-searches .list .item{color:#333335;overflow-wrap:anywhere;border-radius:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.depict.search .previous-searches .list .item .left{align-items:center;display:flex}.depict.search .previous-searches .list .item .left>:not(:first-child){margin-left:5px}.depict.search .previous-searches .list .item .left>:not(:last-child){margin-right:5px}.depict.search .previous-searches .list .item .left svg{min-width:12px}.depict.search .previous-searches .list .item .left svg path{fill:#0f0f0f}.depict.search .previous-searches .list .item .delete{height:100%;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 10px;display:flex}.depict.search .previous-searches .list .item .delete:focus{outline:none}.depict.search .previous-searches .list .item .delete svg{width:13px;height:13px;transition-duration:.15s}.depict.search .previous-searches .list .item .delete svg path{fill:#333335}.depict.search .previous-searches .list .item .delete:hover svg{transform:scale(1.2)}.depict.search .previous-searches .list .item .delete:hover svg path{fill:#000}.depict.search .previous-searches .list .item .delete:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .previous-searches .list .item .delete:focus-visible svg{transform:scale(1.2)}.depict.search .previous-searches .list .item .delete:focus-visible svg path{fill:#000}.depict.search .previous-searches .text,.depict.search .suggestions .text{color:#333335;margin-top:0;font-size:16px;font-weight:700}.depict.search .previous-searches .item,.depict.search .previous-searches .suggestion,.depict.search .suggestions .item,.depict.search .suggestions .suggestion{background:#fff}.depict.search .previous-searches .item.selected,.depict.search .previous-searches .suggestion.selected,.depict.search .suggestions .item.selected,.depict.search .suggestions .suggestion.selected{background:#ffffff80}.depict.search .previous-searches .item:focus-visible,.depict.search .previous-searches .suggestion:focus-visible,.depict.search .suggestions .item:focus-visible,.depict.search .suggestions .suggestion:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);outline:none}.depict.search .suggestions{flex-direction:column;display:flex}.depict.search .suggestions>:not(:first-child){margin-top:10px}.depict.search .suggestions>:not(:last-child){margin-bottom:10px}.depict.search .suggestions:not(.compact)>.suggestion-container>:not(:first-child),.depict.search .suggestions.compact>.suggestion-container:not(.query)>:not(:first-child){margin-top:2.5px}.depict.search .suggestions:not(.compact)>.suggestion-container>:not(:last-child),.depict.search .suggestions.compact>.suggestion-container:not(.query)>:not(:last-child){margin-bottom:2.5px}.depict.search .suggestions .suggestion-container{flex-direction:column;display:flex}.depict.search .suggestions .suggestion-container .suggestion{overflow-wrap:anywhere;color:#333335;border-radius:0;justify-content:space-between;align-items:center;padding:10px 20px;font-weight:400;display:flex}.depict.search .suggestions .suggestion-container .suggestion svg{flex-shrink:0}.depict.search .suggestions .suggestion-container .suggestion .search-icon{max-width:12px;max-height:13px}.depict.search .suggestions .suggestion-container .suggestion .search-icon svg{transform:matrix(.6,0,0,.6,-4.14,-4.32)}.depict.search .suggestions .suggestion-container .suggestion .search-icon svg path{fill:#0f0f0f}.depict.search .suggestions .suggestion-container .suggestion .has-history-match{color:#333335;font-weight:400}.depict.search .suggestions .suggestion-container .suggestion .has-history-match .highlighted-part{color:#333335;font-weight:500}.depict.search .suggestions .suggestion-container .suggestion .category{margin-right:20px}.depict.search .suggestions .suggestion-container .suggestion .type{color:#868689;text-transform:capitalize}.depict.search .suggestions .suggestion-container.query{flex-direction:column}.depict.search .suggestions .suggestion-container.query .suggestion{justify-content:flex-start}.depict.search .suggestions .suggestion-container.query .suggestion>:not(:first-child){margin-left:4px}.depict.search .suggestions .suggestion-container.query .suggestion>:not(:last-child){margin-right:4px}.depict.search .suggestions.compact>.suggestion-container.query{flex-flow:wrap;margin:-2.5px}.depict.search .suggestions.compact>.suggestion-container.query>*{margin:2.5px}.depict.search .category-suggestions{display:flex}.depict.search .category-suggestions .sliding{margin-bottom:-2px;padding-bottom:2px}.depict.search .category-suggestions .title{font-weight:420}.depict.search .category-suggestions .category-suggestion{color:#000;height:100%;background:#fff;border-radius:0;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{background:#e6e6e6}@media not all and (hover:none){.depict.search .category-suggestions .category-suggestion:hover{background:#e6e6e6}}.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:400}.depict.search .category-suggestions .category-suggestion>*{white-space:nowrap;font-size:.85em}.depict.search .instant-results{flex-direction:column;display:flex}.depict.search .instant-results>:not(:first-child){margin-top:2.5px}.depict.search .instant-results>:not(:last-child){margin-bottom:2.5px}.depict.search .instant-results .instant-card{background:#fff;border-radius:0;flex:100%;padding:5px 20px;display:flex;overflow:hidden}.depict.search .instant-results .instant-card:hover,.depict.search .instant-results .instant-card:focus{z-index:2;box-shadow:2px 2px 4px #00000026,-4px -4px 4px #ffffff4d}.depict.search .instant-results .instant-card>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card>:not(:last-child){margin-right:.75vw}.depict.search .instant-results .instant-card .img-part{flex:0 0 100px}.depict.search .instant-results .instant-card .right-part{flex-grow:1;justify-content:space-between;display:flex}.depict.search .instant-results .instant-card .right-part>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part>:not(:last-child){margin-right:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline{justify-content:center;align-items:center;display:flex}@media (min-width:601px){.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:last-child){margin-right:.75vw}}@media (max-width:600px){.depict.search .instant-results .instant-card .right-part .title-brand-tagline{flex-direction:column;align-items:flex-start}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:first-child){margin-top:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:last-child){margin-bottom:.75vw}}.depict.search .instant-results .instant-card .right-part .title-brand-tagline .title{text-overflow:ellipsis;white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.depict.search .instant-results .instant-card .right-part .title-brand-tagline .tagline{color:#868689;font-size:.9em}.depict.search .instant-results .instant-card .right-part .price-container{justify-content:center;align-items:center;display:flex}@media (min-width:601px){.depict.search .instant-results .instant-card .right-part .price-container>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part .price-container>:not(:last-child){margin-right:.75vw}}.depict.search .instant-results .instant-card .right-part .price-container .price:not(.orig){color:#0f0f0f;font-weight:700}.depict.search .instant-results .instant-card .right-part .price-container .price.orig{color:#868689;text-decoration:line-through}.depict.search .instant-results .instant-card .right-part .price-container .price.sales-price{color:#ff2e3e}@media (max-width:600px){.depict.search .instant-results .instant-card .right-part .price-container{flex-direction:column}.depict.search .instant-results .instant-card .right-part .price-container>:not(:first-child){margin-top:.75vw}.depict.search .instant-results .instant-card .right-part .price-container>:not(:last-child){margin-bottom:.75vw}.depict.search .instant-results .instant-card .right-part .price-container .price:not(.orig){order:0}.depict.search .instant-results .instant-card .right-part .price-container .price.orig{order:1}}.depict.search .query-input{z-index:calc(1 + 5);display:flex;box-shadow:0 4px 4px #0000000d}.depict.search .query-input input,.depict.search .query-input button{margin:0}.depict.search .query-input .query{width:100%;color:#333335;font-size:initial;font-weight:initial;background-color:#fff;border:none;border-radius:0;flex-grow:1;padding:14px 55px 14px 20px}.depict.search .query-input .query::placeholder{color:initial}.depict.search .query-input .query:focus{color:#000;outline:none}@media not all and (hover:none){.depict.search .query-input .query:hover{color:#000;outline:none}}.depict.search .query-input .query.has-adjacent-back-button{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0}.depict.search .query-input .field{flex-grow:1;display:flex;position:relative}.depict.search .query-input .back{cursor:pointer;background:#fff;border:none;border-top-left-radius:0;border-bottom-left-radius:0;justify-content:center;align-items:center;padding:14px 15px 14px 10px;display:flex}.depict.search .query-input .back svg path{fill:#333335}.depict.search .query-input .back:focus{outline:none}.depict.search .query-input .back:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .query-input .back:focus-visible svg path{fill:#0f0f0f}@media not all and (hover:none){.depict.search .query-input .back:hover svg path{fill:#0f0f0f}}.depict.search .query-input .clear,.depict.search .query-input .submit{cursor:pointer}.depict.search .query-input .clear{background:0 0;border:none;padding:0;position:absolute;top:50%;right:30px;transform:translateY(-50%)scale(.8)}.depict.search .query-input .clear svg path{fill:#333335}.depict.search .query-input .clear:focus{outline:none}.depict.search .query-input .clear:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .query-input .clear:focus-visible svg path{fill:#0f0f0f}@media not all and (hover:none){.depict.search .query-input .clear:hover svg path{fill:#0f0f0f}}.depict.search .query-input .submit{min-width:50px;border:none;border-radius:0;padding:0}.depict.search .query-input .submit svg{transform:scale(1)}.depict.search .depict-search-modal-backdrop{z-index:5000;touch-action:none;background:#0006;position:fixed;inset:0}.depict.search .depict-search-modal{justify-content:center;display:flex}.depict.search .depict-search-modal button{border:none}.depict.search .depict-search-modal .query-input{z-index:calc(5000 + 5)}.depict.search .depict-search-modal .body{width:80vw;max-width:800px;z-index:calc(5000 + 1);background:#eeeef0;border-radius:0;flex-direction:column;display:flex;position:absolute}@media (hover:hover) and (pointer:fine) and (max-height:790px){.depict.search .depict-search-modal .body{position:fixed;max-height:100%!important;top:0!important}}@media (hover:hover) and (pointer:fine) and (max-height:790px) and (max-width:600px){.depict.search .depict-search-modal .body{width:calc(100% - 30px)!important;left:30px!important}}@media not all and (hover:hover) and (pointer:fine){@media (max-height:1000px){.depict.search .depict-search-modal .body{position:fixed;max-height:100%!important;top:0!important}}@media (max-height:1000px) and (max-width:600px){.depict.search .depict-search-modal .body{width:calc(100% - 30px)!important;left:30px!important}}}.depict.search .depict-search-modal .body .padded>*,.depict.search .depict-search-modal .body .query-input{flex-shrink:0}.depict.search .depict-search-modal .body .padded{flex-direction:column;padding-top:20px;padding-left:max(1vw,10px);padding-right:max(1vw,10px);display:flex;overflow:auto}.depict.search .depict-search-modal .body .padded>:not(:first-child){margin-top:10px}.depict.search .depict-search-modal .body .padded>:not(:last-child){margin-bottom:10px}.depict.search .depict-search-modal .body .discover-more{justify-content:center;display:flex}.depict.search .depict-search-modal .body .discover-more button{text-transform:uppercase;margin:20px 0;padding:12px 18px}.depict.search .listing-page .query-input{width:min(100%,800px);align-self:center;margin-top:40px;margin-bottom:20px}@media (max-width:651px){.depict.search .listing-page .query-input{margin-top:16px;margin-bottom:16px}}.depict.search .listing-page .query-input~.category-suggestions .category-suggestion:last-child{margin-right:auto}.depict.search .listing-page .query-input~.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 .query-input+.filter-results-for-one-row,.depict.search .listing-page .query-input+.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 #bcbcbe;flex-direction:column;display:flex}.depict.search .listing-page .search-recs .search-recs-title{margin-top:0;margin-bottom:20px;font-size:24px;font-weight:600;line-height:1}.depict.search .listing-page .search-recs .load-more-container{justify-content:center;margin-top:30px;display:flex}.depict.search .results-for{overflow-wrap:anywhere;font-size:1.5em}.depict.aligner{position:absolute;top:0;bottom:0}
+.depict.plp .listing-page .no-results{background:#fff;flex-direction:column;flex-grow:2;justify-content:flex-start;align-items:center;padding:40px;display:flex}.depict.plp .listing-page .no-results .hint{cursor:pointer;text-decoration:underline}.depict.plp .listing-page{flex-direction:column;padding:20px 10px;display:flex}@media (max-width:651px){.depict.plp .listing-page{padding:16px 8px}}.depict.plp .listing-page,.depict.plp .listing-page *{box-sizing:border-box}.depict.plp .listing-page>.filter-results-for-one-row,.depict.plp .listing-page>.results-for{margin-bottom:10px}@media (max-width:651px){.depict.plp .listing-page>.filter-results-for-one-row,.depict.plp .listing-page>.results-for{margin-bottom:8px}}.depict.plp .listing-page>.sort-and-filter-buttons{margin-top:10px;margin-bottom:10px}@media (max-width:651px){.depict.plp .listing-page>.sort-and-filter-buttons{margin-top:8px;margin-bottom:8px}}.depict.plp .listing-page .PLP-results{margin-top:10px;display:flex}@media (max-width:651px){.depict.plp .listing-page .PLP-results{margin-top:8px}}.depict.plp .listing-page .PLP-results>.filters,.depict.plp .listing-page .PLP-results>.sorting{margin-left:12px}.depict.plp .listing-page .cards{flex-flow:wrap;flex-grow:1;display:flex;overflow:hidden}.depict.plp .listing-page .selected-filters .inner{align-items:center;margin-top:10px;margin-bottom:10px;display:flex}.depict.plp .listing-page .selected-filters .inner .title{margin-right:10px}@media (min-width:652px){.depict.plp .listing-page .selected-filters .inner{margin-top:0;margin-bottom:0}}.depict.plp .listing-page .selected-filters .inner .title{text-transform:uppercase;color:#0f0f0f;font-size:1.1em}@media (max-width:600px){.depict.plp .listing-page .selected-filters .inner .title{display:none}}.depict.plp .listing-page .selected-filters .inner .depict-slider{width:unset;overflow:hidden}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter{border:1px solid #0f0f0f}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter svg{width:12.64px;height:12.64px}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters{border:1px solid #0f0f0f}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter,.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters{box-sizing:border-box;white-space:nowrap;cursor:pointer;border-radius:0;flex:none;align-items:center;padding:5px 10px;font-size:1em;line-height:1;display:flex}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter>:not(:first-child),.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters>:not(:first-child){margin-left:2.5px}.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-filter>:not(:last-child),.depict.plp .listing-page .selected-filters .inner .depict-slider .clear-all-filters>:not(:last-child){margin-right:2.5px}.depict.plp .scroll-status{pointer-events:none;white-space:nowrap;z-index:calc(5000 + 4);opacity:0;justify-content:center;align-items:center;display:flex;position:sticky;bottom:10vh}.depict.plp .scroll-status .text{color:#fff;background:#646464e6;border-radius:0;padding:10px 20px}.depict.plp .major-minor-transition{transition:filter .15s ease-in-out,background .25s ease-in-out,color .25s ease-in-out,border .25s ease-in-out}.depict.plp .filter-results-for-one-row{justify-content:space-between;align-items:center;display:flex}.depict.plp :not(.filter-results-for-one-row)>.sort-and-filter-buttons .inner{justify-content:space-between}.depict.plp .sorting-attributes,.depict.plp .sorting-direction{background:#fff;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;padding:10px 20px;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:2;background:#000;border-radius:13px;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:opacity .25s ease-in-out;display:flex;position:absolute;top:-4px;right:-4px}.depict.plp .sort-and-filter-buttons .open-filters-button-container{position:relative}.depict.plp label{margin:0}.depict.plp .PLP-results .sorting,.depict.plp .PLP-results .filters{flex-shrink:0;flex-basis:330px}.depict.plp .filters .body,.depict.plp .sorting .body{flex-direction:column;display:flex}.depict.plp .filters .body .input-row,.depict.plp .sorting .body .input-row{cursor:pointer;position:relative}.depict.plp .filters .body .input-row .custom-indicator,.depict.plp .sorting .body .input-row .custom-indicator{margin-right:10px;position:relative}.depict.plp .filters .body .input-row input,.depict.plp .sorting .body .input-row input{opacity:0;cursor:pointer;height:0;width:0;position:absolute}.depict.plp .filters .body .input-row .custom-indicator:after,.depict.plp .sorting .body .input-row .custom-indicator:after{content:"";display:none;position:absolute}.depict.plp .filters .body .input-row input[type=checkbox]~.custom-indicator,.depict.plp .sorting .body .input-row input[type=checkbox]~.custom-indicator{background-color:#fff;border:1px solid #0f0f0f;border-radius:0;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:12px;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>");display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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{background-color:#eeeef0}.depict.plp .filters .body .input-row input[type=checkbox]:checked:focus-visible~.custom-indicator,.depict.plp .sorting .body .input-row input[type=checkbox]:checked:focus-visible~.custom-indicator{background-color:#3f3f3f}@media not all and (hover:none){.depict.plp .filters .body .input-row:hover input[type=checkbox]~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]~.custom-indicator{background-color:#eeeef0;border:2px solid #0f0f0f;padding:8.5px}.depict.plp .filters .body .input-row:hover input[type=checkbox]:checked~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=checkbox]:checked~.custom-indicator{background-color:#3f3f3f}}.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:9.5px}.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:14px;height:14px;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{background:#e6e6e6}.depict.plp .filters .body .input-row input[type=radio]:checked:focus-visible~.custom-indicator:after,.depict.plp .sorting .body .input-row input[type=radio]:checked:focus-visible~.custom-indicator:after{background:#4f4f4f}@media not all and (hover:none){.depict.plp .filters .body .input-row:hover input[type=radio]~.custom-indicator,.depict.plp .sorting .body .input-row:hover input[type=radio]~.custom-indicator{border:2px solid #0f0f0f;padding:8.5px}}.depict.plp .filters .body>:not(:first-child){padding-top:5px}.depict.plp .filters .body>:not(:last-child){padding-bottom:5px}.depict.plp .filters .body .input-row{justify-content:space-between;padding-top:5px;padding-bottom:5px}.depict.plp .filters .body .input-row,.depict.plp .filters .body .input-row>.left{align-items:center;display:flex}.depict.plp .filters .body .input-row .text{text-overflow:ellipsis;white-space:pre-line;overflow-wrap:anywhere;color:#333335;-webkit-line-clamp:1;word-break:break-word;-webkit-box-orient:vertical;font-weight:400;line-height:21px;display:-webkit-box;overflow:hidden}.depict.plp .filters .body .input-row :checked~.text,.depict.plp .filters .body .input-row .fake-checked~.text{color:#000;font-weight:500}.depict.plp .filters .body .input-row.count-0 *+.text{color:#c2c2c2}.depict.plp .filters .body .input-row .count,.depict.plp .filters .body .hierarchical .checkbox-details.expandable .category-parent .count{color:#868689;font-weight:400}.depict.plp .filters .body .input-row:hover .count{color:#000}.depict.plp .filters .body .selected-w-sign{align-items:center;display:flex}.depict.plp .filters .body .selected-w-sign>:not(:first-child){margin-left:5px}.depict.plp .filters .body .selected-w-sign>:not(:last-child){margin-right:5px}.depict.plp .filters .body .selected-w-sign .show-selected{color:#868689;fill:#868689;align-items:center;display:flex}.depict.plp .filters .body .selected-w-sign .show-selected>:not(:first-child){margin-left:2.5px}.depict.plp .filters .body .selected-w-sign .show-selected>:not(:last-child){margin-right:2.5px}.depict.plp .filters .body .selected-w-sign .show-selected span{line-height:1}.depict.plp .filters .body .ungrouped{margin-top:25px}.depict.plp .filters .body .clear-all-filters{text-transform:uppercase;margin-top:5px;padding:.7em;font-size:1.1em;font-weight:400}.depict.plp .filters .body details summary{cursor:pointer;list-style:none}.depict.plp .filters .body details summary::-webkit-details-marker{display:none}.depict.plp .filters .body details summary>.summary{justify-content:space-between;align-items:center;display:flex}.depict.plp .filters .body details.filter-collapsible .filter-group-summary{background:#0f0f0f;border-radius:4px}.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:#333335}@media not all and (hover:none){.depict.plp .filters .body details.filter-collapsible .filter-group-summary:hover{background:#333335}}.depict.plp .filters .body details.filter-collapsible .filter-group-summary>.summary{color:#fff;padding:10px}.depict.plp .filters .body details.filter-collapsible .filter-group-summary>.summary>svg{transform:rotate(270deg)}.depict.plp .filters .body details.filter-collapsible[open] .filter-group-summary{border-radius:4px 4px 0 0}.depict.plp .filters .body .filter-collapsible-body{background:#eeeef0;border-radius:0 0 4px 4px;flex-direction:column;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{background:#fdfdfd;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:#000;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:#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{background:#fff;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:#fafafc;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:#eeeef0}}.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:#eeeef0}.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:#333}.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:#333}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible) .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:focus-visible) .morphing-sign span:last-child{height:5%;top:47.5%}}@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .morphing-sign{transform:scale(1.5)}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .count{color:#000}}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus-visible .count{color:#000}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:focus-visible .morphing-sign{transform:scale(1.5)}}@supports not (selector(:focus-visible)){@media not all and (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span{background:#333}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span:first-child{width:5%;left:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:not(:hover) .morphing-sign span:last-child{height:5%;top:47.5%}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .morphing-sign{transform:scale(1.5)}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent:hover .count{color:#000}}@media (hover:none){.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent .morphing-sign span{background:#333}.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:9px}.depict.plp .filters .body .hierarchical .checkbox-details.expandable>details .category-parent>.summary .morphing-sign{width:21px;height:21px;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:#000;transition-duration:.15s;transition-timing-function:ease-in-out}.depict.plp .filters .body .range .input-group{width:100%;padding-top:10px;padding-bottom:25px;display:flex}.depict.plp .filters .body .range .input-group .field{width:100%;align-items:center;display:flex}.depict.plp .filters .body .range .input-group .field input{width:100%;text-align:center;-moz-appearance:textfield;background:#fafafc;border:none;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:#eeeef0}@media not all and (hover:none){.depict.plp .filters .body .range .input-group .field input:hover{background:#eeeef0}}.depict.plp .filters .body .range .input-group .field input::-webkit-outer-spin-button,.depict.plp .filters .body .range .input-group .field input::-webkit-inner-spin-button{-webkit-appearance:none}.depict.plp .filters .body .range .input-group .separator{color:#333335;flex-shrink:0;flex-basis:25px;justify-content:center;align-items:center;font-size:19px;display:flex}.depict.plp .filters .body .range .slider{height:5px;background:#ddd;border-radius:5px;position:relative}.depict.plp .filters .body .range .slider .progress{height:100%;background:#0f0f0f;border-radius:5px;position:absolute;left:25%;right:25%}.depict.plp .filters .body .range .range-group{position:relative}.depict.plp .filters .body .range .range-group input{width:100%;height:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;background:0 0;margin:0;position:absolute;top:-2.5px}.depict.plp .filters .body .range .range-group input:focus{outline:none}.depict.plp .filters .body .range .range-group input::-webkit-slider-thumb{cursor:pointer;height:20px;width:20px;pointer-events:auto;-webkit-appearance:none;background:#0f0f0f;border-radius:50%;box-shadow:0 0 6px #0000000d}@media not all and (hover:none){.depict.plp .filters .body .range .range-group input::-webkit-slider-thumb:hover{background:#333335}}.depict.plp .filters .body .range .range-group input::-moz-range-thumb{cursor:pointer;height:20px;width:20px;pointer-events:auto;-moz-appearance:none;background:#0f0f0f;border:none;border-radius:50%;box-shadow:0 0 6px #0000000d}@media not all and (hover:none){.depict.plp .filters .body .range .range-group input::-moz-range-thumb:hover{background:#333335}}.depict.plp .filters .body .range .range-group input:focus-visible::-webkit-slider-thumb{background:#868689}.depict.plp .filters .body .range .range-group input:focus-visible::-moz-range-thumb{background:#868689}.depict.plp .filters .body .range .value-text{color:#333335;justify-content:space-between;padding-top:10px;display:flex}.depict.plp .filters .body .checkbox-grid{flex-wrap:wrap;margin:-5px;display:flex}.depict.plp .filters .body .checkbox-grid>*{margin:5px}.depict.plp .filters .body .checkbox-grid .major,.depict.plp .filters .body .checkbox-grid .minor{padding:5px 10px}.depict.plp .filters .body .checkbox-grid .major.minor,.depict.plp .filters .body .checkbox-grid .minor.minor{border:1px solid #d5d5d5}.depict.plp .sorting .body{background:#eeeef0;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:1em;height:1em;border:0;font-size:1.5em;position:relative}.depict.plp .morphing-sign span{background:#fff;border-radius:2px;position:absolute}.depict.plp .morphing-sign span:first-child{width:10%;top:25%;bottom:25%;left:45%}.depict.plp .morphing-sign span:last-child{height:10%;top:45%;left:25%;right:25%}.depict.plp .depict-filter-sort-modal-backdrop{z-index:5000;touch-action:none;will-change:opacity;opacity:0;background:#000000b3;position:fixed;inset:0}.depict.plp .dismiss-modal{z-index:5003;cursor:pointer;background:0 0;border:none;padding:0;line-height:0;position:fixed;top:14px;left:4px;transform:translateY(calc(-100% - 14px))}.depict.plp .dismiss-modal svg{transform:scale(.6646)}.depict.plp .dismiss-modal svg path{fill:#fff}.depict.plp .filter-sort-modal{z-index:5002;width:calc(100% - 30px);height:100%;will-change:transform;background:#eeeef0;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;background:#fff;justify-content:space-between;padding:13px 20px;display:flex;box-shadow:0 4px 4px #0000000d}.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 .filter-icon,.depict.plp .filter-sort-modal .sort-icon{fill:#0f0f0f}.depict.plp .filter-sort-modal>.body{background:#eeeef0;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 .filters .body .filter-part,.depict.plp .filter-sort-modal .filters .body .view-more-clear{background:#fdfdfd}.depict.plp .filter-sort-modal .sorting .body{background:#eeeef0;border-radius:0;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:0;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:#eeeef0;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:#fafafc}}.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:#fafafc}.depict.plp .floating-buttons .sort div,.depict.plp .floating-buttons .filter div,.depict.plp .floating-buttons .up div{display:flex}.depict.plp .floating-buttons .sort svg path,.depict.plp .floating-buttons .filter svg path,.depict.plp .floating-buttons .up svg path{fill:#333335}.depict.plp .depict-slider{width:100%;position:relative}.depict.plp .depict-slider .sliding{height:100%;-ms-overflow-style:none;scrollbar-width:none;flex-flow:row;align-items:center;display:flex;overflow-x:scroll}.depict.plp .depict-slider .sliding>:not(:first-child){margin-left:5px}.depict.plp .depict-slider .sliding>:not(:last-child){margin-right:5px}.depict.plp .depict-slider .sliding::-webkit-scrollbar{display:none}.depict.plp .depict-slider .d-navbutton{z-index:2;touch-action:manipulation;cursor:pointer;height:calc(100% + 2px);width:26px;background:linear-gradient(270deg,#eeeef0 50%,#eeeef000 105%);border:none;justify-content:flex-end;align-items:center;padding:0 1px 0 0;transition-duration:.2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.depict.plp .depict-slider .d-navbutton.hidden{cursor:default;opacity:0;animation-name:depict_slider_button_unclickable;animation-duration:5s;animation-fill-mode:forwards}.depict.plp .depict-slider .d-navbutton.left{left:-1px;transform:translateY(-50%)rotate(180deg)}.depict.plp .depict-slider .d-navbutton.right{right:-1px}.depict.plp .depict-slider .d-navbutton img{width:100%;height:100%}@media not all and (hover:none){.depict.plp .depict-slider .d-navbutton:hover svg{transform:scale(1.2)}}.depict.plp .depict-slider .d-navbutton svg{transition-duration:.15s}.depict.plp .depict-slider .d-navbutton:active{opacity:.9}@keyframes depict_slider_button_unclickable{0%{pointer-events:all}to{pointer-events:none;visibility:hidden}}.depict.plp button.major{color:#fff;white-space:pre-wrap;cursor:pointer;background:#0f0f0f;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}.depict.plp button.major svg path{fill:#fff}@media not all and (hover:none){.depict.plp button.major:hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#292929}}.depict.plp button.major:active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#424242}.depict.plp button.major:focus{outline-style:none}.depict.plp button.major:focus-visible{filter:drop-shadow(2px 2px 4px #418fc3cc)drop-shadow(-2px -2px 4px #418fc3cc);background:#292929}.depict.plp button.minor{color:#333335;white-space:pre-wrap;cursor:pointer;background:#fafafc;border:1px solid #0f0f0f;border-radius:0;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}.depict.plp button.minor svg path{fill:#333335}@media not all and (hover:none){.depict.plp button.minor:hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#dadae9}}.depict.plp button.minor:active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#dadae9}.depict.plp button.minor:focus{outline-style:none}.depict.plp button.minor:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);background:#dadae9}.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,#333335 0% 100%);border-image-slice:0 0 100%;border-radius:0;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:#333335}.depict.plp.toast button{cursor:pointer;border-radius:0;padding:5px 20px}.depict.search .previous-searches{flex-direction:column;display:flex}.depict.search .previous-searches>:not(:first-child){margin-top:7.5px}.depict.search .previous-searches>:not(:last-child){margin-bottom:7.5px}.depict.search .previous-searches .list{flex-direction:column;display:flex}.depict.search .previous-searches .list>:not(:first-child){margin-top:2.5px}.depict.search .previous-searches .list>:not(:last-child){margin-bottom:2.5px}.depict.search .previous-searches .list .item{color:#333335;overflow-wrap:anywhere;border-radius:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.depict.search .previous-searches .list .item .left{align-items:center;display:flex}.depict.search .previous-searches .list .item .left>:not(:first-child){margin-left:5px}.depict.search .previous-searches .list .item .left>:not(:last-child){margin-right:5px}.depict.search .previous-searches .list .item .left svg{min-width:12px}.depict.search .previous-searches .list .item .left svg path{fill:#0f0f0f}.depict.search .previous-searches .list .item .delete{height:100%;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 10px;display:flex}.depict.search .previous-searches .list .item .delete:focus{outline:none}.depict.search .previous-searches .list .item .delete svg{width:13px;height:13px;transition-duration:.15s}.depict.search .previous-searches .list .item .delete svg path{fill:#333335}.depict.search .previous-searches .list .item .delete:hover svg{transform:scale(1.2)}.depict.search .previous-searches .list .item .delete:hover svg path{fill:#000}.depict.search .previous-searches .list .item .delete:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .previous-searches .list .item .delete:focus-visible svg{transform:scale(1.2)}.depict.search .previous-searches .list .item .delete:focus-visible svg path{fill:#000}.depict.search .previous-searches .text,.depict.search .suggestions .text{color:#333335;margin-top:0;font-size:16px;font-weight:700}.depict.search .previous-searches .item,.depict.search .previous-searches .suggestion,.depict.search .suggestions .item,.depict.search .suggestions .suggestion{background:#fff}.depict.search .previous-searches .item.selected,.depict.search .previous-searches .suggestion.selected,.depict.search .suggestions .item.selected,.depict.search .suggestions .suggestion.selected{background:#ffffff80}.depict.search .previous-searches .item:focus-visible,.depict.search .previous-searches .suggestion:focus-visible,.depict.search .suggestions .item:focus-visible,.depict.search .suggestions .suggestion:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);outline:none}.depict.search .suggestions{flex-direction:column;display:flex}.depict.search .suggestions>:not(:first-child){margin-top:10px}.depict.search .suggestions>:not(:last-child){margin-bottom:10px}.depict.search .suggestions:not(.compact)>.suggestion-container>:not(:first-child),.depict.search .suggestions.compact>.suggestion-container:not(.query)>:not(:first-child){margin-top:2.5px}.depict.search .suggestions:not(.compact)>.suggestion-container>:not(:last-child),.depict.search .suggestions.compact>.suggestion-container:not(.query)>:not(:last-child){margin-bottom:2.5px}.depict.search .suggestions .suggestion-container{flex-direction:column;display:flex}.depict.search .suggestions .suggestion-container .suggestion{overflow-wrap:anywhere;color:#333335;border-radius:0;justify-content:space-between;align-items:center;padding:10px 20px;font-weight:400;display:flex}.depict.search .suggestions .suggestion-container .suggestion svg{flex-shrink:0}.depict.search .suggestions .suggestion-container .suggestion .search-icon{max-width:12px;max-height:13px}.depict.search .suggestions .suggestion-container .suggestion .search-icon svg{transform:matrix(.6,0,0,.6,-4.14,-4.32)}.depict.search .suggestions .suggestion-container .suggestion .search-icon svg path{fill:#0f0f0f}.depict.search .suggestions .suggestion-container .suggestion .has-history-match{color:#333335;font-weight:400}.depict.search .suggestions .suggestion-container .suggestion .has-history-match .highlighted-part{color:#333335;font-weight:500}.depict.search .suggestions .suggestion-container .suggestion .category{margin-right:20px}.depict.search .suggestions .suggestion-container .suggestion .type{color:#868689;text-transform:capitalize}.depict.search .suggestions .suggestion-container.query{flex-direction:column}.depict.search .suggestions .suggestion-container.query .suggestion{justify-content:flex-start}.depict.search .suggestions .suggestion-container.query .suggestion>:not(:first-child){margin-left:4px}.depict.search .suggestions .suggestion-container.query .suggestion>:not(:last-child){margin-right:4px}.depict.search .suggestions.compact>.suggestion-container.query{flex-flow:wrap;margin:-2.5px}.depict.search .suggestions.compact>.suggestion-container.query>*{margin:2.5px}.depict.search .category-suggestions{display:flex}.depict.search .category-suggestions .sliding{margin-bottom:-2px;padding-bottom:2px}.depict.search .category-suggestions .title{font-weight:420}.depict.search .category-suggestions .category-suggestion{color:#000;height:100%;background:#fff;border-radius:0;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{background:#e6e6e6}@media not all and (hover:none){.depict.search .category-suggestions .category-suggestion:hover{background:#e6e6e6}}.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:400}.depict.search .category-suggestions .category-suggestion>*{white-space:nowrap;font-size:.85em}.depict.search .instant-results{flex-direction:column;display:flex}.depict.search .instant-results>:not(:first-child){margin-top:2.5px}.depict.search .instant-results>:not(:last-child){margin-bottom:2.5px}.depict.search .instant-results .instant-card{background:#fff;border-radius:0;flex:100%;padding:5px 20px;display:flex;overflow:hidden}.depict.search .instant-results .instant-card:hover,.depict.search .instant-results .instant-card:focus{z-index:2;box-shadow:2px 2px 4px #00000026,-4px -4px 4px #ffffff4d}.depict.search .instant-results .instant-card>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card>:not(:last-child){margin-right:.75vw}.depict.search .instant-results .instant-card .img-part{flex:0 0 100px}.depict.search .instant-results .instant-card .right-part{flex-grow:1;justify-content:space-between;display:flex}.depict.search .instant-results .instant-card .right-part>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part>:not(:last-child){margin-right:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline{justify-content:center;align-items:center;display:flex}@media (min-width:601px){.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:last-child){margin-right:.75vw}}@media (max-width:600px){.depict.search .instant-results .instant-card .right-part .title-brand-tagline{flex-direction:column;align-items:flex-start}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:first-child){margin-top:.75vw}.depict.search .instant-results .instant-card .right-part .title-brand-tagline>:not(:last-child){margin-bottom:.75vw}}.depict.search .instant-results .instant-card .right-part .title-brand-tagline .title{text-overflow:ellipsis;white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.depict.search .instant-results .instant-card .right-part .title-brand-tagline .tagline{color:#868689;font-size:.9em}.depict.search .instant-results .instant-card .right-part .price-container{justify-content:center;align-items:center;display:flex}@media (min-width:601px){.depict.search .instant-results .instant-card .right-part .price-container>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right-part .price-container>:not(:last-child){margin-right:.75vw}}.depict.search .instant-results .instant-card .right-part .price-container .price:not(.orig){color:#0f0f0f;font-weight:700}.depict.search .instant-results .instant-card .right-part .price-container .price.orig{color:#868689;text-decoration:line-through}.depict.search .instant-results .instant-card .right-part .price-container .price.sales-price{color:#ff2e3e}@media (max-width:600px){.depict.search .instant-results .instant-card .right-part .price-container{flex-direction:column}.depict.search .instant-results .instant-card .right-part .price-container>:not(:first-child){margin-top:.75vw}.depict.search .instant-results .instant-card .right-part .price-container>:not(:last-child){margin-bottom:.75vw}.depict.search .instant-results .instant-card .right-part .price-container .price:not(.orig){order:0}.depict.search .instant-results .instant-card .right-part .price-container .price.orig{order:1}}.depict.search .query-input{z-index:calc(1 + 5);display:flex;box-shadow:0 4px 4px #0000000d}.depict.search .query-input input,.depict.search .query-input button{margin:0}.depict.search .query-input .query{width:100%;color:#333335;font-size:initial;font-weight:initial;background-color:#fff;border:none;border-radius:0;flex-grow:1;padding:14px 55px 14px 20px}.depict.search .query-input .query::placeholder{color:initial}.depict.search .query-input .query:focus{color:#000;outline:none}@media not all and (hover:none){.depict.search .query-input .query:hover{color:#000;outline:none}}.depict.search .query-input .query.has-adjacent-back-button{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0}.depict.search .query-input .field{flex-grow:1;display:flex;position:relative}.depict.search .query-input .back{cursor:pointer;background:#fff;border:none;border-top-left-radius:0;border-bottom-left-radius:0;justify-content:center;align-items:center;padding:14px 15px 14px 10px;display:flex}.depict.search .query-input .back svg path{fill:#333335}.depict.search .query-input .back:focus{outline:none}.depict.search .query-input .back:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .query-input .back:focus-visible svg path{fill:#0f0f0f}@media not all and (hover:none){.depict.search .query-input .back:hover svg path{fill:#0f0f0f}}.depict.search .query-input .clear,.depict.search .query-input .submit{cursor:pointer}.depict.search .query-input .clear{background:0 0;border:none;padding:0;position:absolute;top:50%;right:30px;transform:translateY(-50%)scale(.8)}.depict.search .query-input .clear svg path{fill:#333335}.depict.search .query-input .clear:focus{outline:none}.depict.search .query-input .clear:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.depict.search .query-input .clear:focus-visible svg path{fill:#0f0f0f}@media not all and (hover:none){.depict.search .query-input .clear:hover svg path{fill:#0f0f0f}}.depict.search .query-input .submit{min-width:50px;border:none;border-radius:0;padding:0}.depict.search .query-input .submit svg{transform:scale(1)}.depict.search .depict-search-modal-backdrop{z-index:5000;touch-action:none;background:#0006;position:fixed;inset:0}.depict.search .depict-search-modal{justify-content:center;display:flex}.depict.search .depict-search-modal button{border:none}.depict.search .depict-search-modal .query-input{z-index:calc(5000 + 5)}.depict.search .depict-search-modal .body{width:80vw;max-width:800px;z-index:calc(5000 + 1);background:#eeeef0;border-radius:0;flex-direction:column;display:flex;position:absolute}@media (hover:hover) and (pointer:fine) and (max-height:790px){.depict.search .depict-search-modal .body{max-height:100%;position:fixed;top:0}}@media (hover:hover) and (pointer:fine) and (max-height:790px) and (max-width:600px){.depict.search .depict-search-modal .body{width:calc(100% - 30px);left:30px}}@media not all and (hover:hover) and (pointer:fine){@media (max-height:1000px){.depict.search .depict-search-modal .body{max-height:100%;position:fixed;top:0}}@media (max-height:1000px) and (max-width:600px){.depict.search .depict-search-modal .body{width:calc(100% - 30px);left:30px}}}.depict.search .depict-search-modal .body .padded>*,.depict.search .depict-search-modal .body .query-input{flex-shrink:0}.depict.search .depict-search-modal .body .padded{flex-direction:column;padding-top:20px;padding-left:max(1vw,10px);padding-right:max(1vw,10px);display:flex;overflow:auto}.depict.search .depict-search-modal .body .padded>:not(:first-child){margin-top:10px}.depict.search .depict-search-modal .body .padded>:not(:last-child){margin-bottom:10px}.depict.search .depict-search-modal .body .discover-more{justify-content:center;display:flex}.depict.search .depict-search-modal .body .discover-more button{text-transform:uppercase;margin:20px 0;padding:12px 18px}.depict.search .listing-page .query-input{width:min(100%,800px);align-self:center;margin-top:40px;margin-bottom:20px}@media (max-width:651px){.depict.search .listing-page .query-input{margin-top:16px;margin-bottom:16px}}.depict.search .listing-page .query-input~.category-suggestions .category-suggestion:last-child{margin-right:auto}.depict.search .listing-page .query-input~.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 .query-input+.filter-results-for-one-row,.depict.search .listing-page .query-input+.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 #bcbcbe;flex-direction:column;display:flex}.depict.search .listing-page .search-recs .search-recs-title{margin-top:0;margin-bottom:20px;font-size:24px;font-weight:600;line-height:1}.depict.search .listing-page .search-recs .load-more-container{justify-content:center;margin-top:30px;display:flex}.depict.search .results-for{overflow-wrap:anywhere;font-size:1.5em}.depict.aligner{position:absolute;top:0;bottom:0}

package/dist-server/index.d.ts

@@ -1,3 +1,4 @@
+export const version = "0.0.32";
 export function DepictProvider(props: any): any;
 export function DepictSearchField(): any;
 export function DepictSearchPage(): any;

package/dist-server/main.js

@@ -10,6 +10,10 @@ $parcel$export(module.exports, "DepictSearchField", () => $41e7e5d85b5e0d49$expo
 $parcel$export(module.exports, "DepictSearchPage", () => $41e7e5d85b5e0d49$export$210723f5a54a7028);
 $parcel$export(module.exports, "DepictSearchHeader", () => $41e7e5d85b5e0d49$export$cbcd1ecdb41b1d0a);
 $parcel$export(module.exports, "openModal", () => $41e7e5d85b5e0d49$export$a7f6cffb6b8ba11c);
+$parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
+
+
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.32";
 
 
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {

package/dist-server/module.js

@@ -3,6 +3,9 @@ import {jsx as $1RlIW$jsx} from "react/jsx-runtime";
 
 
 
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.32";
+
+
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
     return props.children;
 }
@@ -24,4 +27,4 @@ function $2b1fdeb83610500f$export$cbcd1ecdb41b1d0a() {
 function $2b1fdeb83610500f$export$a7f6cffb6b8ba11c() {}
 
 
-export {$2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$4c0fa313cf50c4ad as DepictSearchField, $2b1fdeb83610500f$export$210723f5a54a7028 as DepictSearchPage, $2b1fdeb83610500f$export$cbcd1ecdb41b1d0a as DepictSearchHeader, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal};
+export {$2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$4c0fa313cf50c4ad as DepictSearchField, $2b1fdeb83610500f$export$210723f5a54a7028 as DepictSearchPage, $2b1fdeb83610500f$export$cbcd1ecdb41b1d0a as DepictSearchHeader, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -12,7 +12,7 @@
   },
   "scripts": {
     "clear-dist": "rm -r -f ./dist",
-    "build": "yarn build-server && parcel build --no-source-maps && yarn ignore-optional && cp -a src/styles/plp-styling/. dist/styles/",
+    "build": "node ./build-scripts/pre_build.js && yarn build-server && parcel build --no-source-maps && yarn ignore-optional && cp -a src/styles/plp-styling/. dist/styles/",
     "build-server": "yarn clear-dist && parcel build --no-source-maps ./src-server/index.ts && cp -r ./dist/ ./dist-server && yarn clear-dist",
     "ignore-optional": "node build-scripts/ignore-optional.js",
     "print-included-package-files": "yarn pack --dry-run",
@@ -82,6 +82,7 @@
     "/dist-server"
   ],
   "dependencies": {
+    "@depict-ai/dpc": "^0.0.2",
     "@depict-ai/ui": "^0.0.8",
     "@depict-ai/utilishared": "^0.0.8",
     "solid-js": "^1.6.2"