@depict-ai/react-ui 0.0.8 → 0.0.10

package/dist/main.js

@@ -1,90 +1,96 @@
-var $lgFzj$reactdom = require("react-dom");
-var $lgFzj$depictaireactsolidbridge = require("@depict-ai/react-solid-bridge");
-var $lgFzj$react = require("react");
-var $lgFzj$depictaiui = require("@depict-ai/ui");
-var $lgFzj$reactjsxruntime = require("react/jsx-runtime");
-var $lgFzj$depictaiutilishared = require("@depict-ai/utilishared");
-var $lgFzj$solidjs = require("solid-js");
+var $1pn1h$reactdom = require("react-dom");
+var $1pn1h$depictaireactsolidbridge = require("@depict-ai/react-solid-bridge");
+var $1pn1h$react = require("react");
+var $1pn1h$depictaiui = require("@depict-ai/ui");
+var $1pn1h$reactjsxruntime = require("react/jsx-runtime");
+var $1pn1h$depictaiutilishared = require("@depict-ai/utilishared");
+var $1pn1h$solidjs = require("solid-js");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "DepictSearchPage", () => $6abe21f0d440de7c$export$210723f5a54a7028);
-$parcel$export(module.exports, "DepictProvider", () => $36997bef3cf034d6$export$9fac37a9c21c2f3b);
-$parcel$export(module.exports, "openModal", () => $74e00cdf1575ca1b$export$a7f6cffb6b8ba11c);
-$parcel$export(module.exports, "DepictSearchHeader", () => $74e00cdf1575ca1b$export$cbcd1ecdb41b1d0a);
+$parcel$export(module.exports, "DepictSearchPage", () => $7c7f5a6b750dca70$export$210723f5a54a7028);
+$parcel$export(module.exports, "DepictProvider", () => $18b830ef84ac138a$export$9fac37a9c21c2f3b);
+$parcel$export(module.exports, "openModal", () => $20bf907adee775ba$export$a7f6cffb6b8ba11c);
+$parcel$export(module.exports, "DepictSearchHeader", () => $20bf907adee775ba$export$cbcd1ecdb41b1d0a);
 
 
 
 
 
 
-let $35c9ea6fbd139a83$var$set = false;
-function $35c9ea6fbd139a83$export$6453cbc34515a94d() {
-    if ($35c9ea6fbd139a83$var$set) return; // Just being safe
-    $35c9ea6fbd139a83$var$set = true;
+const $e589c49931886c97$export$8e769ad4338a911e = {
+    search: null,
+    header_alignment: null
+};
+
+
+
+
+
+function $b4d0d98857ed9934$export$5cae361ad82dce8b(value) {
+    const ref = (0, $1pn1h$react.useRef)();
+    (0, $1pn1h$react.useEffect)(()=>{
+        ref.current = value;
+    }, [
+        value
+    ]);
+    return ref.current;
+}
+
+
+
+
+let $80a9072c96ebf849$var$set = false;
+function $80a9072c96ebf849$export$6453cbc34515a94d(is_search_page) {
+    if ($80a9072c96ebf849$var$set) return; // Just being safe
+    $80a9072c96ebf849$var$set = true;
     let should_use_old_scroll = false;
     const old_scrollTo = window.scrollTo;
     window.scrollTo = (...args)=>{
-        const is_next_scrolling_enabled = args?.[1] !== 0; // TODO: This is not working for me right now: process.env.__NEXT_SCROLL_RESTORATION
-        if (should_use_old_scroll || is_next_scrolling_enabled) return Reflect.apply(old_scrollTo, window, args);
+        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", ()=>{
+    addEventListener("popstate", (e)=>{
+        if (!is_search_page(location)) {
+            $80a9072c96ebf849$var$removeLotsOfPadding(); // Just making sure
+            return;
+        }
         should_use_old_scroll = false;
-        $35c9ea6fbd139a83$var$addLotsOfPadding();
-    });
-    (0, $lgFzj$depictaiutilishared.observer).onexists(".depict.plp .listing-page .cards > div > *", ()=>{
-        $35c9ea6fbd139a83$var$removeLotsOfPadding();
+        $80a9072c96ebf849$var$addLotsOfPadding();
+        (0, $1pn1h$depictaiutilishared.observer).wait_for_element(".depict.plp .listing-page").then(()=>{
+            $80a9072c96ebf849$var$removeLotsOfPadding();
+        });
     });
-    (0, $lgFzj$depictaiutilishared.history_replacer)(()=>{
-        (0, $lgFzj$depictaiutilishared.queueMacroTask)(()=>{
-            $35c9ea6fbd139a83$var$removeLotsOfPadding();
+    (0, $1pn1h$depictaiutilishared.history_replacer)(()=>{
+        (0, $1pn1h$depictaiutilishared.queueMacroTask)(()=>{
+            $80a9072c96ebf849$var$removeLotsOfPadding();
         });
     }, false);
     window?.next?.router?.events?.on("routeChangeStart", ()=>{
-        $35c9ea6fbd139a83$var$addLotsOfPadding();
+        $80a9072c96ebf849$var$addLotsOfPadding();
     });
 }
-function $35c9ea6fbd139a83$var$addLotsOfPadding() {
+function $80a9072c96ebf849$var$addLotsOfPadding() {
     document.body.style.paddingBottom = (history.state?.search_scroll_restoration_data?.[0]?.min_results_loaded || 150) * 500 + "px";
 }
-function $35c9ea6fbd139a83$var$removeLotsOfPadding() {
+function $80a9072c96ebf849$var$removeLotsOfPadding() {
     document.body.style.paddingBottom = "";
 }
 
 
-const $eb4ef6a57c8b8ada$export$8e769ad4338a911e = {
-    search: null,
-    header_alignment: null
-};
-
-
-
-
-function $c23231ddd12eea0a$export$5cae361ad82dce8b(value) {
-    const ref = (0, $lgFzj$react.useRef)();
-    (0, $lgFzj$react.useEffect)(()=>{
-        ref.current = value;
-    }, [
-        value
-    ]);
-    return ref.current;
-}
-
-
-
-const $ed09819de7bb86d1$export$99ae278b8f3607a0 = (opts)=>{
+const $7b6eabbde6829606$export$99ae278b8f3607a0 = (opts)=>{
     const path = "/search";
     const param = "q";
     const is_page_ = (url)=>url.pathname == path;
-    const search = new (0, $lgFzj$depictaiui.DepictSearch)({
+    const search = new (0, $1pn1h$depictaiui.DepictSearch)({
         search_query_url_param_name: param,
         merchant: opts.merchant,
         market: opts.market,
+        enable_category_suggestions: false,
         localization: {
-            ...(0, $lgFzj$depictaiui.swedish_search_translation),
+            ...(0, $1pn1h$depictaiui.swedish_search_translation),
             price_formatting_: {
                 pre_: "€ ",
                 post_: "",
@@ -95,7 +101,6 @@ const $ed09819de7bb86d1$export$99ae278b8f3607a0 = (opts)=>{
         },
         on_navigation: (new_href)=>{
             const shallow = is_page_(location);
-            debugger;
             window.next.router.push(new_href, undefined, {
                 shallow: shallow,
                 scroll: true
@@ -105,15 +110,16 @@ const $ed09819de7bb86d1$export$99ae278b8f3607a0 = (opts)=>{
             url.pathname = path;
         }
     });
+    (0, $80a9072c96ebf849$export$6453cbc34515a94d)(is_page_);
     return search;
 };
 
 
-function $36997bef3cf034d6$export$9fac37a9c21c2f3b(props) {
+function $18b830ef84ac138a$export$9fac37a9c21c2f3b(props) {
     const { children: children , merchant: merchant , market: market , search_page_path: search_page_path  } = props;
-    const previous_props = (0, $c23231ddd12eea0a$export$5cae361ad82dce8b)(props);
-    if (!(0, $eb4ef6a57c8b8ada$export$8e769ad4338a911e).search) // Todo: use search_page_path for navigation
-    (0, $eb4ef6a57c8b8ada$export$8e769ad4338a911e).search = (0, $ed09819de7bb86d1$export$99ae278b8f3607a0)({
+    const previous_props = (0, $b4d0d98857ed9934$export$5cae361ad82dce8b)(props);
+    if (!(0, $e589c49931886c97$export$8e769ad4338a911e).search) // Todo: use search_page_path for navigation
+    (0, $e589c49931886c97$export$8e769ad4338a911e).search = (0, $7b6eabbde6829606$export$99ae278b8f3607a0)({
         merchant: merchant,
         market: market
     });
@@ -134,39 +140,39 @@ function $36997bef3cf034d6$export$9fac37a9c21c2f3b(props) {
 
 
 
-function $74e00cdf1575ca1b$export$cbcd1ecdb41b1d0a() {
-    return (0, $lgFzj$react.createElement)("div", {
+function $20bf907adee775ba$export$cbcd1ecdb41b1d0a() {
+    return (0, $1pn1h$react.createElement)("div", {
         className: "depict aligner",
-        ref: (e)=>(0, $eb4ef6a57c8b8ada$export$8e769ad4338a911e).header_alignment = e
+        ref: (e)=>(0, $e589c49931886c97$export$8e769ad4338a911e).header_alignment = e
     });
 }
-let $74e00cdf1575ca1b$var$sheet;
-function $74e00cdf1575ca1b$export$a7f6cffb6b8ba11c() {
-    if (!(0, $eb4ef6a57c8b8ada$export$8e769ad4338a911e).search) {
+let $20bf907adee775ba$var$sheet;
+function $20bf907adee775ba$export$a7f6cffb6b8ba11c() {
+    if (!(0, $e589c49931886c97$export$8e769ad4338a911e).search) {
         console.error("No active search in the app!");
         return;
     }
-    if (!(0, $eb4ef6a57c8b8ada$export$8e769ad4338a911e).header_alignment) {
+    if (!(0, $e589c49931886c97$export$8e769ad4338a911e).header_alignment) {
         console.error("No active search header aligner on the page!");
         return;
     }
-    const style_props_ = (0, $lgFzj$solidjs.createSignal)({
+    const style_props_ = (0, $1pn1h$solidjs.createSignal)({
         position: "fixed",
         top: 0
     });
-    if ((0, $eb4ef6a57c8b8ada$export$8e769ad4338a911e).header_alignment?.clientHeight) {
-        let styles = `.depict.plp.in_header .depict-search-modal .query_input { height: ${(0, $eb4ef6a57c8b8ada$export$8e769ad4338a911e).header_alignment?.clientHeight}px; }`;
-        styles += `.depict.plp.in_header .depict-search-modal-backdrop { top: ${(0, $eb4ef6a57c8b8ada$export$8e769ad4338a911e).header_alignment?.clientHeight}px; }`;
-        if (!$74e00cdf1575ca1b$var$sheet) {
+    if ((0, $e589c49931886c97$export$8e769ad4338a911e).header_alignment?.clientHeight) {
+        let styles = `.depict.plp.in_header .depict-search-modal .query_input { height: ${(0, $e589c49931886c97$export$8e769ad4338a911e).header_alignment?.clientHeight}px; }`;
+        styles += `.depict.plp.in_header .depict-search-modal-backdrop { top: ${(0, $e589c49931886c97$export$8e769ad4338a911e).header_alignment?.clientHeight}px; }`;
+        if (!$20bf907adee775ba$var$sheet) {
             const style = document.createElement("style");
             style.append(styles);
             document.head.appendChild(style);
         }
     }
-    const class_list_ = (0, $lgFzj$solidjs.createMemo)(()=>({
+    const class_list_ = (0, $1pn1h$solidjs.createMemo)(()=>({
             in_header: true
         }));
-    (0, $eb4ef6a57c8b8ada$export$8e769ad4338a911e).search.modal_open = [
+    (0, $e589c49931886c97$export$8e769ad4338a911e).search.modal_open = [
         {
             style_props_: style_props_,
             class_list_: class_list_
@@ -175,14 +181,13 @@ function $74e00cdf1575ca1b$export$a7f6cffb6b8ba11c() {
 }
 
 
-let $6abe21f0d440de7c$var$active_render_card;
-function $6abe21f0d440de7c$var$DepictSearchPageContent(opts) {
-    (0, $35c9ea6fbd139a83$export$6453cbc34515a94d)();
-    const [bridge, setBridge] = (0, $lgFzj$react.useState)(null);
-    const [portals, set_portals] = (0, $lgFzj$react.useState)([]);
-    (0, $lgFzj$react.useEffect)(()=>{
-        const component_portals = [];
-        $6abe21f0d440de7c$var$active_render_card = async (display)=>{
+let $7c7f5a6b750dca70$var$active_render_card;
+function $7c7f5a6b750dca70$var$DepictSearchPageContent(opts) {
+    const [bridge, setBridge] = (0, $1pn1h$react.useState)(null);
+    const [portals, set_portals] = (0, $1pn1h$react.useState)([]);
+    (0, $1pn1h$react.useEffect)(()=>{
+        const component_portals = new Set((0, $1pn1h$react.ReactPortal));
+        $7c7f5a6b750dca70$var$active_render_card = async (display)=>{
             const solid_container = document.createElement("div");
             const react_has_rendered = new Promise((r)=>{
                 const m_o = new MutationObserver(()=>{
@@ -193,56 +198,78 @@ function $6abe21f0d440de7c$var$DepictSearchPageContent(opts) {
                     childList: true
                 });
             });
-            const reactProductCard = (0, $lgFzj$reactjsxruntime.jsx)(opts.productCardFactory, {
+            const reactProductCard = (0, $1pn1h$reactjsxruntime.jsx)(opts.productCardFactory, {
                 display: display
             });
-            const portal = $lgFzj$reactdom.createPortal(reactProductCard, solid_container);
-            component_portals.push(portal);
+            const portal = $1pn1h$reactdom.createPortal(reactProductCard, solid_container);
+            component_portals.add(portal);
             set_portals([
                 ...component_portals
             ]);
+            (0, $1pn1h$solidjs.onCleanup)(()=>{
+                // this will stop working after any await so be careful to not await before this, or you'll have to carry the owner over with getOwner and runWithOwner
+                component_portals.delete(portal);
+                set_portals([
+                    ...component_portals
+                ]);
+            });
             await react_has_rendered; // wait for react to have finish portaling the elements so that the placeholders get removed once we have an actual result and so that the PLP code knows it has a placeholder when this is a placeholder rendering
             return [
                 solid_container
             ];
         };
-        if (!(0, $eb4ef6a57c8b8ada$export$8e769ad4338a911e).search) throw Error("No search when rendering SearchPage??");
-        const el = (0, $lgFzj$depictaiui.SearchPage)({
-            depict_search: (0, $eb4ef6a57c8b8ada$export$8e769ad4338a911e).search,
-            cols_at_size: [
-                [
-                    4
-                ],
-                [
-                    3,
-                    1024
-                ],
-                [
-                    2,
-                    901
-                ]
-            ],
-            grid_spacing: "10px",
-            product_card_template: (...args)=>$6abe21f0d440de7c$var$active_render_card(...args),
-            // function might not exist yet,
-            get_product_id: ()=>""
-        });
-        const solidBridge = (0, $lgFzj$reactjsxruntime.jsx)((0, $lgFzj$depictaireactsolidbridge.ReactToSolidBridge), {
-            solidComponent: ()=>el,
+        if (!(0, $e589c49931886c97$export$8e769ad4338a911e).search) throw Error("No search when rendering SearchPage??");
+        const solidBridge = (0, $1pn1h$reactjsxruntime.jsx)((0, $1pn1h$depictaireactsolidbridge.ReactToSolidBridge), {
+            solidComponent: ()=>{
+                const [el, dispose] = (0, $1pn1h$solidjs.createRoot)((dispose)=>{
+                    const el = (0, $1pn1h$depictaiui.SearchPage)({
+                        depict_search: (0, $e589c49931886c97$export$8e769ad4338a911e).search,
+                        cols_at_size: [
+                            [
+                                4
+                            ],
+                            [
+                                3,
+                                1024
+                            ],
+                            [
+                                2,
+                                901
+                            ]
+                        ],
+                        grid_spacing: "10px",
+                        product_card_template: (...args)=>$7c7f5a6b750dca70$var$active_render_card(...args),
+                        // function might not exist yet,
+                        get_product_id: ()=>""
+                    });
+                    return [
+                        el,
+                        dispose
+                    ];
+                });
+                (0, $1pn1h$solidjs.onCleanup)(dispose);
+                $7c7f5a6b750dca70$var$dispose_on_href_change(dispose);
+                return el;
+            },
             key: Math.random()
         });
         setBridge(solidBridge);
     }, []);
     console.log("Searchpage render", bridge, portals.length);
-    return bridge ? (0, $lgFzj$react.createElement)("div", {}, [
+    return bridge ? (0, $1pn1h$react.createElement)("div", {}, [
         bridge,
         ...portals
     ]) : "";
 }
-function $6abe21f0d440de7c$export$210723f5a54a7028(opts) {
-    return (0, $lgFzj$reactjsxruntime.jsx)((0, $lgFzj$depictaireactsolidbridge.ReactToSolidBridgeProvider), {
-        children: (0, $lgFzj$reactjsxruntime.jsx)($6abe21f0d440de7c$var$DepictSearchPageContent, opts)
+function $7c7f5a6b750dca70$export$210723f5a54a7028(opts) {
+    return (0, $1pn1h$reactjsxruntime.jsx)((0, $1pn1h$depictaireactsolidbridge.ReactToSolidBridgeProvider), {
+        children: (0, $1pn1h$reactjsxruntime.jsx)($7c7f5a6b750dca70$var$DepictSearchPageContent, opts)
     });
 }
+async function $7c7f5a6b750dca70$var$dispose_on_href_change(dispose) {
+    const [exit_ipns, href_ipns] = (0, $1pn1h$depictaiutilishared.make_asyncIterable_exiter)((0, $1pn1h$depictaiutilishared.href_change_ipns));
+    (0, $1pn1h$solidjs.onCleanup)(exit_ipns);
+    for await (const href of href_ipns)if (!new URL(href).pathname.startsWith("/search")) dispose();
+}
 
 

package/dist/module.js

@@ -1,10 +1,10 @@
-import {createPortal as $5DrVA$createPortal} from "react-dom";
-import {ReactToSolidBridge as $5DrVA$ReactToSolidBridge, ReactToSolidBridgeProvider as $5DrVA$ReactToSolidBridgeProvider} from "@depict-ai/react-solid-bridge";
-import {useState as $5DrVA$useState, useEffect as $5DrVA$useEffect, createElement as $5DrVA$createElement, useRef as $5DrVA$useRef} from "react";
-import {SearchPage as $5DrVA$SearchPage, DepictSearch as $5DrVA$DepictSearch, swedish_search_translation as $5DrVA$swedish_search_translation} from "@depict-ai/ui";
-import {jsx as $5DrVA$jsx} from "react/jsx-runtime";
-import {observer as $5DrVA$observer, history_replacer as $5DrVA$history_replacer, queueMacroTask as $5DrVA$queueMacroTask} from "@depict-ai/utilishared";
-import {createSignal as $5DrVA$createSignal, createMemo as $5DrVA$createMemo} from "solid-js";
+import {createPortal as $9xHCU$createPortal} from "react-dom";
+import {ReactToSolidBridge as $9xHCU$ReactToSolidBridge, ReactToSolidBridgeProvider as $9xHCU$ReactToSolidBridgeProvider} from "@depict-ai/react-solid-bridge";
+import {useState as $9xHCU$useState, useEffect as $9xHCU$useEffect, ReactPortal as $9xHCU$ReactPortal, createElement as $9xHCU$createElement, useRef as $9xHCU$useRef} from "react";
+import {SearchPage as $9xHCU$SearchPage, DepictSearch as $9xHCU$DepictSearch, swedish_search_translation as $9xHCU$swedish_search_translation} from "@depict-ai/ui";
+import {jsx as $9xHCU$jsx} from "react/jsx-runtime";
+import {make_asyncIterable_exiter as $9xHCU$make_asyncIterable_exiter, href_change_ipns as $9xHCU$href_change_ipns, observer as $9xHCU$observer, history_replacer as $9xHCU$history_replacer, queueMacroTask as $9xHCU$queueMacroTask} from "@depict-ai/utilishared";
+import {onCleanup as $9xHCU$onCleanup, createRoot as $9xHCU$createRoot, createSignal as $9xHCU$createSignal, createMemo as $9xHCU$createMemo} from "solid-js";
 
 
 
@@ -12,71 +12,77 @@ import {createSignal as $5DrVA$createSignal, createMemo as $5DrVA$createMemo} fr
 
 
 
-let $a788a5d95af0ff8b$var$set = false;
-function $a788a5d95af0ff8b$export$6453cbc34515a94d() {
-    if ($a788a5d95af0ff8b$var$set) return; // Just being safe
-    $a788a5d95af0ff8b$var$set = true;
+const $9ce874af9a04465f$export$8e769ad4338a911e = {
+    search: null,
+    header_alignment: null
+};
+
+
+
+
+
+function $c83ba9ab79386687$export$5cae361ad82dce8b(value) {
+    const ref = (0, $9xHCU$useRef)();
+    (0, $9xHCU$useEffect)(()=>{
+        ref.current = value;
+    }, [
+        value
+    ]);
+    return ref.current;
+}
+
+
+
+
+let $01e7216f8f859389$var$set = false;
+function $01e7216f8f859389$export$6453cbc34515a94d(is_search_page) {
+    if ($01e7216f8f859389$var$set) return; // Just being safe
+    $01e7216f8f859389$var$set = true;
     let should_use_old_scroll = false;
     const old_scrollTo = window.scrollTo;
     window.scrollTo = (...args)=>{
-        const is_next_scrolling_enabled = args?.[1] !== 0; // TODO: This is not working for me right now: process.env.__NEXT_SCROLL_RESTORATION
-        if (should_use_old_scroll || is_next_scrolling_enabled) return Reflect.apply(old_scrollTo, window, args);
+        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", ()=>{
+    addEventListener("popstate", (e)=>{
+        if (!is_search_page(location)) {
+            $01e7216f8f859389$var$removeLotsOfPadding(); // Just making sure
+            return;
+        }
         should_use_old_scroll = false;
-        $a788a5d95af0ff8b$var$addLotsOfPadding();
-    });
-    (0, $5DrVA$observer).onexists(".depict.plp .listing-page .cards > div > *", ()=>{
-        $a788a5d95af0ff8b$var$removeLotsOfPadding();
+        $01e7216f8f859389$var$addLotsOfPadding();
+        (0, $9xHCU$observer).wait_for_element(".depict.plp .listing-page").then(()=>{
+            $01e7216f8f859389$var$removeLotsOfPadding();
+        });
     });
-    (0, $5DrVA$history_replacer)(()=>{
-        (0, $5DrVA$queueMacroTask)(()=>{
-            $a788a5d95af0ff8b$var$removeLotsOfPadding();
+    (0, $9xHCU$history_replacer)(()=>{
+        (0, $9xHCU$queueMacroTask)(()=>{
+            $01e7216f8f859389$var$removeLotsOfPadding();
         });
     }, false);
     window?.next?.router?.events?.on("routeChangeStart", ()=>{
-        $a788a5d95af0ff8b$var$addLotsOfPadding();
+        $01e7216f8f859389$var$addLotsOfPadding();
     });
 }
-function $a788a5d95af0ff8b$var$addLotsOfPadding() {
+function $01e7216f8f859389$var$addLotsOfPadding() {
     document.body.style.paddingBottom = (history.state?.search_scroll_restoration_data?.[0]?.min_results_loaded || 150) * 500 + "px";
 }
-function $a788a5d95af0ff8b$var$removeLotsOfPadding() {
+function $01e7216f8f859389$var$removeLotsOfPadding() {
     document.body.style.paddingBottom = "";
 }
 
 
-const $d05612ee1ad913f8$export$8e769ad4338a911e = {
-    search: null,
-    header_alignment: null
-};
-
-
-
-
-function $420bb46ab3e903ef$export$5cae361ad82dce8b(value) {
-    const ref = (0, $5DrVA$useRef)();
-    (0, $5DrVA$useEffect)(()=>{
-        ref.current = value;
-    }, [
-        value
-    ]);
-    return ref.current;
-}
-
-
-
-const $f1d8262ca0141c24$export$99ae278b8f3607a0 = (opts)=>{
+const $cd2077d7481df27e$export$99ae278b8f3607a0 = (opts)=>{
     const path = "/search";
     const param = "q";
     const is_page_ = (url)=>url.pathname == path;
-    const search = new (0, $5DrVA$DepictSearch)({
+    const search = new (0, $9xHCU$DepictSearch)({
         search_query_url_param_name: param,
         merchant: opts.merchant,
         market: opts.market,
+        enable_category_suggestions: false,
         localization: {
-            ...(0, $5DrVA$swedish_search_translation),
+            ...(0, $9xHCU$swedish_search_translation),
             price_formatting_: {
                 pre_: "€ ",
                 post_: "",
@@ -87,7 +93,6 @@ const $f1d8262ca0141c24$export$99ae278b8f3607a0 = (opts)=>{
         },
         on_navigation: (new_href)=>{
             const shallow = is_page_(location);
-            debugger;
             window.next.router.push(new_href, undefined, {
                 shallow: shallow,
                 scroll: true
@@ -97,15 +102,16 @@ const $f1d8262ca0141c24$export$99ae278b8f3607a0 = (opts)=>{
             url.pathname = path;
         }
     });
+    (0, $01e7216f8f859389$export$6453cbc34515a94d)(is_page_);
     return search;
 };
 
 
-function $17200933bad0a218$export$9fac37a9c21c2f3b(props) {
+function $faf794495ff8b304$export$9fac37a9c21c2f3b(props) {
     const { children: children , merchant: merchant , market: market , search_page_path: search_page_path  } = props;
-    const previous_props = (0, $420bb46ab3e903ef$export$5cae361ad82dce8b)(props);
-    if (!(0, $d05612ee1ad913f8$export$8e769ad4338a911e).search) // Todo: use search_page_path for navigation
-    (0, $d05612ee1ad913f8$export$8e769ad4338a911e).search = (0, $f1d8262ca0141c24$export$99ae278b8f3607a0)({
+    const previous_props = (0, $c83ba9ab79386687$export$5cae361ad82dce8b)(props);
+    if (!(0, $9ce874af9a04465f$export$8e769ad4338a911e).search) // Todo: use search_page_path for navigation
+    (0, $9ce874af9a04465f$export$8e769ad4338a911e).search = (0, $cd2077d7481df27e$export$99ae278b8f3607a0)({
         merchant: merchant,
         market: market
     });
@@ -126,39 +132,39 @@ function $17200933bad0a218$export$9fac37a9c21c2f3b(props) {
 
 
 
-function $5ec9f73037322aa8$export$cbcd1ecdb41b1d0a() {
-    return (0, $5DrVA$createElement)("div", {
+function $f41a371216eff80b$export$cbcd1ecdb41b1d0a() {
+    return (0, $9xHCU$createElement)("div", {
         className: "depict aligner",
-        ref: (e)=>(0, $d05612ee1ad913f8$export$8e769ad4338a911e).header_alignment = e
+        ref: (e)=>(0, $9ce874af9a04465f$export$8e769ad4338a911e).header_alignment = e
     });
 }
-let $5ec9f73037322aa8$var$sheet;
-function $5ec9f73037322aa8$export$a7f6cffb6b8ba11c() {
-    if (!(0, $d05612ee1ad913f8$export$8e769ad4338a911e).search) {
+let $f41a371216eff80b$var$sheet;
+function $f41a371216eff80b$export$a7f6cffb6b8ba11c() {
+    if (!(0, $9ce874af9a04465f$export$8e769ad4338a911e).search) {
         console.error("No active search in the app!");
         return;
     }
-    if (!(0, $d05612ee1ad913f8$export$8e769ad4338a911e).header_alignment) {
+    if (!(0, $9ce874af9a04465f$export$8e769ad4338a911e).header_alignment) {
         console.error("No active search header aligner on the page!");
         return;
     }
-    const style_props_ = (0, $5DrVA$createSignal)({
+    const style_props_ = (0, $9xHCU$createSignal)({
         position: "fixed",
         top: 0
     });
-    if ((0, $d05612ee1ad913f8$export$8e769ad4338a911e).header_alignment?.clientHeight) {
-        let styles = `.depict.plp.in_header .depict-search-modal .query_input { height: ${(0, $d05612ee1ad913f8$export$8e769ad4338a911e).header_alignment?.clientHeight}px; }`;
-        styles += `.depict.plp.in_header .depict-search-modal-backdrop { top: ${(0, $d05612ee1ad913f8$export$8e769ad4338a911e).header_alignment?.clientHeight}px; }`;
-        if (!$5ec9f73037322aa8$var$sheet) {
+    if ((0, $9ce874af9a04465f$export$8e769ad4338a911e).header_alignment?.clientHeight) {
+        let styles = `.depict.plp.in_header .depict-search-modal .query_input { height: ${(0, $9ce874af9a04465f$export$8e769ad4338a911e).header_alignment?.clientHeight}px; }`;
+        styles += `.depict.plp.in_header .depict-search-modal-backdrop { top: ${(0, $9ce874af9a04465f$export$8e769ad4338a911e).header_alignment?.clientHeight}px; }`;
+        if (!$f41a371216eff80b$var$sheet) {
             const style = document.createElement("style");
             style.append(styles);
             document.head.appendChild(style);
         }
     }
-    const class_list_ = (0, $5DrVA$createMemo)(()=>({
+    const class_list_ = (0, $9xHCU$createMemo)(()=>({
             in_header: true
         }));
-    (0, $d05612ee1ad913f8$export$8e769ad4338a911e).search.modal_open = [
+    (0, $9ce874af9a04465f$export$8e769ad4338a911e).search.modal_open = [
         {
             style_props_: style_props_,
             class_list_: class_list_
@@ -167,14 +173,13 @@ function $5ec9f73037322aa8$export$a7f6cffb6b8ba11c() {
 }
 
 
-let $ea53d4d38ca71150$var$active_render_card;
-function $ea53d4d38ca71150$var$DepictSearchPageContent(opts) {
-    (0, $a788a5d95af0ff8b$export$6453cbc34515a94d)();
-    const [bridge, setBridge] = (0, $5DrVA$useState)(null);
-    const [portals, set_portals] = (0, $5DrVA$useState)([]);
-    (0, $5DrVA$useEffect)(()=>{
-        const component_portals = [];
-        $ea53d4d38ca71150$var$active_render_card = async (display)=>{
+let $a854d2a2f2059f57$var$active_render_card;
+function $a854d2a2f2059f57$var$DepictSearchPageContent(opts) {
+    const [bridge, setBridge] = (0, $9xHCU$useState)(null);
+    const [portals, set_portals] = (0, $9xHCU$useState)([]);
+    (0, $9xHCU$useEffect)(()=>{
+        const component_portals = new Set((0, $9xHCU$ReactPortal));
+        $a854d2a2f2059f57$var$active_render_card = async (display)=>{
             const solid_container = document.createElement("div");
             const react_has_rendered = new Promise((r)=>{
                 const m_o = new MutationObserver(()=>{
@@ -185,57 +190,79 @@ function $ea53d4d38ca71150$var$DepictSearchPageContent(opts) {
                     childList: true
                 });
             });
-            const reactProductCard = (0, $5DrVA$jsx)(opts.productCardFactory, {
+            const reactProductCard = (0, $9xHCU$jsx)(opts.productCardFactory, {
                 display: display
             });
-            const portal = $5DrVA$createPortal(reactProductCard, solid_container);
-            component_portals.push(portal);
+            const portal = $9xHCU$createPortal(reactProductCard, solid_container);
+            component_portals.add(portal);
             set_portals([
                 ...component_portals
             ]);
+            (0, $9xHCU$onCleanup)(()=>{
+                // this will stop working after any await so be careful to not await before this, or you'll have to carry the owner over with getOwner and runWithOwner
+                component_portals.delete(portal);
+                set_portals([
+                    ...component_portals
+                ]);
+            });
             await react_has_rendered; // wait for react to have finish portaling the elements so that the placeholders get removed once we have an actual result and so that the PLP code knows it has a placeholder when this is a placeholder rendering
             return [
                 solid_container
             ];
         };
-        if (!(0, $d05612ee1ad913f8$export$8e769ad4338a911e).search) throw Error("No search when rendering SearchPage??");
-        const el = (0, $5DrVA$SearchPage)({
-            depict_search: (0, $d05612ee1ad913f8$export$8e769ad4338a911e).search,
-            cols_at_size: [
-                [
-                    4
-                ],
-                [
-                    3,
-                    1024
-                ],
-                [
-                    2,
-                    901
-                ]
-            ],
-            grid_spacing: "10px",
-            product_card_template: (...args)=>$ea53d4d38ca71150$var$active_render_card(...args),
-            // function might not exist yet,
-            get_product_id: ()=>""
-        });
-        const solidBridge = (0, $5DrVA$jsx)((0, $5DrVA$ReactToSolidBridge), {
-            solidComponent: ()=>el,
+        if (!(0, $9ce874af9a04465f$export$8e769ad4338a911e).search) throw Error("No search when rendering SearchPage??");
+        const solidBridge = (0, $9xHCU$jsx)((0, $9xHCU$ReactToSolidBridge), {
+            solidComponent: ()=>{
+                const [el, dispose] = (0, $9xHCU$createRoot)((dispose)=>{
+                    const el = (0, $9xHCU$SearchPage)({
+                        depict_search: (0, $9ce874af9a04465f$export$8e769ad4338a911e).search,
+                        cols_at_size: [
+                            [
+                                4
+                            ],
+                            [
+                                3,
+                                1024
+                            ],
+                            [
+                                2,
+                                901
+                            ]
+                        ],
+                        grid_spacing: "10px",
+                        product_card_template: (...args)=>$a854d2a2f2059f57$var$active_render_card(...args),
+                        // function might not exist yet,
+                        get_product_id: ()=>""
+                    });
+                    return [
+                        el,
+                        dispose
+                    ];
+                });
+                (0, $9xHCU$onCleanup)(dispose);
+                $a854d2a2f2059f57$var$dispose_on_href_change(dispose);
+                return el;
+            },
             key: Math.random()
         });
         setBridge(solidBridge);
     }, []);
     console.log("Searchpage render", bridge, portals.length);
-    return bridge ? (0, $5DrVA$createElement)("div", {}, [
+    return bridge ? (0, $9xHCU$createElement)("div", {}, [
         bridge,
         ...portals
     ]) : "";
 }
-function $ea53d4d38ca71150$export$210723f5a54a7028(opts) {
-    return (0, $5DrVA$jsx)((0, $5DrVA$ReactToSolidBridgeProvider), {
-        children: (0, $5DrVA$jsx)($ea53d4d38ca71150$var$DepictSearchPageContent, opts)
+function $a854d2a2f2059f57$export$210723f5a54a7028(opts) {
+    return (0, $9xHCU$jsx)((0, $9xHCU$ReactToSolidBridgeProvider), {
+        children: (0, $9xHCU$jsx)($a854d2a2f2059f57$var$DepictSearchPageContent, opts)
     });
 }
+async function $a854d2a2f2059f57$var$dispose_on_href_change(dispose) {
+    const [exit_ipns, href_ipns] = (0, $9xHCU$make_asyncIterable_exiter)((0, $9xHCU$href_change_ipns));
+    (0, $9xHCU$onCleanup)(exit_ipns);
+    for await (const href of href_ipns)if (!new URL(href).pathname.startsWith("/search")) dispose();
+}
 
 
-export {$ea53d4d38ca71150$export$210723f5a54a7028 as DepictSearchPage, $17200933bad0a218$export$9fac37a9c21c2f3b as DepictProvider, $5ec9f73037322aa8$export$a7f6cffb6b8ba11c as openModal, $5ec9f73037322aa8$export$cbcd1ecdb41b1d0a as DepictSearchHeader};
+export {$a854d2a2f2059f57$export$210723f5a54a7028 as DepictSearchPage, $faf794495ff8b304$export$9fac37a9c21c2f3b as DepictProvider, $f41a371216eff80b$export$a7f6cffb6b8ba11c as openModal, $f41a371216eff80b$export$cbcd1ecdb41b1d0a as DepictSearchHeader};

package/dist/styling/default.css

@@ -1 +1 @@
-.listing-page .no-results{background:#fff;flex-direction:column;flex-grow:2;justify-content:flex-start;align-items:center;padding:40px;display:flex}.listing-page .no-results .hint{cursor:pointer;text-decoration:underline}.listing-page{flex-direction:column;padding:20px 10px;display:flex}@media (max-width:651px){.listing-page{padding:16px 8px}}.listing-page,.listing-page *{box-sizing:border-box}.listing-page>.filter-results-for-one-row,.listing-page>.results-for{margin-bottom:10px}@media (max-width:651px){.listing-page>.filter-results-for-one-row,.listing-page>.results-for{margin-bottom:8px}}.listing-page>.sort-and-filter-buttons{margin-top:10px;margin-bottom:10px}@media (max-width:651px){.listing-page>.sort-and-filter-buttons{margin-top:8px;margin-bottom:8px}}.listing-page .PLP-results{margin-top:10px;display:flex}@media (max-width:651px){.listing-page .PLP-results{margin-top:8px}}.listing-page .PLP-results>.filters,.listing-page .PLP-results>.sorting{margin-left:12px}.listing-page .cards{flex-flow:wrap;flex-grow:1;display:flex;overflow:hidden}.listing-page .selected-filters .inner{align-items:center;margin-top:10px;margin-bottom:10px;display:flex}.listing-page .selected-filters .inner .title{margin-right:10px}@media (min-width:652px){.listing-page .selected-filters .inner{margin-top:0;margin-bottom:0}}.listing-page .selected-filters .inner .title{text-transform:uppercase;color:#0f0f0f;font-size:1.1em}@media (max-width:600px){.listing-page .selected-filters .inner .title{display:none}}.listing-page .selected-filters .inner .depict_slider{width:unset;overflow:hidden}.listing-page .selected-filters .inner .depict_slider .clear-filter{border:1px solid #0f0f0f}.listing-page .selected-filters .inner .depict_slider .clear-filter svg{width:12.64px;height:12.64px}.listing-page .selected-filters .inner .depict_slider .clear-all-filters{border:1px solid #0f0f0f}.listing-page .selected-filters .inner .depict_slider .clear-filter,.listing-page .selected-filters .inner .depict_slider .clear-all-filters{box-sizing:border-box;white-space:nowrap;cursor:pointer;border-radius:4px;flex:none;align-items:center;padding:5px 10px;font-size:1em;line-height:1;display:flex}.listing-page .selected-filters .inner .depict_slider .clear-filter>:not(:first-child),.listing-page .selected-filters .inner .depict_slider .clear-all-filters>:not(:first-child){margin-left:2.5px}.listing-page .selected-filters .inner .depict_slider .clear-filter>:not(:last-child),.listing-page .selected-filters .inner .depict_slider .clear-all-filters>:not(:last-child){margin-right:2.5px}.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}.scroll-status .text{color:#fff;background:#646464e6;border-radius:20px;padding:10px 20px}.major-minor-transition{transition:filter .15s ease-in-out,background .25s ease-in-out,color .25s ease-in-out,border .25s ease-in-out}.filter-results-for-one-row{justify-content:space-between;align-items:center;display:flex}:not(.filter-results-for-one-row)>.sort-and-filter-buttons .inner{justify-content:space-between}.sorting-attributes,.sorting-direction{background:#fff;flex-direction:column;padding:10px;display:flex}.sorting-attributes>:not(:first-child),.sorting-direction>:not(:first-child){margin-top:5px}.sorting-attributes>:not(:last-child),.sorting-direction>:not(:last-child){margin-bottom:5px}.sort-and-filter-buttons .outer{margin-top:-5px}.sort-and-filter-buttons .inner{justify-content:flex-end;align-items:center;padding-top:5px;display:flex;overflow:hidden}.sort-and-filter-buttons .inner>:not(:first-child){margin-left:5px}.sort-and-filter-buttons .inner>:not(:last-child){margin-right:5px}.sort-and-filter-buttons.fake .toggle-button{transition:none}.sort-and-filter-buttons .toggle-button{white-space:nowrap;padding:10px 20px;position:relative}.sort-and-filter-buttons .toggle-button>:not(:first-child){margin-left:2.5px}.sort-and-filter-buttons .toggle-button>:not(:last-child){margin-right:2.5px}.sort-and-filter-buttons .toggle-button svg path{transition-duration:.25s}.sort-and-filter-buttons .toggle-button.major.for-sorting>:not(:first-child){margin-left:5px}.sort-and-filter-buttons .toggle-button.major.for-sorting>:not(:last-child){margin-right:5px}.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}.sort-and-filter-buttons .open-filters-button-container{position:relative}label{margin:0}.PLP-results .sorting,.PLP-results .filters{flex-shrink:0;flex-basis:330px}.filters .body,.sorting .body{flex-direction:column;display:flex}.filters .body .input_row,.sorting .body .input_row{cursor:pointer;position:relative}.filters .body .input_row .custom-indicator,.sorting .body .input_row .custom-indicator{margin-right:10px;position:relative}.filters .body .input_row input,.sorting .body .input_row input{opacity:0;cursor:pointer;height:0;width:0;position:absolute}.filters .body .input_row .custom-indicator:after,.sorting .body .input_row .custom-indicator:after{content:"";display:none;position:absolute}.filters .body .input_row input[type=checkbox]~.custom-indicator,.sorting .body .input_row input[type=checkbox]~.custom-indicator{background-color:#fff;border:1px solid #0f0f0f;border-radius:2px;padding:9.5px}.filters .body .input_row input[type=checkbox]:checked~.custom-indicator,.sorting .body .input_row input[type=checkbox]:checked~.custom-indicator{background-color:#0f0f0f}.filters .body .input_row input[type=checkbox]:checked~.custom-indicator:after,.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%)}.filters .body .input_row input[type=checkbox]:focus-visible~.custom-indicator,.sorting .body .input_row input[type=checkbox]:focus-visible~.custom-indicator{background-color:#eeeef0}.filters .body .input_row input[type=checkbox]:checked:focus-visible~.custom-indicator,.sorting .body .input_row input[type=checkbox]:checked:focus-visible~.custom-indicator{background-color:#3f3f3f}@media not all and (hover:none){.filters .body .input_row:hover input[type=checkbox]~.custom-indicator,.sorting .body .input_row:hover input[type=checkbox]~.custom-indicator{background-color:#eeeef0;border:2px solid #0f0f0f;padding:8.5px}.filters .body .input_row:hover input[type=checkbox]:checked~.custom-indicator,.sorting .body .input_row:hover input[type=checkbox]:checked~.custom-indicator{background-color:#3f3f3f}}.filters .body .input_row input[type=radio]~.custom-indicator,.sorting .body .input_row input[type=radio]~.custom-indicator{background-color:#fff;border:1px solid #0f0f0f;border-radius:50%;padding:9.5px}.filters .body .input_row input[type=radio]:checked~.custom-indicator,.sorting .body .input_row input[type=radio]:checked~.custom-indicator{background-color:#0000}.filters .body .input_row input[type=radio]:checked~.custom-indicator:after,.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%)}.filters .body .input_row input[type=radio]:focus-visible~.custom-indicator,.sorting .body .input_row input[type=radio]:focus-visible~.custom-indicator{background:#e6e6e6}.filters .body .input_row input[type=radio]:checked:focus-visible~.custom-indicator:after,.sorting .body .input_row input[type=radio]:checked:focus-visible~.custom-indicator:after{background:#4f4f4f}@media not all and (hover:none){.filters .body .input_row:hover input[type=radio]~.custom-indicator,.sorting .body .input_row:hover input[type=radio]~.custom-indicator{border:2px solid #0f0f0f;padding:8.5px}}.filters .body>:not(:first-child){padding-top:5px}.filters .body>:not(:last-child){padding-bottom:5px}.filters .body .input_row{justify-content:space-between;padding-top:5px;padding-bottom:5px}.filters .body .input_row,.filters .body .input_row>.left{align-items:center;display:flex}.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}.filters .body .input_row :checked~.text,.filters .body .input_row .fake_checked~.text{color:#000;font-weight:500}.filters .body .input_row.count-0 *+.text{color:#c2c2c2}.filters .body .input_row .count,.filters .body .hierarchical .checkbox_details.expandable .category_parent .count{color:#868689;font-weight:400}.filters .body .input_row:hover .count{color:#000}.filters .body .selected_w_sign{align-items:center;display:flex}.filters .body .selected_w_sign>:not(:first-child){margin-left:5px}.filters .body .selected_w_sign>:not(:last-child){margin-right:5px}.filters .body .selected_w_sign .show-selected{color:#868689;fill:#868689;align-items:center;display:flex}.filters .body .selected_w_sign .show-selected>:not(:first-child){margin-left:2.5px}.filters .body .selected_w_sign .show-selected>:not(:last-child){margin-right:2.5px}.filters .body .selected_w_sign .show-selected span{line-height:1}.filters .body .ungrouped{margin-top:25px}.filters .body .clear_all_filters{text-transform:uppercase;margin-top:5px;padding:.7em;font-size:1.1em;font-weight:400}.filters .body details summary{cursor:pointer;list-style:none}.filters .body details summary::-webkit-details-marker{display:none}.filters .body details summary>.summary{justify-content:space-between;align-items:center;display:flex}.filters .body details.filter_collapsible .filter_group_summary{background:#0f0f0f;border-radius:4px}.filters .body details.filter_collapsible .filter_group_summary:focus{outline:none}.filters .body details.filter_collapsible .filter_group_summary:focus-visible{background:#333335}@media not all and (hover:none){.filters .body details.filter_collapsible .filter_group_summary:hover{background:#333335}}.filters .body details.filter_collapsible .filter_group_summary>.summary{color:#fff;padding:10px}.filters .body details.filter_collapsible .filter_group_summary>.summary>svg{transform:rotate(270deg)}.filters .body details.filter_collapsible[open] .filter_group_summary{border-radius:4px 4px 0 0}.filters .body .filter_collapsible_body{background:#eeeef0;border-radius:0 0 4px 4px;flex-direction:column;display:flex;overflow:hidden}.filters .body .filter_collapsible_body>:not(:first-child){margin-top:.5px}.filters .body .filter_collapsible_body>:not(:last-child){margin-bottom:.5px}.filters .body .filter_collapsible_body .view_more_clear{background:#fdfdfd;justify-content:space-between;display:flex}.filters .body .filter_collapsible_body .view_more_clear .clear_group{margin-left:auto}.filters .body .filter_collapsible_body .view_more_clear .clear_group>:not(:first-child){margin-left:1.839px}.filters .body .filter_collapsible_body .view_more_clear .clear_group>:not(:last-child){margin-right:1.839px}.filters .body .filter_collapsible_body .view_more_clear .clear_group svg{width:11px;height:12px}.filters .body .filter_collapsible_body .view_more_clear .expand_filter{margin-right:auto}.filters .body .filter_collapsible_body .view_more_clear .expand_filter>:not(:first-child){margin-left:5px}.filters .body .filter_collapsible_body .view_more_clear .expand_filter>:not(:last-child){margin-right:5px}.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)}.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}.filters .body .filter_collapsible_body .view_more_clear button svg path{fill:#000}.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}.filters .body .filter_collapsible_body .filter_part{background:#fff;flex-direction:column;padding:15px 10px 20px;display:flex}.filters .body .filter_collapsible_body .filter_part>:not(:first-child){margin-top:5px}.filters .body .filter_collapsible_body .filter_part>:not(:last-child){margin-bottom:5px}.filters .body :not(.ungrouped)>form{margin-top:-5px;margin-bottom:-5px}.filters .body .hierarchical{margin-left:-20px}.filters .body .hierarchical.any_expandable .count{margin-right:30px}.filters .body .hierarchical .checkbox_details{padding-left:20px}.filters .body .hierarchical .checkbox_details.expandable{position:relative}.filters .body .hierarchical .checkbox_details.expandable summary:before,.filters .body .hierarchical .checkbox_details.expandable summary:after{pointer-events:none;content:"";height:1px;width:calc(100% - 20px);background:#fafafc;position:absolute;right:0}.filters .body .hierarchical .checkbox_details.expandable summary:before{top:-.5px}.filters .body .hierarchical .checkbox_details.expandable summary:after{bottom:-.5px}@media not all and (hover:none){.filters .body .hierarchical .checkbox_details.expandable summary:hover:after,.filters .body .hierarchical .checkbox_details.expandable summary:hover:before,.input_row:hover~details>.filters .body .hierarchical .checkbox_details.expandable summary:after,.input_row:hover~details>.filters .body .hierarchical .checkbox_details.expandable summary:before{z-index:1;background:#eeeef0}}.filters .body .hierarchical .checkbox_details.expandable summary:focus-visible:after,.filters .body .hierarchical .checkbox_details.expandable summary:focus-visible:before,.input_row~details:focus-visible>.filters .body .hierarchical .checkbox_details.expandable summary:after,.input_row~details:focus-visible>.filters .body .hierarchical .checkbox_details.expandable summary:before{z-index:1;background:#eeeef0}.filters .body .hierarchical .checkbox_details.expandable>.input_row{padding-right:30px;position:absolute}.filters .body .hierarchical .checkbox_details.expandable>details:not([open]),.filters .body .hierarchical .checkbox_details.expandable>details[open]>.category_parent>.summary{padding-top:5px;padding-bottom:5px}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:focus,.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){.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:not(:focus-visible):not(:hover) .morphing-sign span{background:#333}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:not(:focus-visible):not(:hover) .morphing-sign span:first-child{width:5%;left:47.5%}.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){.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:not(:focus-visible) .morphing-sign span{background:#333}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:not(:focus-visible) .morphing-sign span:first-child{width:5%;left:47.5%}.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){.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:hover .morphing-sign{transform:scale(1.5)}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:hover .count{color:#000}}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:focus-visible .count{color:#000}.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){.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:not(:hover) .morphing-sign span{background:#333}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:not(:hover) .morphing-sign span:first-child{width:5%;left:47.5%}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:not(:hover) .morphing-sign span:last-child{height:5%;top:47.5%}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:hover .morphing-sign{transform:scale(1.5)}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent:hover .count{color:#000}}@media (hover:none){.filters .body .hierarchical .checkbox_details.expandable>details .category_parent .morphing-sign span{background:#333}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent .morphing-sign span:first-child{width:5%;left:47.5%}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent .morphing-sign span:last-child{height:5%;top:47.5%}}}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent>.summary{justify-content:flex-end}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent>.summary .count{margin-right:9px}.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}.filters .body .hierarchical .checkbox_details.expandable>details .category_parent>.summary .morphing-sign span{background:#000;transition-duration:.15s;transition-timing-function:ease-in-out}.filters .body .range .input_group{width:100%;padding-top:10px;padding-bottom:25px;display:flex}.filters .body .range .input_group .field{width:100%;align-items:center;display:flex}.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}.filters .body .range .input_group .field input:focus-visible{background:#eeeef0}@media not all and (hover:none){.filters .body .range .input_group .field input:hover{background:#eeeef0}}.filters .body .range .input_group .field input::-webkit-outer-spin-button,.filters .body .range .input_group .field input::-webkit-inner-spin-button{-webkit-appearance:none}.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}.filters .body .range .slider{height:5px;background:#ddd;border-radius:5px;position:relative}.filters .body .range .slider .progress{height:100%;background:#0f0f0f;border-radius:5px;position:absolute;left:25%;right:25%}.filters .body .range .range_group{position:relative}.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}.filters .body .range .range_group input:focus{outline:none}.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){.filters .body .range .range_group input::-webkit-slider-thumb:hover{background:#333335}}.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){.filters .body .range .range_group input::-moz-range-thumb:hover{background:#333335}}.filters .body .range .range_group input:focus-visible::-webkit-slider-thumb{background:#868689}.filters .body .range .range_group input:focus-visible::-moz-range-thumb{background:#868689}.filters .body .range .value_text{color:#333335;justify-content:space-between;padding-top:10px;display:flex}.filters .body .checkbox-grid{flex-wrap:wrap;margin:-5px;display:flex}.filters .body .checkbox-grid>*{margin:5px}.filters .body .checkbox-grid .major,.filters .body .checkbox-grid .minor{padding:5px 10px}.filters .body .checkbox-grid .major.minor,.filters .body .checkbox-grid .minor.minor{border:1px solid #d5d5d5}.sorting .body{background:#eeeef0;line-height:1}.sorting .body>:not(:first-child){margin-top:.5px}.sorting .body>:not(:last-child){margin-bottom:.5px}.sorting .body .input_row{justify-content:flex-start;align-items:center;display:flex}.morphing-sign{width:1em;height:1em;border:0;font-size:1.5em;position:relative}.morphing-sign span{background:#fff;border-radius:2px;position:absolute}.morphing-sign span:first-child{width:10%;top:25%;bottom:25%;left:45%}.morphing-sign span:last-child{height:10%;top:45%;left:25%;right:25%}.depict-filter-sort-modal-backdrop{z-index:5000;touch-action:none;will-change:opacity;opacity:0;background:#000000b3;position:fixed;inset:0}.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))}.dismiss-modal svg{transform:scale(.6646)}.dismiss-modal svg path{fill:#fff}.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%)}.filter_sort_modal details.sorting>summary,.filter_sort_modal details.filters>summary{list-style:none}.filter_sort_modal details.sorting>summary::-webkit-details-marker,.filter_sort_modal details.filters>summary::-webkit-details-marker{display:none}.filter_sort_modal details.sorting .sort_filter_summary>.summary,.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}.filter_sort_modal details.sorting .sort_filter_summary>.summary .left_els,.filter_sort_modal details.filters .sort_filter_summary>.summary .left_els{align-items:center;display:flex}.filter_sort_modal details.sorting .sort_filter_summary>.summary .left_els>:not(:first-child),.filter_sort_modal details.filters .sort_filter_summary>.summary .left_els>:not(:first-child){margin-left:5px}.filter_sort_modal details.sorting .sort_filter_summary>.summary .left_els>:not(:last-child),.filter_sort_modal details.filters .sort_filter_summary>.summary .left_els>:not(:last-child){margin-right:5px}.filter_sort_modal .filter-icon,.filter_sort_modal .sort-icon{fill:#0f0f0f}.filter_sort_modal>.body{background:#eeeef0;flex-direction:column;display:flex;overflow-y:auto}.filter_sort_modal>.body>:not(:first-child){margin-top:1px}.filter_sort_modal>.body>:not(:last-child){margin-bottom:1px}.filter_sort_modal .filters .body,.filter_sort_modal .sorting .body{color:#333335}.filter_sort_modal .filters>summary .morphing-sign span,.filter_sort_modal .sorting>summary .morphing-sign span{background:#0f0f0f}.filter_sort_modal .filters .filter_collapsible_body{background:0 0}.filter_sort_modal .filters .body{background:unset;padding:10px}.filter_sort_modal .filters .body .filter_part,.filter_sort_modal .filters .body .view_more_clear{background:#fdfdfd}.filter_sort_modal .sorting .body{background:#eeeef0;border-radius:4px;margin:10px;padding:0}.filter_sort_modal .bottom-row{flex-shrink:0;justify-content:space-between;padding:10px;display:flex}.filter_sort_modal .bottom-row>:not(:first-child){margin-left:5px}.filter_sort_modal .bottom-row>:not(:last-child){margin-right:5px}.filter_sort_modal .bottom-row>button{border-radius:4px;padding-top:12px;padding-bottom:12px}.filter_sort_modal .bottom-row .show-results{flex-grow:1;font-size:1.1em;font-weight:500}.filter_sort_modal .bottom-row .clear{font-size:1.1em}.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}.floating_buttons:not(.show_them){pointer-events:none}.floating_buttons.show_them{opacity:1}.floating_buttons .filter{margin-right:5px}.floating_buttons .sort{margin-left:5px;margin-right:5px}.floating_buttons .up{margin-left:5px}.floating_buttons .sort,.floating_buttons .filter,.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){.floating_buttons .sort:hover,.floating_buttons .filter:hover,.floating_buttons .up:hover{background:#fafafc}}.floating_buttons .sort:focus,.floating_buttons .filter:focus,.floating_buttons .up:focus{outline:none}.floating_buttons .sort:focus-visible,.floating_buttons .filter:focus-visible,.floating_buttons .up:focus-visible{background:#fafafc}.floating_buttons .sort div,.floating_buttons .filter div,.floating_buttons .up div{display:flex}.floating_buttons .sort svg path,.floating_buttons .filter svg path,.floating_buttons .up svg path{fill:#333335}.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:4px;padding:10px 20px;position:fixed;bottom:10px;left:50%;transform:translate(-50%);box-shadow:2px 2px 4px #0000000d}.depict.plp.toast *,.depict.plp.toast *{-webkit-user-select:none;user-select:none}@media (min-width:1000px){.depict.plp.toast{padding:10px 40px}}.depict.plp.toast,.depict.plp.toast .buttons{justify-content:center;align-items:center;display:flex}@media (max-width:999px){.depict.plp.toast>:not(:first-child),.depict.plp.toast .buttons>:not(:first-child){margin-left:5px}.depict.plp.toast>:not(:last-child),.depict.plp.toast .buttons>:not(:last-child){margin-right:5px}}@media (min-width:1000px){.depict.plp.toast>:not(:first-child),.depict.plp.toast .buttons>:not(:first-child){margin-left:15px}.depict.plp.toast>:not(:last-child),.depict.plp.toast .buttons>:not(:last-child){margin-right:15px}}.depict.plp.toast{color:#333335}.depict.plp.toast button{cursor:pointer;border-radius:4px;padding:5px 20px}.depict_slider{width:100%;position:relative}.depict_slider .sliding{height:100%;-ms-overflow-style:none;scrollbar-width:none;flex-flow:row;align-items:center;display:flex;overflow-x:scroll}.depict_slider .sliding>:not(:first-child){margin-left:5px}.depict_slider .sliding>:not(:last-child){margin-right:5px}.depict_slider .sliding::-webkit-scrollbar{display:none}.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_slider .d_navbutton.hidden{cursor:default;opacity:0;animation-name:depict_slider_button_unclickable;animation-duration:5s;animation-fill-mode:forwards}.depict_slider .d_navbutton.left{left:-1px;transform:translateY(-50%)rotate(180deg)}.depict_slider .d_navbutton.right{right:-1px}.depict_slider .d_navbutton img{width:100%;height:100%}@media not all and (hover:none){.depict_slider .d_navbutton:hover svg{transform:scale(1.2)}}.depict_slider .d_navbutton svg{transition-duration:.15s}.depict_slider .d_navbutton:active{opacity:.9}@keyframes depict_slider_button_unclickable{0%{pointer-events:all}to{pointer-events:none;visibility:hidden}}button.major{color:#fff;white-space:pre-wrap;cursor:pointer;background:#0f0f0f;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}button.major svg path{fill:#fff}@media not all and (hover:none){button.major:hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#292929}}button.major:active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#424242}button.major:focus{outline-style:none}button.major:focus-visible{filter:drop-shadow(2px 2px 4px #418fc3cc)drop-shadow(-2px -2px 4px #418fc3cc);background:#292929}button.minor{color:#333335;white-space:pre-wrap;cursor:pointer;background:#fafafc;border:1px solid #0f0f0f;border-radius:4px;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}button.minor svg path{fill:#333335}@media not all and (hover:none){button.minor:hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#dadae9}}button.minor:active{filter:drop-shadow(2px 2px 4px #ffffff40)drop-shadow(-2px -2px 4px #00000026);background:#dadae9}button.minor:focus{outline-style:none}button.minor:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);background:#dadae9}.previous-searches{flex-direction:column;display:flex}.previous-searches>:not(:first-child){margin-top:7.5px}.previous-searches>:not(:last-child){margin-bottom:7.5px}.previous-searches .list{flex-direction:column;display:flex}.previous-searches .list>:not(:first-child){margin-top:2.5px}.previous-searches .list>:not(:last-child){margin-bottom:2.5px}.previous-searches .list .item{color:#333335;overflow-wrap:anywhere;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.previous-searches .list .item .left{align-items:center;display:flex}.previous-searches .list .item .left>:not(:first-child){margin-left:5px}.previous-searches .list .item .left>:not(:last-child){margin-right:5px}.previous-searches .list .item .left svg{min-width:12px}.previous-searches .list .item .left svg path{fill:#0f0f0f}.previous-searches .list .item .delete{height:100%;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 10px;display:flex}.previous-searches .list .item .delete:focus{outline:none}.previous-searches .list .item .delete svg{width:13px;height:13px;transition-duration:.15s}.previous-searches .list .item .delete svg path{fill:#333335}.previous-searches .list .item .delete:hover svg{transform:scale(1.2)}.previous-searches .list .item .delete:hover svg path{fill:#000}.previous-searches .list .item .delete:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.previous-searches .list .item .delete:focus-visible svg{transform:scale(1.2)}.previous-searches .list .item .delete:focus-visible svg path{fill:#000}.previous-searches .text,.suggestions .text{color:#333335;margin-top:0;font-size:16px;font-weight:700}.previous-searches .item,.previous-searches .suggestion,.suggestions .item,.suggestions .suggestion{background:#fff}.previous-searches .item.selected,.previous-searches .suggestion.selected,.suggestions .item.selected,.suggestions .suggestion.selected{background:#ffffff80}.previous-searches .item:focus-visible,.previous-searches .suggestion:focus-visible,.suggestions .item:focus-visible,.suggestions .suggestion:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc);outline:none}.suggestions{flex-direction:column;display:flex}.suggestions>:not(:first-child){margin-top:10px}.suggestions>:not(:last-child){margin-bottom:10px}.suggestions:not(.compact)>.suggestion_container>:not(:first-child),.suggestions.compact>.suggestion_container:not(.query)>:not(:first-child){margin-top:2.5px}.suggestions:not(.compact)>.suggestion_container>:not(:last-child),.suggestions.compact>.suggestion_container:not(.query)>:not(:last-child){margin-bottom:2.5px}.suggestions .suggestion_container{flex-direction:column;display:flex}.suggestions .suggestion_container .suggestion{overflow-wrap:anywhere;color:#333335;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 20px;font-weight:400;display:flex}.suggestions .suggestion_container .suggestion svg{flex-shrink:0}.suggestions .suggestion_container .suggestion .search-icon{max-width:12px;max-height:13px}.suggestions .suggestion_container .suggestion .search-icon svg{transform:matrix(.6,0,0,.6,-4.14,-4.32)}.suggestions .suggestion_container .suggestion .search-icon svg path{fill:#0f0f0f}.suggestions .suggestion_container .suggestion .has-history-match{color:#333335;font-weight:400}.suggestions .suggestion_container .suggestion .has-history-match .highlighted-part{color:#333335;font-weight:500}.suggestions .suggestion_container .suggestion .category{margin-right:20px}.suggestions .suggestion_container .suggestion .type{color:#868689;text-transform:capitalize}.suggestions .suggestion_container.query{flex-direction:column}.suggestions .suggestion_container.query .suggestion{justify-content:flex-start}.suggestions .suggestion_container.query .suggestion>:not(:first-child){margin-left:4px}.suggestions .suggestion_container.query .suggestion>:not(:last-child){margin-right:4px}.suggestions.compact>.suggestion_container.query{flex-flow:wrap;margin:-2.5px}.suggestions.compact>.suggestion_container.query>*{margin:2.5px}.category-suggestions{display:flex}.category-suggestions .sliding{margin-bottom:-2px;padding-bottom:2px}.category-suggestions .title{font-weight:420}.category-suggestions .category-suggestion{color:#000;height:100%;background:#fff;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 20px;transition:background .1s ease-in-out;display:flex}.category-suggestions .category-suggestion:focus{background:#e6e6e6}@media not all and (hover:none){.category-suggestions .category-suggestion:hover{background:#e6e6e6}}.category-suggestions .category-suggestion>:not(:first-child){margin-left:5px}.category-suggestions .category-suggestion>:not(:last-child){margin-right:5px}.category-suggestions .category-suggestion .parent_title{font-weight:400}.category-suggestions .category-suggestion>*{white-space:nowrap;font-size:.85em}.instant-results{flex-direction:column;display:flex}.instant-results>:not(:first-child){margin-top:2.5px}.instant-results>:not(:last-child){margin-bottom:2.5px}.query_input{z-index:calc(1 + 5);display:flex;box-shadow:0 4px 4px #0000000d}.query_input input,.query_input button{margin:0}.query_input .query{width:100%;color:#333335;font-size:initial;font-weight:initial;background-color:#fff;border:none;border-radius:10px 0 0 10px;flex-grow:1;padding:14px 55px 14px 20px}.query_input .query::placeholder{color:initial}.query_input .query:focus{color:#000;outline:none}@media not all and (hover:none){.query_input .query:hover{color:#000;outline:none}}.query_input .query.has-adjacent-back-button{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0}.query_input .field{flex-grow:1;display:flex;position:relative}.query_input .back{cursor:pointer;background:#fff;border:none;border-top-left-radius:10px;border-bottom-left-radius:10px;justify-content:center;align-items:center;padding:14px 15px 14px 10px;display:flex}.query_input .back svg path{fill:#333335}.query_input .back:focus{outline:none}.query_input .back:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.query_input .back:focus-visible svg path{fill:#0f0f0f}@media not all and (hover:none){.query_input .back:hover svg path{fill:#0f0f0f}}.query_input .clear,.query_input .submit{cursor:pointer}.query_input .clear{background:0 0;border:none;padding:0;position:absolute;top:50%;right:30px;transform:translateY(-50%)scale(.8)}.query_input .clear svg path{fill:#333335}.query_input .clear:focus{outline:none}.query_input .clear:focus-visible{filter:drop-shadow(-2px -2px 4px #418fc3cc)drop-shadow(2px 2px 4px #418fc3cc)}.query_input .clear:focus-visible svg path{fill:#0f0f0f}@media not all and (hover:none){.query_input .clear:hover svg path{fill:#0f0f0f}}.query_input .submit{min-width:50px;border:none;border-radius:0 10px 10px 0;padding:0}.query_input .submit svg{transform:scale(1)}.depict-search-modal-backdrop{z-index:5000;touch-action:none;background:#0006;position:fixed;inset:0}.depict-search-modal{display:block}.depict-search-modal button{border:none}.depict-search-modal .query_input{z-index:calc(5000 + 5)}.depict-search-modal .body{width:80vw;z-index:calc(5000 + 1);background:#eeeef0;border-radius:10px;flex-direction:column;display:flex;position:absolute}@media (hover:hover) and (pointer:fine) and (max-height:790px){.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-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-modal .body{position:fixed;max-height:100%!important;top:0!important}}@media (max-height:1000px) and (max-width:600px){.depict-search-modal .body{width:calc(100% - 30px)!important;left:30px!important}}}.depict-search-modal .body .padded>*,.depict-search-modal .body .query_input{flex-shrink:0}.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-modal .body .padded>:not(:first-child){margin-top:10px}.depict-search-modal .body .padded>:not(:last-child){margin-bottom:10px}.depict-search-modal .body .discover-more{justify-content:center;display:flex}.depict-search-modal .body .discover-more button{text-transform:uppercase;margin:20px 0;padding:12px 18px}.listing-page .query_input{width:min(100%,800px);align-self:center;margin-top:40px;margin-bottom:20px}@media (max-width:651px){.listing-page .query_input{margin-top:16px;margin-bottom:16px}}.listing-page .query_input~.category-suggestions .category-suggestion:last-child{margin-right:auto}.listing-page .query_input~.category-suggestions .category-suggestion:first-child{margin-left:auto}.listing-page .category-suggestions{margin-bottom:20px}@media (max-width:651px){.listing-page .category-suggestions{margin-bottom:16px}}@media (min-width:652px){.listing-page .query_input+.filter-results-for-one-row,.listing-page .query_input+.results-for{margin-top:20px}}.listing-page .search-recs{margin-top:60px;padding-top:60px}@media (max-width:651px){.listing-page .search-recs{margin-top:48px;padding-top:48px}}.listing-page .PLP-results.nothing+.search-recs{margin-top:30px;padding-top:30px}@media (max-width:651px){.listing-page .PLP-results.nothing+.search-recs{margin-top:24px;padding-top:24px}}.listing-page .search-recs{border-top:2px solid #bcbcbe;flex-direction:column;display:flex}.listing-page .search-recs .search-recs-title{margin-top:0;margin-bottom:20px;font-size:24px;font-weight:600;line-height:1}.listing-page .search-recs .load_more_container{justify-content:center;margin-top:30px;display:flex}.results-for{overflow-wrap:anywhere;font-size:1.5em}
+.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:4px;flex:none;align-items:center;padding:5px 10px;font-size:1em;line-height:1;display:flex}.depict.plp .listing-page .selected-filters .inner .depict_slider .clear-filter>:not(:first-child),.depict.plp .listing-page .selected-filters .inner .depict_slider .clear-all-filters>:not(:first-child){margin-left:2.5px}.depict.plp .listing-page .selected-filters .inner .depict_slider .clear-filter>:not(:last-child),.depict.plp .listing-page .selected-filters .inner .depict_slider .clear-all-filters>:not(:last-child){margin-right:2.5px}.depict.plp .scroll-status{pointer-events:none;white-space:nowrap;z-index:calc(5000 + 4);opacity:0;justify-content:center;align-items:center;display:flex;position:sticky;bottom:10vh}.depict.plp .scroll-status .text{color:#fff;background:#646464e6;border-radius:20px;padding:10px 20px}.depict.plp .major-minor-transition{transition:filter .15s ease-in-out,background .25s ease-in-out,color .25s ease-in-out,border .25s ease-in-out}.depict.plp .filter-results-for-one-row{justify-content:space-between;align-items:center;display:flex}.depict.plp :not(.filter-results-for-one-row)>.sort-and-filter-buttons .inner{justify-content:space-between}.depict.plp .sorting-attributes,.depict.plp .sorting-direction{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:2px;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:4px;margin:10px;padding:0}.depict.plp .filter_sort_modal .bottom-row{flex-shrink:0;justify-content:space-between;padding:10px;display:flex}.depict.plp .filter_sort_modal .bottom-row>:not(:first-child){margin-left:5px}.depict.plp .filter_sort_modal .bottom-row>:not(:last-child){margin-right:5px}.depict.plp .filter_sort_modal .bottom-row>button{border-radius:4px;padding-top:12px;padding-bottom:12px}.depict.plp .filter_sort_modal .bottom-row .show-results{flex-grow:1;font-size:1.1em;font-weight:500}.depict.plp .filter_sort_modal .bottom-row .clear{font-size:1.1em}.depict.plp .floating_buttons{z-index:calc(5000 + 4);opacity:0;justify-content:flex-start;align-items:center;padding-left:12px;transition-duration:.3s;transition-timing-function:ease-in-out;display:flex;position:sticky;bottom:12px}.depict.plp .floating_buttons:not(.show_them){pointer-events:none}.depict.plp .floating_buttons.show_them{opacity:1}.depict.plp .floating_buttons .filter{margin-right:5px}.depict.plp .floating_buttons .sort{margin-left:5px;margin-right:5px}.depict.plp .floating_buttons .up{margin-left:5px}.depict.plp .floating_buttons .sort,.depict.plp .floating_buttons .filter,.depict.plp .floating_buttons .up{filter:drop-shadow(2px 2px 4px #0000001a)drop-shadow(-2px -2px 4px #ffffff4d);background:#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:4px;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}.depict.plp button.major svg path{fill:#fff}@media not all and (hover:none){.depict.plp button.major:hover{filter:drop-shadow(-2px -2px 4px #ffffff40)drop-shadow(2px 2px 4px #00000026);background:#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:4px;justify-content:center;align-items:center;padding:10px 20px;transition:filter .15s ease-in-out,background .1s ease-in-out;display:flex}.depict.plp button.minor svg path{fill:#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:4px;padding:10px 20px;position:fixed;bottom:10px;left:50%;transform:translate(-50%);box-shadow:2px 2px 4px #0000000d}.depict.plp.toast *,.depict.plp.toast *{-webkit-user-select:none;user-select:none}@media (min-width:1000px){.depict.plp.toast{padding:10px 40px}}.depict.plp.toast,.depict.plp.toast .buttons{justify-content:center;align-items:center;display:flex}@media (max-width:999px){.depict.plp.toast>:not(:first-child),.depict.plp.toast .buttons>:not(:first-child){margin-left:5px}.depict.plp.toast>:not(:last-child),.depict.plp.toast .buttons>:not(:last-child){margin-right:5px}}@media (min-width:1000px){.depict.plp.toast>:not(:first-child),.depict.plp.toast .buttons>:not(:first-child){margin-left:15px}.depict.plp.toast>:not(:last-child),.depict.plp.toast .buttons>:not(:last-child){margin-right:15px}}.depict.plp.toast{color:#333335}.depict.plp.toast button{cursor:pointer;border-radius:4px;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:4px;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.depict.search .previous-searches .list .item .left{align-items:center;display:flex}.depict.search .previous-searches .list .item .left>:not(:first-child){margin-left:5px}.depict.search .previous-searches .list .item .left>:not(:last-child){margin-right:5px}.depict.search .previous-searches .list .item .left svg{min-width:12px}.depict.search .previous-searches .list .item .left svg path{fill:#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:4px;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:4px;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:4px;flex:100%;padding:5px 20px;display:flex;overflow:hidden}.depict.search .instant-results .instant-card:hover,.depict.search .instant-results .instant-card:focus{z-index:2;box-shadow:2px 2px 4px #00000026,-4px -4px 4px #ffffff4d}.depict.search .instant-results .instant-card>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card>:not(:last-child){margin-right:.75vw}.depict.search .instant-results .instant-card .img_part{flex:0 0 100px}.depict.search .instant-results .instant-card .right_part{flex-grow:1;justify-content:space-between;display:flex}.depict.search .instant-results .instant-card .right_part>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right_part>:not(:last-child){margin-right:.75vw}.depict.search .instant-results .instant-card .right_part .title_brand{justify-content:center;align-items:center;display:flex}@media (min-width:601px){.depict.search .instant-results .instant-card .right_part .title_brand>:not(:first-child){margin-left:.75vw}.depict.search .instant-results .instant-card .right_part .title_brand>:not(:last-child){margin-right:.75vw}}@media (max-width:600px){.depict.search .instant-results .instant-card .right_part .title_brand{flex-direction:column;align-items:flex-start}.depict.search .instant-results .instant-card .right_part .title_brand>:not(:first-child){margin-top:.75vw}.depict.search .instant-results .instant-card .right_part .title_brand>:not(:last-child){margin-bottom:.75vw}}.depict.search .instant-results .instant-card .right_part .title_brand .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 .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}@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:10px 0 0 10px;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:10px;border-bottom-left-radius:10px;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 10px 10px 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{display:block}.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;z-index:calc(5000 + 1);background:#eeeef0;border-radius:10px;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}

package/dist-server/main.js

@@ -1,31 +1,31 @@
-var $4yCyN$depictaireactsolidbridge = require("@depict-ai/react-solid-bridge");
-var $4yCyN$react = require("react");
-var $4yCyN$reactjsxruntime = require("react/jsx-runtime");
+var $hWQ57$depictaireactsolidbridge = require("@depict-ai/react-solid-bridge");
+var $hWQ57$react = require("react");
+var $hWQ57$reactjsxruntime = require("react/jsx-runtime");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "DepictProvider", () => $5767ac9f6fd2be28$export$9fac37a9c21c2f3b);
-$parcel$export(module.exports, "DepictSearchPage", () => $5767ac9f6fd2be28$export$210723f5a54a7028);
-$parcel$export(module.exports, "DepictSearchHeader", () => $5767ac9f6fd2be28$export$cbcd1ecdb41b1d0a);
-$parcel$export(module.exports, "openModal", () => $5767ac9f6fd2be28$export$a7f6cffb6b8ba11c);
+$parcel$export(module.exports, "DepictProvider", () => $4649fffc467a9b4d$export$9fac37a9c21c2f3b);
+$parcel$export(module.exports, "DepictSearchPage", () => $4649fffc467a9b4d$export$210723f5a54a7028);
+$parcel$export(module.exports, "DepictSearchHeader", () => $4649fffc467a9b4d$export$cbcd1ecdb41b1d0a);
+$parcel$export(module.exports, "openModal", () => $4649fffc467a9b4d$export$a7f6cffb6b8ba11c);
 
 
 
-function $5767ac9f6fd2be28$export$9fac37a9c21c2f3b(props) {
+function $4649fffc467a9b4d$export$9fac37a9c21c2f3b(props) {
     return props.children;
 }
-function $5767ac9f6fd2be28$export$210723f5a54a7028() {
-    return (0, $4yCyN$reactjsxruntime.jsx)((0, $4yCyN$depictaireactsolidbridge.ReactToSolidBridgeProvider), {
+function $4649fffc467a9b4d$export$210723f5a54a7028() {
+    return (0, $hWQ57$reactjsxruntime.jsx)((0, $hWQ57$depictaireactsolidbridge.ReactToSolidBridgeProvider), {
         children: ""
     });
 }
-function $5767ac9f6fd2be28$export$cbcd1ecdb41b1d0a() {
-    return (0, $4yCyN$react.createElement)("div", {
+function $4649fffc467a9b4d$export$cbcd1ecdb41b1d0a() {
+    return (0, $hWQ57$react.createElement)("div", {
         className: "depict aligner"
     });
 }
-function $5767ac9f6fd2be28$export$a7f6cffb6b8ba11c() {}
+function $4649fffc467a9b4d$export$a7f6cffb6b8ba11c() {}
 
 

package/dist-server/module.js

@@ -1,24 +1,24 @@
-import {ReactToSolidBridgeProvider as $8UQZK$ReactToSolidBridgeProvider} from "@depict-ai/react-solid-bridge";
-import {createElement as $8UQZK$createElement} from "react";
-import {jsx as $8UQZK$jsx} from "react/jsx-runtime";
+import {ReactToSolidBridgeProvider as $guob4$ReactToSolidBridgeProvider} from "@depict-ai/react-solid-bridge";
+import {createElement as $guob4$createElement} from "react";
+import {jsx as $guob4$jsx} from "react/jsx-runtime";
 
 
 
 
-function $7def0b56bbffc00f$export$9fac37a9c21c2f3b(props) {
+function $ca6cbc388a0afba3$export$9fac37a9c21c2f3b(props) {
     return props.children;
 }
-function $7def0b56bbffc00f$export$210723f5a54a7028() {
-    return (0, $8UQZK$jsx)((0, $8UQZK$ReactToSolidBridgeProvider), {
+function $ca6cbc388a0afba3$export$210723f5a54a7028() {
+    return (0, $guob4$jsx)((0, $guob4$ReactToSolidBridgeProvider), {
         children: ""
     });
 }
-function $7def0b56bbffc00f$export$cbcd1ecdb41b1d0a() {
-    return (0, $8UQZK$createElement)("div", {
+function $ca6cbc388a0afba3$export$cbcd1ecdb41b1d0a() {
+    return (0, $guob4$createElement)("div", {
         className: "depict aligner"
     });
 }
-function $7def0b56bbffc00f$export$a7f6cffb6b8ba11c() {}
+function $ca6cbc388a0afba3$export$a7f6cffb6b8ba11c() {}
 
 
-export {$7def0b56bbffc00f$export$9fac37a9c21c2f3b as DepictProvider, $7def0b56bbffc00f$export$210723f5a54a7028 as DepictSearchPage, $7def0b56bbffc00f$export$cbcd1ecdb41b1d0a as DepictSearchHeader, $7def0b56bbffc00f$export$a7f6cffb6b8ba11c as openModal};
+export {$ca6cbc388a0afba3$export$9fac37a9c21c2f3b as DepictProvider, $ca6cbc388a0afba3$export$210723f5a54a7028 as DepictSearchPage, $ca6cbc388a0afba3$export$cbcd1ecdb41b1d0a as DepictSearchHeader, $ca6cbc388a0afba3$export$a7f6cffb6b8ba11c as openModal};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "packageManager": "yarn@3.2.2",
   "source": "src/main.ts",
   "main": "dist/main.js",
@@ -17,7 +17,7 @@
   "targets": {
     "main": {
       "isLibrary": true,
-      "context": "browser",
+      "context": "node",
       "engines": {
         "browsers": "last 1 chrome version"
       },
@@ -25,7 +25,7 @@
     },
     "module": {
       "isLibrary": true,
-      "context": "browser",
+      "context": "node",
       "engines": {
         "browsers": "last 1 chrome version"
       },
@@ -81,11 +81,10 @@
     "/dist-server"
   ],
   "dependencies": {
-    "@depict-ai/plp-styling": "^0.0.2",
+    "@depict-ai/plp-styling": "^0.0.3",
     "@depict-ai/react-solid-bridge": "^1.0.26",
     "@depict-ai/ui": "^0.0.3",
     "@depict-ai/utilishared": "^0.0.3",
-    "@parcel/transformer-sass": "^2.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "solid-js": "^1.6.2"
@@ -99,6 +98,7 @@
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
     "@parcel/resolver-default": "^2.8.0",
+    "@parcel/transformer-sass": "latest",
     "@types/node": "^18.11.11",
     "babel-preset-solid": "latest",
     "jest": "^29.3.1",