@crystaldesign/products-component 24.12.0-rc.9 → 24.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/build/cjs/index.js +22 -22
  2. package/build/esm/index.js +22 -22
  3. package/build/umd/158.products-component.umd.min.js +2 -0
  4. package/build/umd/158.products-component.umd.min.js.LICENSE.txt +1 -0
  5. package/build/umd/231.products-component.umd.min.js +2 -0
  6. package/build/umd/231.products-component.umd.min.js.LICENSE.txt +1 -0
  7. package/build/umd/244.products-component.umd.min.js +2 -0
  8. package/build/umd/244.products-component.umd.min.js.LICENSE.txt +1 -0
  9. package/build/umd/36.products-component.umd.min.js +2 -0
  10. package/build/umd/36.products-component.umd.min.js.LICENSE.txt +1 -0
  11. package/build/umd/{944.products-component.umd.min.js → 366.products-component.umd.min.js} +2 -2
  12. package/build/umd/{944.products-component.umd.min.js.LICENSE.txt → 366.products-component.umd.min.js.LICENSE.txt} +1 -1
  13. package/build/umd/397.products-component.umd.min.js +2 -0
  14. package/build/umd/397.products-component.umd.min.js.LICENSE.txt +1 -0
  15. package/build/umd/495.products-component.umd.min.js +2 -0
  16. package/build/umd/495.products-component.umd.min.js.LICENSE.txt +1 -0
  17. package/build/umd/511.products-component.umd.min.js +2 -0
  18. package/build/umd/511.products-component.umd.min.js.LICENSE.txt +1 -0
  19. package/build/umd/62.products-component.umd.min.js +2 -0
  20. package/build/umd/62.products-component.umd.min.js.LICENSE.txt +1 -0
  21. package/build/umd/630.products-component.umd.min.js +2 -0
  22. package/build/umd/630.products-component.umd.min.js.LICENSE.txt +1 -0
  23. package/build/umd/633.products-component.umd.min.js +2 -0
  24. package/build/umd/633.products-component.umd.min.js.LICENSE.txt +1 -0
  25. package/build/umd/{721.products-component.umd.min.js → 745.products-component.umd.min.js} +3 -3
  26. package/build/umd/{721.products-component.umd.min.js.LICENSE.txt → 745.products-component.umd.min.js.LICENSE.txt} +1 -1
  27. package/build/umd/products-component.umd.min.js +1 -1
  28. package/build/umd/report.html +1 -1
  29. package/package.json +2 -2
  30. package/build/umd/145.products-component.umd.min.js +0 -2
  31. package/build/umd/145.products-component.umd.min.js.LICENSE.txt +0 -1
  32. package/build/umd/163.products-component.umd.min.js +0 -2
  33. package/build/umd/163.products-component.umd.min.js.LICENSE.txt +0 -1
  34. package/build/umd/266.products-component.umd.min.js +0 -2
  35. package/build/umd/266.products-component.umd.min.js.LICENSE.txt +0 -1
  36. package/build/umd/28.products-component.umd.min.js +0 -2
  37. package/build/umd/28.products-component.umd.min.js.LICENSE.txt +0 -1
  38. package/build/umd/337.products-component.umd.min.js +0 -2
  39. package/build/umd/337.products-component.umd.min.js.LICENSE.txt +0 -1
  40. package/build/umd/437.products-component.umd.min.js +0 -2
  41. package/build/umd/437.products-component.umd.min.js.LICENSE.txt +0 -1
  42. package/build/umd/467.products-component.umd.min.js +0 -2
  43. package/build/umd/467.products-component.umd.min.js.LICENSE.txt +0 -1
  44. package/build/umd/535.products-component.umd.min.js +0 -2
  45. package/build/umd/535.products-component.umd.min.js.LICENSE.txt +0 -1
  46. package/build/umd/617.products-component.umd.min.js +0 -2
  47. package/build/umd/617.products-component.umd.min.js.LICENSE.txt +0 -1
  48. package/build/umd/969.products-component.umd.min.js +0 -2
  49. package/build/umd/969.products-component.umd.min.js.LICENSE.txt +0 -1
package/build/cjs/index.js CHANGED
@@ -69,13 +69,13 @@ function styleInject(css, ref) {
69
69
 
70
70
  var productsGrid = "products-grid-WXSc9";
71
71
  var isMobileClass = "is-mobile-class-6h2Q9";
72
- var css_248z$l = ".products-grid-WXSc9 {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n grid-auto-rows: min-content;\n grid-gap: 10px;\n height: 100%;\n}\n\n.is-mobile-class-6h2Q9.products-grid-WXSc9 {\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n}\n";
72
+ var css_248z$l = ".products-grid-WXSc9 {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n grid-auto-rows: min-content;\r\n grid-gap: 10px;\r\n height: 100%;\r\n}\r\n\r\n.is-mobile-class-6h2Q9.products-grid-WXSc9 {\r\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n}\r\n";
73
73
  styleInject(css_248z$l);
74
74
 
75
75
  var nothingFoundContainer = "nothing-found-container-sB38b";
76
76
  var text$7 = "text-qpHXX";
77
77
  var icon$2 = "icon-LRAuJ";
78
- var css_248z$k = ".nothing-found-container-sB38b {\n position: absolute;\n width: 100%;\n height: 50%;\n min-height: 300px;\n max-height: 400px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n\n.text-qpHXX {\n margin: 120px 12px 0 12px;\n font-size: 22px;\n}\n\n.icon-LRAuJ {\n margin-top: 50px;\n background: url(\"data:image/svg+xml,%3Csvg id%3D%22Ebene_1%22 data-name%3D%22Ebene 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 11.89 11.82%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%231d1d1b%3Bstroke-linecap%3Around%3Bstroke-width%3A0.4px%3B%7D.cls-1%7Bstroke-miterlimit%3A10%3B%7D.cls-2%7Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Enothingfound%3C%2Ftitle%3E%3Ccircle class%3D%22cls-1%22 cx%3D%224.59%22 cy%3D%224.59%22 r%3D%224.39%22%2F%3E%3Cline class%3D%22cls-2%22 x1%3D%223.09%22 y1%3D%226.1%22 x2%3D%226.16%22 y2%3D%223.03%22%2F%3E%3Cline class%3D%22cls-1%22 x1%3D%227.8%22 y1%3D%227.73%22 x2%3D%2211.69%22 y2%3D%2211.62%22%2F%3E%3Cline class%3D%22cls-2%22 x1%3D%223.05%22 y1%3D%223.05%22 x2%3D%226.12%22 y2%3D%226.12%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n width: 200px;\n height: 200px;\n max-width: 100%;\n}\n";
78
+ var css_248z$k = ".nothing-found-container-sB38b {\r\n position: absolute;\r\n width: 100%;\r\n height: 50%;\r\n min-height: 300px;\r\n max-height: 400px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n}\r\n\r\n.text-qpHXX {\r\n margin: 120px 12px 0 12px;\r\n font-size: 22px;\r\n}\r\n\r\n.icon-LRAuJ {\r\n margin-top: 50px;\r\n background: url(\"data:image/svg+xml,%3Csvg id%3D%22Ebene_1%22 data-name%3D%22Ebene 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 11.89 11.82%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%231d1d1b%3Bstroke-linecap%3Around%3Bstroke-width%3A0.4px%3B%7D.cls-1%7Bstroke-miterlimit%3A10%3B%7D.cls-2%7Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Enothingfound%3C%2Ftitle%3E%3Ccircle class%3D%22cls-1%22 cx%3D%224.59%22 cy%3D%224.59%22 r%3D%224.39%22%2F%3E%3Cline class%3D%22cls-2%22 x1%3D%223.09%22 y1%3D%226.1%22 x2%3D%226.16%22 y2%3D%223.03%22%2F%3E%3Cline class%3D%22cls-1%22 x1%3D%227.8%22 y1%3D%227.73%22 x2%3D%2211.69%22 y2%3D%2211.62%22%2F%3E%3Cline class%3D%22cls-2%22 x1%3D%223.05%22 y1%3D%223.05%22 x2%3D%226.12%22 y2%3D%226.12%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\r\n width: 200px;\r\n height: 200px;\r\n max-width: 100%;\r\n}\r\n";
79
79
  styleInject(css_248z$k);
80
80
 
81
81
  var NothingFound = function NothingFound(props) {
@@ -498,7 +498,7 @@ var text$6 = "text-aJMJV";
498
498
  var textSel = "textSel-Fjkfv";
499
499
  var color = "color-wTvdc";
500
500
  var sel$2 = "sel-HkQZr";
501
- var css_248z$j = ".wrapper-8dbUS {\n margin: 7px 0px;\n display: flex;\n flex-basis: 50%;\n}\n.text-aJMJV {\n margin-left: 8px;\n line-height: 22px;\n font-size: 14px;\n color: #4f4f4f;\n opacity: 0.55;\n cursor: pointer;\n}\n\n.textSel-Fjkfv {\n font-weight: 600;\n opacity: 1;\n}\n\n.color-wTvdc {\n border-radius: 50%;\n border: 1px solid transparent;\n width: 22px;\n height: 22px;\n cursor: pointer;\n}\n\n.sel-HkQZr {\n border: 1px solid black;\n}\n";
501
+ var css_248z$j = ".wrapper-8dbUS {\r\n margin: 7px 0px;\r\n display: flex;\r\n flex-basis: 50%;\r\n}\r\n.text-aJMJV {\r\n margin-left: 8px;\r\n line-height: 22px;\r\n font-size: 14px;\r\n color: #4f4f4f;\r\n opacity: 0.55;\r\n cursor: pointer;\r\n}\r\n\r\n.textSel-Fjkfv {\r\n font-weight: 600;\r\n opacity: 1;\r\n}\r\n\r\n.color-wTvdc {\r\n border-radius: 50%;\r\n border: 1px solid transparent;\r\n width: 22px;\r\n height: 22px;\r\n cursor: pointer;\r\n}\r\n\r\n.sel-HkQZr {\r\n border: 1px solid black;\r\n}\r\n";
502
502
  styleInject(css_248z$j);
503
503
 
504
504
  var Color = function Color(_ref) {
@@ -536,7 +536,7 @@ var container$5 = "container-EBElI";
536
536
  var image = "image-E-uTR";
537
537
  var imageContainer = "image-container-XpdZJ";
538
538
  var text$5 = "text-K0aRR";
539
- var css_248z$i = ".container-EBElI {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n}\n\n.image-E-uTR {\n max-width: 120px;\n height: auto;\n}\n\n.image-container-XpdZJ {\n flex-basis: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.text-K0aRR {\n margin-top: 12px;\n align-self: center;\n}\n";
539
+ var css_248z$i = ".container-EBElI {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n}\r\n\r\n.image-E-uTR {\r\n max-width: 120px;\r\n height: auto;\r\n}\r\n\r\n.image-container-XpdZJ {\r\n flex-basis: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n.text-K0aRR {\r\n margin-top: 12px;\r\n align-self: center;\r\n}\r\n";
540
540
  styleInject(css_248z$i);
541
541
 
542
542
  var IconBig = function IconBig(_ref) {
@@ -565,13 +565,13 @@ var IconBig = function IconBig(_ref) {
565
565
  });
566
566
  };
567
567
 
568
- var css_248z$h = ".rc-slider {\n position: relative;\n height: 14px;\n padding: 5px 0;\n width: 85%;\n border-radius: 6px;\n touch-action: none;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-rail {\n position: absolute;\n width: 100%;\n background-color: #e9e9e9;\n height: 4px;\n border-radius: 6px;\n}\n.rc-slider-track {\n position: absolute;\n left: 0;\n height: 4px;\n border-radius: 6px;\n background-color: #abe2fb;\n}\n.rc-slider-handle {\n position: absolute;\n width: 14px;\n height: 14px;\n cursor: pointer;\n cursor: -webkit-grab;\n margin-top: -5px;\n cursor: grab;\n border-radius: 50%;\n border: solid 2px #96dbfa;\n background-color: #fff;\n touch-action: pan-x;\n}\n.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n border-color: #57c5f7;\n box-shadow: 0 0 0 5px #96dbfa;\n}\n.rc-slider-handle:focus {\n outline: none;\n}\n.rc-slider-handle-click-focused:focus {\n border-color: #96dbfa;\n box-shadow: none;\n box-shadow: initial;\n}\n.rc-slider-handle:hover {\n border-color: #57c5f7;\n}\n.rc-slider-handle:active {\n border-color: #57c5f7;\n box-shadow: 0 0 5px #57c5f7;\n cursor: grabbing;\n}\n.rc-slider-mark {\n position: absolute;\n top: 18px;\n left: 0;\n width: 100%;\n font-size: 12px;\n}\n.rc-slider-mark-text {\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n color: #999;\n}\n.rc-slider-mark-text-active {\n color: #666;\n}\n.rc-slider-step {\n position: absolute;\n width: 100%;\n height: 4px;\n background: transparent;\n}\n.rc-slider-dot {\n position: absolute;\n bottom: -2px;\n margin-left: -4px;\n width: 8px;\n height: 8px;\n border: 2px solid #e9e9e9;\n background-color: #fff;\n cursor: pointer;\n border-radius: 50%;\n vertical-align: middle;\n}\n.rc-slider-dot-active {\n border-color: #96dbfa;\n}\n.rc-slider-dot-reverse {\n margin-right: -4px;\n}\n.rc-slider-disabled {\n background-color: #e9e9e9;\n}\n.rc-slider-disabled .rc-slider-track {\n background-color: #ccc;\n}\n.rc-slider-disabled .rc-slider-handle,\n.rc-slider-disabled .rc-slider-dot {\n border-color: #ccc;\n box-shadow: none;\n background-color: #fff;\n cursor: not-allowed;\n}\n.rc-slider-disabled .rc-slider-mark-text,\n.rc-slider-disabled .rc-slider-dot {\n cursor: not-allowed !important;\n}\n.rc-slider-vertical {\n width: 14px;\n height: 100%;\n padding: 0 5px;\n}\n.rc-slider-vertical .rc-slider-rail {\n height: 100%;\n width: 4px;\n}\n.rc-slider-vertical .rc-slider-track {\n left: 5px;\n bottom: 0;\n width: 4px;\n}\n.rc-slider-vertical .rc-slider-handle {\n margin-left: -5px;\n touch-action: pan-y;\n}\n.rc-slider-vertical .rc-slider-mark {\n top: 0;\n left: 18px;\n height: 100%;\n}\n.rc-slider-vertical .rc-slider-step {\n height: 100%;\n width: 4px;\n}\n.rc-slider-vertical .rc-slider-dot {\n left: 2px;\n margin-bottom: -4px;\n}\n.rc-slider-vertical .rc-slider-dot:first-child {\n margin-bottom: -4px;\n}\n.rc-slider-vertical .rc-slider-dot:last-child {\n margin-bottom: -4px;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n display: block !important;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.rc-slider-tooltip-zoom-down-leave {\n display: block !important;\n}\n.rc-slider-tooltip-zoom-down-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n animation-name: rcSliderTooltipZoomDownIn;\n animation-play-state: running;\n}\n.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n animation-name: rcSliderTooltipZoomDownOut;\n animation-play-state: running;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n transform: scale(0, 0);\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.rc-slider-tooltip-zoom-down-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes rcSliderTooltipZoomDownIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n 100% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n}\n@keyframes rcSliderTooltipZoomDownOut {\n 0% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n}\n.rc-slider-tooltip {\n position: absolute;\n left: -9999px;\n top: -9999px;\n visibility: visible;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-tooltip * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-tooltip-hidden {\n display: none;\n}\n.rc-slider-tooltip-placement-top {\n padding: 4px 0 8px 0;\n}\n.rc-slider-tooltip-inner {\n padding: 6px 2px;\n min-width: 24px;\n height: 24px;\n font-size: 12px;\n line-height: 1;\n color: #fff;\n text-align: center;\n text-decoration: none;\n background-color: #6c6c6c;\n border-radius: 6px;\n box-shadow: 0 0 4px #d9d9d9;\n}\n.rc-slider-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n bottom: 4px;\n left: 50%;\n margin-left: -4px;\n border-width: 4px 4px 0;\n border-top-color: #6c6c6c;\n}\n";
568
+ var css_248z$h = ".rc-slider {\r\n position: relative;\r\n height: 14px;\r\n padding: 5px 0;\r\n width: 85%;\r\n border-radius: 6px;\r\n touch-action: none;\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n.rc-slider * {\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n.rc-slider-rail {\r\n position: absolute;\r\n width: 100%;\r\n background-color: #e9e9e9;\r\n height: 4px;\r\n border-radius: 6px;\r\n}\r\n.rc-slider-track {\r\n position: absolute;\r\n left: 0;\r\n height: 4px;\r\n border-radius: 6px;\r\n background-color: #abe2fb;\r\n}\r\n.rc-slider-handle {\r\n position: absolute;\r\n width: 14px;\r\n height: 14px;\r\n cursor: pointer;\r\n cursor: -webkit-grab;\r\n margin-top: -5px;\r\n cursor: grab;\r\n border-radius: 50%;\r\n border: solid 2px #96dbfa;\r\n background-color: #fff;\r\n touch-action: pan-x;\r\n}\r\n.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\r\n border-color: #57c5f7;\r\n box-shadow: 0 0 0 5px #96dbfa;\r\n}\r\n.rc-slider-handle:focus {\r\n outline: none;\r\n}\r\n.rc-slider-handle-click-focused:focus {\r\n border-color: #96dbfa;\r\n box-shadow: none;\r\n box-shadow: initial;\r\n}\r\n.rc-slider-handle:hover {\r\n border-color: #57c5f7;\r\n}\r\n.rc-slider-handle:active {\r\n border-color: #57c5f7;\r\n box-shadow: 0 0 5px #57c5f7;\r\n cursor: grabbing;\r\n}\r\n.rc-slider-mark {\r\n position: absolute;\r\n top: 18px;\r\n left: 0;\r\n width: 100%;\r\n font-size: 12px;\r\n}\r\n.rc-slider-mark-text {\r\n position: absolute;\r\n display: inline-block;\r\n vertical-align: middle;\r\n text-align: center;\r\n cursor: pointer;\r\n color: #999;\r\n}\r\n.rc-slider-mark-text-active {\r\n color: #666;\r\n}\r\n.rc-slider-step {\r\n position: absolute;\r\n width: 100%;\r\n height: 4px;\r\n background: transparent;\r\n}\r\n.rc-slider-dot {\r\n position: absolute;\r\n bottom: -2px;\r\n margin-left: -4px;\r\n width: 8px;\r\n height: 8px;\r\n border: 2px solid #e9e9e9;\r\n background-color: #fff;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n vertical-align: middle;\r\n}\r\n.rc-slider-dot-active {\r\n border-color: #96dbfa;\r\n}\r\n.rc-slider-dot-reverse {\r\n margin-right: -4px;\r\n}\r\n.rc-slider-disabled {\r\n background-color: #e9e9e9;\r\n}\r\n.rc-slider-disabled .rc-slider-track {\r\n background-color: #ccc;\r\n}\r\n.rc-slider-disabled .rc-slider-handle,\r\n.rc-slider-disabled .rc-slider-dot {\r\n border-color: #ccc;\r\n box-shadow: none;\r\n background-color: #fff;\r\n cursor: not-allowed;\r\n}\r\n.rc-slider-disabled .rc-slider-mark-text,\r\n.rc-slider-disabled .rc-slider-dot {\r\n cursor: not-allowed !important;\r\n}\r\n.rc-slider-vertical {\r\n width: 14px;\r\n height: 100%;\r\n padding: 0 5px;\r\n}\r\n.rc-slider-vertical .rc-slider-rail {\r\n height: 100%;\r\n width: 4px;\r\n}\r\n.rc-slider-vertical .rc-slider-track {\r\n left: 5px;\r\n bottom: 0;\r\n width: 4px;\r\n}\r\n.rc-slider-vertical .rc-slider-handle {\r\n margin-left: -5px;\r\n touch-action: pan-y;\r\n}\r\n.rc-slider-vertical .rc-slider-mark {\r\n top: 0;\r\n left: 18px;\r\n height: 100%;\r\n}\r\n.rc-slider-vertical .rc-slider-step {\r\n height: 100%;\r\n width: 4px;\r\n}\r\n.rc-slider-vertical .rc-slider-dot {\r\n left: 2px;\r\n margin-bottom: -4px;\r\n}\r\n.rc-slider-vertical .rc-slider-dot:first-child {\r\n margin-bottom: -4px;\r\n}\r\n.rc-slider-vertical .rc-slider-dot:last-child {\r\n margin-bottom: -4px;\r\n}\r\n.rc-slider-tooltip-zoom-down-enter,\r\n.rc-slider-tooltip-zoom-down-appear {\r\n display: block !important;\r\n}\r\n.rc-slider-tooltip-zoom-down-enter,\r\n.rc-slider-tooltip-zoom-down-appear {\r\n animation-duration: 0.3s;\r\n animation-fill-mode: both;\r\n animation-play-state: paused;\r\n}\r\n.rc-slider-tooltip-zoom-down-leave {\r\n display: block !important;\r\n}\r\n.rc-slider-tooltip-zoom-down-leave {\r\n animation-duration: 0.3s;\r\n animation-fill-mode: both;\r\n animation-play-state: paused;\r\n}\r\n.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\r\n.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\r\n animation-name: rcSliderTooltipZoomDownIn;\r\n animation-play-state: running;\r\n}\r\n.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\r\n animation-name: rcSliderTooltipZoomDownOut;\r\n animation-play-state: running;\r\n}\r\n.rc-slider-tooltip-zoom-down-enter,\r\n.rc-slider-tooltip-zoom-down-appear {\r\n transform: scale(0, 0);\r\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n.rc-slider-tooltip-zoom-down-leave {\r\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\r\n}\r\n@keyframes rcSliderTooltipZoomDownIn {\r\n 0% {\r\n opacity: 0;\r\n transform-origin: 50% 100%;\r\n transform: scale(0, 0);\r\n }\r\n 100% {\r\n transform-origin: 50% 100%;\r\n transform: scale(1, 1);\r\n }\r\n}\r\n@keyframes rcSliderTooltipZoomDownOut {\r\n 0% {\r\n transform-origin: 50% 100%;\r\n transform: scale(1, 1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform-origin: 50% 100%;\r\n transform: scale(0, 0);\r\n }\r\n}\r\n.rc-slider-tooltip {\r\n position: absolute;\r\n left: -9999px;\r\n top: -9999px;\r\n visibility: visible;\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n.rc-slider-tooltip * {\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n.rc-slider-tooltip-hidden {\r\n display: none;\r\n}\r\n.rc-slider-tooltip-placement-top {\r\n padding: 4px 0 8px 0;\r\n}\r\n.rc-slider-tooltip-inner {\r\n padding: 6px 2px;\r\n min-width: 24px;\r\n height: 24px;\r\n font-size: 12px;\r\n line-height: 1;\r\n color: #fff;\r\n text-align: center;\r\n text-decoration: none;\r\n background-color: #6c6c6c;\r\n border-radius: 6px;\r\n box-shadow: 0 0 4px #d9d9d9;\r\n}\r\n.rc-slider-tooltip-arrow {\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n border-color: transparent;\r\n border-style: solid;\r\n}\r\n.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\r\n bottom: 4px;\r\n left: 50%;\r\n margin-left: -4px;\r\n border-width: 4px 4px 0;\r\n border-top-color: #6c6c6c;\r\n}\r\n";
569
569
  styleInject(css_248z$h);
570
570
 
571
571
  var wrapper = "wrapper-vsYQO";
572
572
  var title = "title-kUOwa";
573
573
  var inputWrapper = "input-wrapper-shZ9n";
574
- var css_248z$g = ".wrapper-vsYQO {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-evenly;\n height: 130px;\n padding: 0 12px;\n}\n\n.title-kUOwa {\n width: 100%;\n display: flex;\n justify-content: space-between;\n font-weight: 500;\n font-size: 16px;\n line-height: 14px;\n}\n\n.input-wrapper-shZ9n {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.input-wrapper-shZ9n input {\n max-width: 45%;\n width: 56px;\n border: none;\n font-weight: 400;\n font-size: 14px;\n line-height: 16px;\n height: 24px;\n text-align: center;\n}\n\n.input-wrapper-shZ9n input::-webkit-outer-spin-button,\n.input-wrapper-shZ9n input::-webkit-inner-spin-button {\n -webkit-appearance: none !important;\n margin: 0 !important;\n}\n\n.input-wrapper-shZ9n input[type='number'] {\n -moz-appearance: textfield !important;\n}\n";
574
+ var css_248z$g = ".wrapper-vsYQO {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-evenly;\r\n height: 130px;\r\n padding: 0 12px;\r\n}\r\n\r\n.title-kUOwa {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n font-weight: 500;\r\n font-size: 16px;\r\n line-height: 14px;\r\n}\r\n\r\n.input-wrapper-shZ9n {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n.input-wrapper-shZ9n input {\r\n max-width: 45%;\r\n width: 56px;\r\n border: none;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 16px;\r\n height: 24px;\r\n text-align: center;\r\n}\r\n\r\n.input-wrapper-shZ9n input::-webkit-outer-spin-button,\r\n.input-wrapper-shZ9n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none !important;\r\n margin: 0 !important;\r\n}\r\n\r\n.input-wrapper-shZ9n input[type='number'] {\r\n -moz-appearance: textfield !important;\r\n}\r\n";
575
575
  styleInject(css_248z$g);
576
576
 
577
577
  var Range = function Range(_ref) {
@@ -706,7 +706,7 @@ var sel$1 = "sel-T6Pon";
706
706
  var bracket = "bracket-d91-4";
707
707
  var container$4 = "container-9K9RO";
708
708
  var checkmark = "checkmark-0N1Ff";
709
- var css_248z$f = ".text-priQf {\n}\n\n.sel-T6Pon .text-priQf {\n font-weight: 600;\n}\n.bracket-d91-4 {\n margin-left: 6px;\n opacity: 0.55;\n}\n\n/* The container */\n.container-9K9RO {\n cursor: pointer;\n /* width: max-content; */\n font-size: 14px;\n color: #4f4f4f;\n display: block;\n position: relative;\n padding-left: 35px;\n margin: 10px 6px 12px 14px;\n width: calc(100% - 35px - 20px);\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n/* Hide the browser's default checkbox */\n.container-9K9RO input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n\n/* Create a custom checkbox */\n.checkmark-0N1Ff {\n position: absolute;\n top: 0;\n left: 0;\n height: 20px;\n width: 20px;\n background-color: #fff;\n}\n\n/* On mouse-over, add a grey background color */\n/* .text:hover input ~ .checkmark {\n background-color: #ccc;\n} */\n\n/* When the checkbox is checked, add a blue background */\n/* .text input:checked ~ .checkmark {\n background-color: #2196f3;\n} */\n\n/* Create the checkmark/indicator (hidden when not checked) */\n.checkmark-0N1Ff:after {\n content: '';\n position: absolute;\n display: none;\n}\n\n/* Show the checkmark when checked */\n.container-9K9RO input:checked ~ .checkmark-0N1Ff:after {\n display: block;\n}\n\n/* Style the checkmark/indicator */\n.container-9K9RO .checkmark-0N1Ff:after {\n left: 8px;\n top: 2px;\n width: 5px;\n height: 10px;\n border: solid #000;\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(48deg);\n}\n";
709
+ var css_248z$f = ".text-priQf {\r\n}\r\n\r\n.sel-T6Pon .text-priQf {\r\n font-weight: 600;\r\n}\r\n.bracket-d91-4 {\r\n margin-left: 6px;\r\n opacity: 0.55;\r\n}\r\n\r\n/* The container */\r\n.container-9K9RO {\r\n cursor: pointer;\r\n /* width: max-content; */\r\n font-size: 14px;\r\n color: #4f4f4f;\r\n display: block;\r\n position: relative;\r\n padding-left: 35px;\r\n margin: 10px 6px 12px 14px;\r\n width: calc(100% - 35px - 20px);\r\n cursor: pointer;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n/* Hide the browser's default checkbox */\r\n.container-9K9RO input {\r\n position: absolute;\r\n opacity: 0;\r\n cursor: pointer;\r\n height: 0;\r\n width: 0;\r\n}\r\n\r\n/* Create a custom checkbox */\r\n.checkmark-0N1Ff {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 20px;\r\n width: 20px;\r\n background-color: #fff;\r\n}\r\n\r\n/* On mouse-over, add a grey background color */\r\n/* .text:hover input ~ .checkmark {\r\n background-color: #ccc;\r\n} */\r\n\r\n/* When the checkbox is checked, add a blue background */\r\n/* .text input:checked ~ .checkmark {\r\n background-color: #2196f3;\r\n} */\r\n\r\n/* Create the checkmark/indicator (hidden when not checked) */\r\n.checkmark-0N1Ff:after {\r\n content: '';\r\n position: absolute;\r\n display: none;\r\n}\r\n\r\n/* Show the checkmark when checked */\r\n.container-9K9RO input:checked ~ .checkmark-0N1Ff:after {\r\n display: block;\r\n}\r\n\r\n/* Style the checkmark/indicator */\r\n.container-9K9RO .checkmark-0N1Ff:after {\r\n left: 8px;\r\n top: 2px;\r\n width: 5px;\r\n height: 10px;\r\n border: solid #000;\r\n border-width: 0 1.5px 1.5px 0;\r\n transform: rotate(48deg);\r\n}\r\n";
710
710
  styleInject(css_248z$f);
711
711
 
712
712
  var TextList$1 = function TextList(_ref) {
@@ -744,19 +744,19 @@ var TextList$1 = function TextList(_ref) {
744
744
  var containerIconsBig = "container-icons-big-MGu0d";
745
745
  var containerTextList$1 = "container-text-list-SOEd2";
746
746
  var containerTextListColors = "container-text-list-colors-VDQV4";
747
- var css_248z$e = ".container-icons-big-MGu0d {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-column-gap: 16px;\n grid-row-gap: 16px;\n}\n\n.container-text-list-SOEd2 {\n display: flex;\n flex-direction: column;\n max-height: 250px;\n width: calc(100% - 12px);\n margin-bottom: 12px;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.container-text-list-colors-VDQV4 {\n flex-direction: row;\n flex-wrap: wrap;\n padding: 0 24px;\n}\n";
747
+ var css_248z$e = ".container-icons-big-MGu0d {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-column-gap: 16px;\r\n grid-row-gap: 16px;\r\n}\r\n\r\n.container-text-list-SOEd2 {\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 250px;\r\n width: calc(100% - 12px);\r\n margin-bottom: 12px;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n}\r\n\r\n.container-text-list-colors-VDQV4 {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n padding: 0 24px;\r\n}\r\n";
748
748
  styleInject(css_248z$e);
749
749
 
750
750
  var container$3 = "container-nvB-h";
751
751
  var lessPadding = "less-padding-e37Ry";
752
- var css_248z$d = ".container-nvB-h {\n background: #f2f2f2;\n position: relative;\n margin-top: 6px;\n border-radius: 3px;\n padding: 12px;\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n width: calc(100% - 24px);\n margin-bottom: 12px;\n}\n\n.less-padding-e37Ry {\n margin-top: 0px;\n padding: 0 12px 12px 12px;\n}\n";
752
+ var css_248z$d = ".container-nvB-h {\r\n background: #f2f2f2;\r\n position: relative;\r\n margin-top: 6px;\r\n border-radius: 3px;\r\n padding: 12px;\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n width: calc(100% - 24px);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.less-padding-e37Ry {\r\n margin-top: 0px;\r\n padding: 0 12px 12px 12px;\r\n}\r\n";
753
753
  styleInject(css_248z$d);
754
754
 
755
755
  var container$2 = "container-iG597";
756
756
  var containerWhite = "container-white-oKHuo";
757
757
  var text$3 = "text-FbwlB";
758
758
  var closeIcon$1 = "close-icon-LIjzW";
759
- var css_248z$c = ".container-iG597 {\n background-color: #e5e5e5;\n border-radius: 3px;\n padding: 6px;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n cursor: pointer;\n transition: background-color 0.3s ease, color 0.3s ease;\n}\n.container-white-oKHuo {\n background-color: #fff;\n}\n\n.container-iG597:hover {\n background-color: #4f4f4f;\n color: white;\n}\n\n.text-FbwlB {\n font-size: 12px;\n line-height: 16px;\n}\n.close-icon-LIjzW {\n margin-left: 4px;\n width: 16px;\n height: 16px;\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M6.99998 1.13477L1 7.13475M6.99998 7.13477L1 1.13479%22 stroke%3D%22%23B6B6B7%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n transition: background-image 0.3s ease;\n}\n\n.container-iG597:hover .close-icon-LIjzW {\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M6.99998 1.13477L1 7.13475M6.99998 7.13477L1 1.13479%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
759
+ var css_248z$c = ".container-iG597 {\r\n background-color: #e5e5e5;\r\n border-radius: 3px;\r\n padding: 6px;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n display: flex;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n}\r\n.container-white-oKHuo {\r\n background-color: #fff;\r\n}\r\n\r\n.container-iG597:hover {\r\n background-color: #4f4f4f;\r\n color: white;\r\n}\r\n\r\n.text-FbwlB {\r\n font-size: 12px;\r\n line-height: 16px;\r\n}\r\n.close-icon-LIjzW {\r\n margin-left: 4px;\r\n width: 16px;\r\n height: 16px;\r\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M6.99998 1.13477L1 7.13475M6.99998 7.13477L1 1.13479%22 stroke%3D%22%23B6B6B7%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n transition: background-image 0.3s ease;\r\n}\r\n\r\n.container-iG597:hover .close-icon-LIjzW {\r\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M6.99998 1.13477L1 7.13475M6.99998 7.13477L1 1.13479%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
760
760
  styleInject(css_248z$c);
761
761
 
762
762
  var FilterItem = function FilterItem(_ref) {
@@ -876,13 +876,13 @@ var FilterOverview = function FilterOverview(_ref) {
876
876
  var containerDropdown = "container-dropdown-m7R4s";
877
877
  var scroller = "scroller-CNQ1i";
878
878
  var optionClass = "option-class-aU1--";
879
- var css_248z$b = ".container-dropdown-m7R4s {\n padding: 0 12px 12px 12px;\n width: calc(100% - 24px);\n position: relative;\n}\n.scroller-CNQ1i {\n display: none;\n}\n.option-class-aU1-- {\n padding: 6px;\n font-size: 14px;\n color: #4f4f4f;\n cursor: pointer;\n border: medium none currentColor;\n border: initial;\n text-align: inherit;\n background-color: transparent;\n transition: background-color 300ms ease;\n}\n.option-class-aU1--:hover {\n background-color: #ebebeb;\n}\n\n.container-dropdown-m7R4s[focus-within] .scroller-CNQ1i,\n.scroller-CNQ1i:focus,\n.option-class-aU1--:focus + .scroller-CNQ1i, .is-mobile-class .container-dropdown-m7R4s:hover .scroller-CNQ1i,\n.scroller-CNQ1i:hover,\n.option-class-aU1--:hover + .scroller-CNQ1i {\n display: flex;\n flex-direction: column;\n max-height: 150px;\n overflow: auto;\n margin-top: 12px;\n}\n\n.container-dropdown-m7R4s:focus-within .scroller-CNQ1i,\n.scroller-CNQ1i:focus,\n.option-class-aU1--:focus + .scroller-CNQ1i, .is-mobile-class .container-dropdown-m7R4s:hover .scroller-CNQ1i,\n.scroller-CNQ1i:hover,\n.option-class-aU1--:hover + .scroller-CNQ1i {\n display: flex;\n flex-direction: column;\n max-height: 150px;\n overflow: auto;\n margin-top: 12px;\n}\n";
879
+ var css_248z$b = ".container-dropdown-m7R4s {\r\n padding: 0 12px 12px 12px;\r\n width: calc(100% - 24px);\r\n position: relative;\r\n}\r\n.scroller-CNQ1i {\r\n display: none;\r\n}\r\n.option-class-aU1-- {\r\n padding: 6px;\r\n font-size: 14px;\r\n color: #4f4f4f;\r\n cursor: pointer;\r\n border: medium none currentColor;\r\n border: initial;\r\n text-align: inherit;\r\n background-color: transparent;\r\n transition: background-color 300ms ease;\r\n}\r\n.option-class-aU1--:hover {\r\n background-color: #ebebeb;\r\n}\r\n\r\n.container-dropdown-m7R4s[focus-within] .scroller-CNQ1i,\r\n.scroller-CNQ1i:focus,\r\n.option-class-aU1--:focus + .scroller-CNQ1i, .is-mobile-class .container-dropdown-m7R4s:hover .scroller-CNQ1i,\r\n.scroller-CNQ1i:hover,\r\n.option-class-aU1--:hover + .scroller-CNQ1i {\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 150px;\r\n overflow: auto;\r\n margin-top: 12px;\r\n}\r\n\r\n.container-dropdown-m7R4s:focus-within .scroller-CNQ1i,\r\n.scroller-CNQ1i:focus,\r\n.option-class-aU1--:focus + .scroller-CNQ1i, .is-mobile-class .container-dropdown-m7R4s:hover .scroller-CNQ1i,\r\n.scroller-CNQ1i:hover,\r\n.option-class-aU1--:hover + .scroller-CNQ1i {\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 150px;\r\n overflow: auto;\r\n margin-top: 12px;\r\n}\r\n";
880
880
  styleInject(css_248z$b);
881
881
 
882
882
  var searchWrapper$1 = "search-wrapper-78fTE";
883
883
  var searchText$1 = "search-text-7wct3";
884
884
  var icon$1 = "icon-JhWGL";
885
- var css_248z$a = ".search-wrapper-78fTE {\n display: flex;\n position: relative;\n width: 100%;\n}\n.search-wrapper-78fTE form {\n width: 100%;\n}\n\n.search-text-7wct3 {\n border: #000 solid 0px;\n border-radius: 2px;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n width: 100%;\n height: 30px;\n background: #f8f8f8;\n font-size: 13px;\n line-height: 14px;\n padding-left: 7px;\n padding-right: 7px;\n color: #4f4f4f;\n width: calc(100% - 14px);\n}\n\n.icon-JhWGL {\n width: 32px;\n height: 32px;\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n margin-left: 0;\n margin-right: 0;\n cursor: pointer;\n position: absolute;\n right: 0px;\n top: 0px;\n border: medium none currentColor;\n border: initial;\n}\n\n.search-text-7wct3::-moz-placeholder {\n /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: #e1e2e1;\n opacity: 1; /* Firefox */\n}\n\n.search-text-7wct3::placeholder {\n /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: #e1e2e1;\n opacity: 1; /* Firefox */\n}\n\n.search-text-7wct3:-ms-input-placeholder ,\n.search-text-7wct3::-ms-input-placeholder/* Microsoft Edge */ {\n color: #e1e2e1;\n}\n";
885
+ var css_248z$a = ".search-wrapper-78fTE {\r\n display: flex;\r\n position: relative;\r\n width: 100%;\r\n}\r\n.search-wrapper-78fTE form {\r\n width: 100%;\r\n}\r\n\r\n.search-text-7wct3 {\r\n border: #000 solid 0px;\r\n border-radius: 2px;\r\n -webkit-tap-highlight-color: transparent;\r\n outline: none;\r\n width: 100%;\r\n height: 30px;\r\n background: #f8f8f8;\r\n font-size: 13px;\r\n line-height: 14px;\r\n padding-left: 7px;\r\n padding-right: 7px;\r\n color: #4f4f4f;\r\n width: calc(100% - 14px);\r\n}\r\n\r\n.icon-JhWGL {\r\n width: 32px;\r\n height: 32px;\r\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n margin-left: 0;\r\n margin-right: 0;\r\n cursor: pointer;\r\n position: absolute;\r\n right: 0px;\r\n top: 0px;\r\n border: medium none currentColor;\r\n border: initial;\r\n}\r\n\r\n.search-text-7wct3::-moz-placeholder {\r\n /* Chrome, Firefox, Opera, Safari 10.1+ */\r\n color: #e1e2e1;\r\n opacity: 1; /* Firefox */\r\n}\r\n\r\n.search-text-7wct3::placeholder {\r\n /* Chrome, Firefox, Opera, Safari 10.1+ */\r\n color: #e1e2e1;\r\n opacity: 1; /* Firefox */\r\n}\r\n\r\n.search-text-7wct3:-ms-input-placeholder ,\r\n.search-text-7wct3::-ms-input-placeholder/* Microsoft Edge */ {\r\n color: #e1e2e1;\r\n}\r\n";
886
886
  styleInject(css_248z$a);
887
887
 
888
888
  var SearchText$1 = function SearchText(_ref) {
@@ -1119,7 +1119,7 @@ var filterClass$1 = "filter-class-9KyvR";
1119
1119
  var text$2 = "text-hPxKz";
1120
1120
  var arrow$1 = "arrow-Z9coa";
1121
1121
  var openClass$1 = "open-class-FwsGP";
1122
- var css_248z$9 = ".filter-class-9KyvR {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 3px;\n padding: 12px;\n transition: background-color 0.3s ease;\n}\n.text-hPxKz {\n font-size: 15px;\n font-weight: 400;\n}\n\n.arrow-Z9coa {\n width: 8px;\n height: 20px;\n background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%3C%2Fsvg%3E\");\n transition: transform 0.3s ease;\n}\n\n.open-class-FwsGP .arrow-Z9coa {\n transform: rotate(90deg);\n}\n";
1122
+ var css_248z$9 = ".filter-class-9KyvR {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-radius: 3px;\r\n padding: 12px;\r\n transition: background-color 0.3s ease;\r\n}\r\n.text-hPxKz {\r\n font-size: 15px;\r\n font-weight: 400;\r\n}\r\n\r\n.arrow-Z9coa {\r\n width: 8px;\r\n height: 20px;\r\n background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.open-class-FwsGP .arrow-Z9coa {\r\n transform: rotate(90deg);\r\n}\r\n";
1123
1123
  styleInject(css_248z$9);
1124
1124
 
1125
1125
  var FilterHeader$1 = function FilterHeader(_ref) {
@@ -1140,7 +1140,7 @@ var FilterHeader$1 = function FilterHeader(_ref) {
1140
1140
  };
1141
1141
 
1142
1142
  var filterContainer$1 = "filter-container-fOTsM";
1143
- var css_248z$8 = ".filter-container-fOTsM {\n background: #f2f2f2;\n position: relative;\n margin-bottom: 12px;\n border-radius: 3px;\n}\n\n/* ===== Scrollbar CSS ===== */\n/* Firefox */\n.filter-container-fOTsM * {\n scrollbar-width: thin;\n scrollbar-color: #7b7b7b #ffffff;\n}\n\n/* Chrome, Edge, and Safari */\n.filter-container-fOTsM *::-webkit-scrollbar {\n width: 6px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-track {\n background: #ffffff;\n border-radius: 3px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-thumb {\n background-color: #7b7b7b;\n border-radius: 3px;\n border: 0px solid #ffffff;\n}\n";
1143
+ var css_248z$8 = ".filter-container-fOTsM {\r\n background: #f2f2f2;\r\n position: relative;\r\n margin-bottom: 12px;\r\n border-radius: 3px;\r\n}\r\n\r\n/* ===== Scrollbar CSS ===== */\r\n/* Firefox */\r\n.filter-container-fOTsM * {\r\n scrollbar-width: thin;\r\n scrollbar-color: #7b7b7b #ffffff;\r\n}\r\n\r\n/* Chrome, Edge, and Safari */\r\n.filter-container-fOTsM *::-webkit-scrollbar {\r\n width: 6px;\r\n}\r\n\r\n.filter-container-fOTsM *::-webkit-scrollbar-track {\r\n background: #ffffff;\r\n border-radius: 3px;\r\n}\r\n\r\n.filter-container-fOTsM *::-webkit-scrollbar-thumb {\r\n background-color: #7b7b7b;\r\n border-radius: 3px;\r\n border: 0px solid #ffffff;\r\n}\r\n";
1144
1144
  styleInject(css_248z$8);
1145
1145
 
1146
1146
  var Facets = function Facets(_ref) {
@@ -1230,16 +1230,16 @@ var Facet = function Facet(_ref2) {
1230
1230
  var productsHeader = "products-header-VDZ8o";
1231
1231
  var searchResultText = "search-result-text-7XKji";
1232
1232
  var closeIcon = "close-icon-yTH1P";
1233
- var css_248z$7 = ".products-header-VDZ8o {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n margin-top: 16px;\n height: 30px;\n}\n.products-header-VDZ8o.is-mobile-class {\n margin-top: 0;\n justify-content: initial;\n height: 36px;\n}\n\n.search-result-text-7XKji {\n line-height: 22px;\n cursor: pointer;\n display: flex;\n align-items: flex-start;\n color: #4f4f4f;\n}\n\n.close-icon-yTH1P {\n margin-left: 8px;\n margin-top: 4px;\n width: 16px;\n height: 16px;\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n transition: background-image 0.3s ease;\n}\n";
1233
+ var css_248z$7 = ".products-header-VDZ8o {\r\n display: flex;\r\n width: 100%;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 16px;\r\n height: 30px;\r\n}\r\n.products-header-VDZ8o.is-mobile-class {\r\n margin-top: 0;\r\n justify-content: initial;\r\n height: 36px;\r\n}\r\n\r\n.search-result-text-7XKji {\r\n line-height: 22px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: flex-start;\r\n color: #4f4f4f;\r\n}\r\n\r\n.close-icon-yTH1P {\r\n margin-left: 8px;\r\n margin-top: 4px;\r\n width: 16px;\r\n height: 16px;\r\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n transition: background-image 0.3s ease;\r\n}\r\n";
1234
1234
  styleInject(css_248z$7);
1235
1235
 
1236
1236
  var container$1 = "container-6SXwe";
1237
- var css_248z$6 = ".container-6SXwe {\n display: flex;\n height: 40px;\n overflow: visible;\n}\n\n.is-mobile-class .container-6SXwe {\n height: 32px;\n margin-top: 0;\n}\n\n.filter-container-tZ0FN {\n position: relative;\n border-radius: 3px;\n width: 150px;\n}\n";
1237
+ var css_248z$6 = ".container-6SXwe {\r\n display: flex;\r\n height: 40px;\r\n overflow: visible;\r\n}\r\n\r\n.is-mobile-class .container-6SXwe {\r\n height: 32px;\r\n margin-top: 0;\r\n}\r\n\r\n.filter-container-tZ0FN {\r\n position: relative;\r\n border-radius: 3px;\r\n width: 150px;\r\n}\r\n";
1238
1238
  styleInject(css_248z$6);
1239
1239
 
1240
1240
  var text$1 = "text-X2Zm5";
1241
1241
  var sel = "sel-3K5vv";
1242
- var css_248z$5 = ".text-X2Zm5 {\n cursor: pointer;\n margin: 10px 20px;\n width: -moz-max-content;\n width: max-content;\n font-size: 14px;\n color: #4f4f4f;\n display: inherit;\n width: calc(100% - 40px);\n word-break: keep-all;\n word-wrap: break-word;\n}\n.sel-3K5vv {\n font-weight: 600;\n}\n\n.is-mobile-class .text-X2Zm5 {\n width: calc(100% - 20px);\n margin: 10px;\n}\n";
1242
+ var css_248z$5 = ".text-X2Zm5 {\r\n cursor: pointer;\r\n margin: 10px 20px;\r\n width: -moz-max-content;\r\n width: max-content;\r\n font-size: 14px;\r\n color: #4f4f4f;\r\n display: inherit;\r\n width: calc(100% - 40px);\r\n word-break: keep-all;\r\n word-wrap: break-word;\r\n}\r\n.sel-3K5vv {\r\n font-weight: 600;\r\n}\r\n\r\n.is-mobile-class .text-X2Zm5 {\r\n width: calc(100% - 20px);\r\n margin: 10px;\r\n}\r\n";
1243
1243
  styleInject(css_248z$5);
1244
1244
 
1245
1245
  var TextList = function TextList(_ref) {
@@ -1257,7 +1257,7 @@ var TextList = function TextList(_ref) {
1257
1257
 
1258
1258
  var container = "container-HKO2r";
1259
1259
  var containerTextList = "container-text-list-IzlJI";
1260
- var css_248z$4 = ".container-HKO2r {\n margin-bottom: 4px;\n}\n\n.container-text-list-IzlJI {\n display: flex;\n flex-direction: column;\n max-height: 250px;\n max-width: 140px;\n overflow-x: hidden;\n overflow-y: auto;\n margin-bottom: 12px;\n background: #f2f2f2;\n border-radius: 0 0 5px 5px;\n width: 150px;\n position: relative;\n z-index: 10;\n}\n\n.is-mobile-class .container-text-list-IzlJI {\n width: auto;\n width: initial;\n}\n";
1260
+ var css_248z$4 = ".container-HKO2r {\r\n margin-bottom: 4px;\r\n}\r\n\r\n.container-text-list-IzlJI {\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 250px;\r\n max-width: 140px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n margin-bottom: 12px;\r\n background: #f2f2f2;\r\n border-radius: 0 0 5px 5px;\r\n width: 150px;\r\n position: relative;\r\n z-index: 10;\r\n}\r\n\r\n.is-mobile-class .container-text-list-IzlJI {\r\n width: auto;\r\n width: initial;\r\n}\r\n";
1261
1261
  styleInject(css_248z$4);
1262
1262
 
1263
1263
  var FilterBody = function FilterBody(_ref) {
@@ -1281,14 +1281,14 @@ var FilterBody = function FilterBody(_ref) {
1281
1281
  };
1282
1282
 
1283
1283
  var filterContainer = "filter-container-3oi-3";
1284
- var css_248z$3 = ".filter-container-3oi-3 {\n position: relative;\n border-radius: 3px;\n width: 150px;\n}\n\n.is-mobile-class .filter-container-3oi-3 {\n width: 110px;\n}\n";
1284
+ var css_248z$3 = ".filter-container-3oi-3 {\r\n position: relative;\r\n border-radius: 3px;\r\n width: 150px;\r\n}\r\n\r\n.is-mobile-class .filter-container-3oi-3 {\r\n width: 110px;\r\n}\r\n";
1285
1285
  styleInject(css_248z$3);
1286
1286
 
1287
1287
  var filterClass = "filter-class-lFSkB";
1288
1288
  var text = "text-Jc-Vf";
1289
1289
  var arrow = "arrow-H6SLH";
1290
1290
  var openClass = "open-class-3FJxH";
1291
- var css_248z$2 = ".filter-class-lFSkB {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 3px;\n padding: 6px 12px;\n transition: background-color 0.3s ease;\n min-width: 100px;\n}\n.text-Jc-Vf {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n margin-right: 12px;\n}\n\n.is-mobile-class .text-Jc-Vf {\n margin-right: 4px;\n}\n\n.arrow-H6SLH {\n width: 8px;\n height: 20px;\n background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%3C%2Fsvg%3E\");\n transition: transform 0.3s ease;\n cursor: pointer;\n}\n\n.open-class-3FJxH .arrow-H6SLH {\n transform: rotate(90deg);\n}\n\n.open-class-3FJxH {\n background: #f2f2f2;\n border-radius: 5px 5px 0 0;\n}\n";
1291
+ var css_248z$2 = ".filter-class-lFSkB {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-radius: 3px;\r\n padding: 6px 12px;\r\n transition: background-color 0.3s ease;\r\n min-width: 100px;\r\n}\r\n.text-Jc-Vf {\r\n font-size: 16px;\r\n font-weight: 400;\r\n cursor: pointer;\r\n margin-right: 12px;\r\n}\r\n\r\n.is-mobile-class .text-Jc-Vf {\r\n margin-right: 4px;\r\n}\r\n\r\n.arrow-H6SLH {\r\n width: 8px;\r\n height: 20px;\r\n background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n transition: transform 0.3s ease;\r\n cursor: pointer;\r\n}\r\n\r\n.open-class-3FJxH .arrow-H6SLH {\r\n transform: rotate(90deg);\r\n}\r\n\r\n.open-class-3FJxH {\r\n background: #f2f2f2;\r\n border-radius: 5px 5px 0 0;\r\n}\r\n";
1292
1292
  styleInject(css_248z$2);
1293
1293
 
1294
1294
  var FilterHeader = function FilterHeader(_ref) {
@@ -1482,7 +1482,7 @@ var searchText = "search-text-KPsTd";
1482
1482
  var icon = "icon-g5EBQ";
1483
1483
  var onlyIconVisible = "only-icon-visible-m-Ujf";
1484
1484
  var deleteIcon = "delete-icon-w-ecn";
1485
- var css_248z$1 = ".search-wrapper-7YEow {\n display: flex;\n position: relative;\n height: 100%;\n}\n.search-wrapper-7YEow form {\n display: flex;\n align-items: center;\n}\n\n.search-text-KPsTd {\n border: #000 solid 0px;\n border-radius: 2px;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n max-width: 195px;\n height: 30px;\n background: #f8f8f8;\n font-size: 13px;\n line-height: 14px;\n padding-left: 7px;\n padding-right: 7px;\n color: #4f4f4f;\n}\n.is-mobile-class .search-text-KPsTd {\n height: 24px;\n}\n\n.icon-g5EBQ {\n width: 32px;\n height: 32px;\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n margin-left: 0;\n margin-right: 0;\n cursor: pointer;\n position: absolute;\n right: 0px;\n top: 0px;\n}\n\n.is-mobile-class .icon-g5EBQ {\n position: relative;\n background: center / 130% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n width: 36px;\n height: 36px;\n}\n\n.only-icon-visible-m-Ujf input.search-text-KPsTd {\n width: 0px;\n height: 0px;\n overflow: hidden;\n padding: 0;\n padding: initial;\n}\n\n.delete-icon-w-ecn {\n background: center / 35% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.search-text-KPsTd::-moz-placeholder {\n /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: #e1e2e1;\n opacity: 1; /* Firefox */\n}\n\n.search-text-KPsTd::placeholder {\n /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: #e1e2e1;\n opacity: 1; /* Firefox */\n}\n\n.search-text-KPsTd:-ms-input-placeholder ,\n.search-text-KPsTd::-ms-input-placeholder/* Microsoft Edge */ {\n color: #e1e2e1;\n}\n";
1485
+ var css_248z$1 = ".search-wrapper-7YEow {\r\n display: flex;\r\n position: relative;\r\n height: 100%;\r\n}\r\n.search-wrapper-7YEow form {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.search-text-KPsTd {\r\n border: #000 solid 0px;\r\n border-radius: 2px;\r\n -webkit-tap-highlight-color: transparent;\r\n outline: none;\r\n max-width: 195px;\r\n height: 30px;\r\n background: #f8f8f8;\r\n font-size: 13px;\r\n line-height: 14px;\r\n padding-left: 7px;\r\n padding-right: 7px;\r\n color: #4f4f4f;\r\n}\r\n.is-mobile-class .search-text-KPsTd {\r\n height: 24px;\r\n}\r\n\r\n.icon-g5EBQ {\r\n width: 32px;\r\n height: 32px;\r\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n margin-left: 0;\r\n margin-right: 0;\r\n cursor: pointer;\r\n position: absolute;\r\n right: 0px;\r\n top: 0px;\r\n}\r\n\r\n.is-mobile-class .icon-g5EBQ {\r\n position: relative;\r\n background: center / 130% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n right: auto;\r\n right: initial;\r\n top: auto;\r\n top: initial;\r\n width: 36px;\r\n height: 36px;\r\n}\r\n\r\n.only-icon-visible-m-Ujf input.search-text-KPsTd {\r\n width: 0px;\r\n height: 0px;\r\n overflow: hidden;\r\n padding: 0;\r\n padding: initial;\r\n}\r\n\r\n.delete-icon-w-ecn {\r\n background: center / 35% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.search-text-KPsTd::-moz-placeholder {\r\n /* Chrome, Firefox, Opera, Safari 10.1+ */\r\n color: #e1e2e1;\r\n opacity: 1; /* Firefox */\r\n}\r\n\r\n.search-text-KPsTd::placeholder {\r\n /* Chrome, Firefox, Opera, Safari 10.1+ */\r\n color: #e1e2e1;\r\n opacity: 1; /* Firefox */\r\n}\r\n\r\n.search-text-KPsTd:-ms-input-placeholder ,\r\n.search-text-KPsTd::-ms-input-placeholder/* Microsoft Edge */ {\r\n color: #e1e2e1;\r\n}\r\n";
1486
1486
  styleInject(css_248z$1);
1487
1487
 
1488
1488
  var SearchText = function SearchText(_ref) {
@@ -1567,7 +1567,7 @@ var SearchText = function SearchText(_ref) {
1567
1567
  };
1568
1568
 
1569
1569
  var button = "button-wgfdO";
1570
- var css_248z = ".button-wgfdO {\n cursor: pointer;\n background: center / 130% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 42 42%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13 13L18 21V27L24 30V21L29 13H13Z%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n width: 36px;\n min-width: 36px;\n height: 36px;\n}\n";
1570
+ var css_248z = ".button-wgfdO {\r\n cursor: pointer;\r\n background: center / 130% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 42 42%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M13 13L18 21V27L24 30V21L29 13H13Z%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n width: 36px;\r\n min-width: 36px;\r\n height: 36px;\r\n}\r\n";
1571
1571
  styleInject(css_248z);
1572
1572
 
1573
1573
  var FilterButton = function FilterButton(_ref) {
package/build/esm/index.js CHANGED
@@ -53,13 +53,13 @@ function styleInject(css, ref) {
53
53
 
54
54
  var productsGrid = "products-grid-WXSc9";
55
55
  var isMobileClass = "is-mobile-class-6h2Q9";
56
- var css_248z$l = ".products-grid-WXSc9 {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n grid-auto-rows: min-content;\n grid-gap: 10px;\n height: 100%;\n}\n\n.is-mobile-class-6h2Q9.products-grid-WXSc9 {\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n}\n";
56
+ var css_248z$l = ".products-grid-WXSc9 {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n grid-auto-rows: min-content;\r\n grid-gap: 10px;\r\n height: 100%;\r\n}\r\n\r\n.is-mobile-class-6h2Q9.products-grid-WXSc9 {\r\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n}\r\n";
57
57
  styleInject(css_248z$l);
58
58
 
59
59
  var nothingFoundContainer = "nothing-found-container-sB38b";
60
60
  var text$7 = "text-qpHXX";
61
61
  var icon$2 = "icon-LRAuJ";
62
- var css_248z$k = ".nothing-found-container-sB38b {\n position: absolute;\n width: 100%;\n height: 50%;\n min-height: 300px;\n max-height: 400px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n\n.text-qpHXX {\n margin: 120px 12px 0 12px;\n font-size: 22px;\n}\n\n.icon-LRAuJ {\n margin-top: 50px;\n background: url(\"data:image/svg+xml,%3Csvg id%3D%22Ebene_1%22 data-name%3D%22Ebene 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 11.89 11.82%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%231d1d1b%3Bstroke-linecap%3Around%3Bstroke-width%3A0.4px%3B%7D.cls-1%7Bstroke-miterlimit%3A10%3B%7D.cls-2%7Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Enothingfound%3C%2Ftitle%3E%3Ccircle class%3D%22cls-1%22 cx%3D%224.59%22 cy%3D%224.59%22 r%3D%224.39%22%2F%3E%3Cline class%3D%22cls-2%22 x1%3D%223.09%22 y1%3D%226.1%22 x2%3D%226.16%22 y2%3D%223.03%22%2F%3E%3Cline class%3D%22cls-1%22 x1%3D%227.8%22 y1%3D%227.73%22 x2%3D%2211.69%22 y2%3D%2211.62%22%2F%3E%3Cline class%3D%22cls-2%22 x1%3D%223.05%22 y1%3D%223.05%22 x2%3D%226.12%22 y2%3D%226.12%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n width: 200px;\n height: 200px;\n max-width: 100%;\n}\n";
62
+ var css_248z$k = ".nothing-found-container-sB38b {\r\n position: absolute;\r\n width: 100%;\r\n height: 50%;\r\n min-height: 300px;\r\n max-height: 400px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n}\r\n\r\n.text-qpHXX {\r\n margin: 120px 12px 0 12px;\r\n font-size: 22px;\r\n}\r\n\r\n.icon-LRAuJ {\r\n margin-top: 50px;\r\n background: url(\"data:image/svg+xml,%3Csvg id%3D%22Ebene_1%22 data-name%3D%22Ebene 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 11.89 11.82%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%231d1d1b%3Bstroke-linecap%3Around%3Bstroke-width%3A0.4px%3B%7D.cls-1%7Bstroke-miterlimit%3A10%3B%7D.cls-2%7Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Enothingfound%3C%2Ftitle%3E%3Ccircle class%3D%22cls-1%22 cx%3D%224.59%22 cy%3D%224.59%22 r%3D%224.39%22%2F%3E%3Cline class%3D%22cls-2%22 x1%3D%223.09%22 y1%3D%226.1%22 x2%3D%226.16%22 y2%3D%223.03%22%2F%3E%3Cline class%3D%22cls-1%22 x1%3D%227.8%22 y1%3D%227.73%22 x2%3D%2211.69%22 y2%3D%2211.62%22%2F%3E%3Cline class%3D%22cls-2%22 x1%3D%223.05%22 y1%3D%223.05%22 x2%3D%226.12%22 y2%3D%226.12%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\r\n width: 200px;\r\n height: 200px;\r\n max-width: 100%;\r\n}\r\n";
63
63
  styleInject(css_248z$k);
64
64
 
65
65
  var NothingFound = function NothingFound(props) {
@@ -482,7 +482,7 @@ var text$6 = "text-aJMJV";
482
482
  var textSel = "textSel-Fjkfv";
483
483
  var color = "color-wTvdc";
484
484
  var sel$2 = "sel-HkQZr";
485
- var css_248z$j = ".wrapper-8dbUS {\n margin: 7px 0px;\n display: flex;\n flex-basis: 50%;\n}\n.text-aJMJV {\n margin-left: 8px;\n line-height: 22px;\n font-size: 14px;\n color: #4f4f4f;\n opacity: 0.55;\n cursor: pointer;\n}\n\n.textSel-Fjkfv {\n font-weight: 600;\n opacity: 1;\n}\n\n.color-wTvdc {\n border-radius: 50%;\n border: 1px solid transparent;\n width: 22px;\n height: 22px;\n cursor: pointer;\n}\n\n.sel-HkQZr {\n border: 1px solid black;\n}\n";
485
+ var css_248z$j = ".wrapper-8dbUS {\r\n margin: 7px 0px;\r\n display: flex;\r\n flex-basis: 50%;\r\n}\r\n.text-aJMJV {\r\n margin-left: 8px;\r\n line-height: 22px;\r\n font-size: 14px;\r\n color: #4f4f4f;\r\n opacity: 0.55;\r\n cursor: pointer;\r\n}\r\n\r\n.textSel-Fjkfv {\r\n font-weight: 600;\r\n opacity: 1;\r\n}\r\n\r\n.color-wTvdc {\r\n border-radius: 50%;\r\n border: 1px solid transparent;\r\n width: 22px;\r\n height: 22px;\r\n cursor: pointer;\r\n}\r\n\r\n.sel-HkQZr {\r\n border: 1px solid black;\r\n}\r\n";
486
486
  styleInject(css_248z$j);
487
487
 
488
488
  var Color = function Color(_ref) {
@@ -520,7 +520,7 @@ var container$5 = "container-EBElI";
520
520
  var image = "image-E-uTR";
521
521
  var imageContainer = "image-container-XpdZJ";
522
522
  var text$5 = "text-K0aRR";
523
- var css_248z$i = ".container-EBElI {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n}\n\n.image-E-uTR {\n max-width: 120px;\n height: auto;\n}\n\n.image-container-XpdZJ {\n flex-basis: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.text-K0aRR {\n margin-top: 12px;\n align-self: center;\n}\n";
523
+ var css_248z$i = ".container-EBElI {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n}\r\n\r\n.image-E-uTR {\r\n max-width: 120px;\r\n height: auto;\r\n}\r\n\r\n.image-container-XpdZJ {\r\n flex-basis: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n.text-K0aRR {\r\n margin-top: 12px;\r\n align-self: center;\r\n}\r\n";
524
524
  styleInject(css_248z$i);
525
525
 
526
526
  var IconBig = function IconBig(_ref) {
@@ -549,13 +549,13 @@ var IconBig = function IconBig(_ref) {
549
549
  });
550
550
  };
551
551
 
552
- var css_248z$h = ".rc-slider {\n position: relative;\n height: 14px;\n padding: 5px 0;\n width: 85%;\n border-radius: 6px;\n touch-action: none;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-rail {\n position: absolute;\n width: 100%;\n background-color: #e9e9e9;\n height: 4px;\n border-radius: 6px;\n}\n.rc-slider-track {\n position: absolute;\n left: 0;\n height: 4px;\n border-radius: 6px;\n background-color: #abe2fb;\n}\n.rc-slider-handle {\n position: absolute;\n width: 14px;\n height: 14px;\n cursor: pointer;\n cursor: -webkit-grab;\n margin-top: -5px;\n cursor: grab;\n border-radius: 50%;\n border: solid 2px #96dbfa;\n background-color: #fff;\n touch-action: pan-x;\n}\n.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n border-color: #57c5f7;\n box-shadow: 0 0 0 5px #96dbfa;\n}\n.rc-slider-handle:focus {\n outline: none;\n}\n.rc-slider-handle-click-focused:focus {\n border-color: #96dbfa;\n box-shadow: none;\n box-shadow: initial;\n}\n.rc-slider-handle:hover {\n border-color: #57c5f7;\n}\n.rc-slider-handle:active {\n border-color: #57c5f7;\n box-shadow: 0 0 5px #57c5f7;\n cursor: grabbing;\n}\n.rc-slider-mark {\n position: absolute;\n top: 18px;\n left: 0;\n width: 100%;\n font-size: 12px;\n}\n.rc-slider-mark-text {\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n color: #999;\n}\n.rc-slider-mark-text-active {\n color: #666;\n}\n.rc-slider-step {\n position: absolute;\n width: 100%;\n height: 4px;\n background: transparent;\n}\n.rc-slider-dot {\n position: absolute;\n bottom: -2px;\n margin-left: -4px;\n width: 8px;\n height: 8px;\n border: 2px solid #e9e9e9;\n background-color: #fff;\n cursor: pointer;\n border-radius: 50%;\n vertical-align: middle;\n}\n.rc-slider-dot-active {\n border-color: #96dbfa;\n}\n.rc-slider-dot-reverse {\n margin-right: -4px;\n}\n.rc-slider-disabled {\n background-color: #e9e9e9;\n}\n.rc-slider-disabled .rc-slider-track {\n background-color: #ccc;\n}\n.rc-slider-disabled .rc-slider-handle,\n.rc-slider-disabled .rc-slider-dot {\n border-color: #ccc;\n box-shadow: none;\n background-color: #fff;\n cursor: not-allowed;\n}\n.rc-slider-disabled .rc-slider-mark-text,\n.rc-slider-disabled .rc-slider-dot {\n cursor: not-allowed !important;\n}\n.rc-slider-vertical {\n width: 14px;\n height: 100%;\n padding: 0 5px;\n}\n.rc-slider-vertical .rc-slider-rail {\n height: 100%;\n width: 4px;\n}\n.rc-slider-vertical .rc-slider-track {\n left: 5px;\n bottom: 0;\n width: 4px;\n}\n.rc-slider-vertical .rc-slider-handle {\n margin-left: -5px;\n touch-action: pan-y;\n}\n.rc-slider-vertical .rc-slider-mark {\n top: 0;\n left: 18px;\n height: 100%;\n}\n.rc-slider-vertical .rc-slider-step {\n height: 100%;\n width: 4px;\n}\n.rc-slider-vertical .rc-slider-dot {\n left: 2px;\n margin-bottom: -4px;\n}\n.rc-slider-vertical .rc-slider-dot:first-child {\n margin-bottom: -4px;\n}\n.rc-slider-vertical .rc-slider-dot:last-child {\n margin-bottom: -4px;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n display: block !important;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.rc-slider-tooltip-zoom-down-leave {\n display: block !important;\n}\n.rc-slider-tooltip-zoom-down-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n animation-name: rcSliderTooltipZoomDownIn;\n animation-play-state: running;\n}\n.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n animation-name: rcSliderTooltipZoomDownOut;\n animation-play-state: running;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n transform: scale(0, 0);\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.rc-slider-tooltip-zoom-down-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes rcSliderTooltipZoomDownIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n 100% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n}\n@keyframes rcSliderTooltipZoomDownOut {\n 0% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n}\n.rc-slider-tooltip {\n position: absolute;\n left: -9999px;\n top: -9999px;\n visibility: visible;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-tooltip * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-tooltip-hidden {\n display: none;\n}\n.rc-slider-tooltip-placement-top {\n padding: 4px 0 8px 0;\n}\n.rc-slider-tooltip-inner {\n padding: 6px 2px;\n min-width: 24px;\n height: 24px;\n font-size: 12px;\n line-height: 1;\n color: #fff;\n text-align: center;\n text-decoration: none;\n background-color: #6c6c6c;\n border-radius: 6px;\n box-shadow: 0 0 4px #d9d9d9;\n}\n.rc-slider-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n bottom: 4px;\n left: 50%;\n margin-left: -4px;\n border-width: 4px 4px 0;\n border-top-color: #6c6c6c;\n}\n";
552
+ var css_248z$h = ".rc-slider {\r\n position: relative;\r\n height: 14px;\r\n padding: 5px 0;\r\n width: 85%;\r\n border-radius: 6px;\r\n touch-action: none;\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n.rc-slider * {\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n.rc-slider-rail {\r\n position: absolute;\r\n width: 100%;\r\n background-color: #e9e9e9;\r\n height: 4px;\r\n border-radius: 6px;\r\n}\r\n.rc-slider-track {\r\n position: absolute;\r\n left: 0;\r\n height: 4px;\r\n border-radius: 6px;\r\n background-color: #abe2fb;\r\n}\r\n.rc-slider-handle {\r\n position: absolute;\r\n width: 14px;\r\n height: 14px;\r\n cursor: pointer;\r\n cursor: -webkit-grab;\r\n margin-top: -5px;\r\n cursor: grab;\r\n border-radius: 50%;\r\n border: solid 2px #96dbfa;\r\n background-color: #fff;\r\n touch-action: pan-x;\r\n}\r\n.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\r\n border-color: #57c5f7;\r\n box-shadow: 0 0 0 5px #96dbfa;\r\n}\r\n.rc-slider-handle:focus {\r\n outline: none;\r\n}\r\n.rc-slider-handle-click-focused:focus {\r\n border-color: #96dbfa;\r\n box-shadow: none;\r\n box-shadow: initial;\r\n}\r\n.rc-slider-handle:hover {\r\n border-color: #57c5f7;\r\n}\r\n.rc-slider-handle:active {\r\n border-color: #57c5f7;\r\n box-shadow: 0 0 5px #57c5f7;\r\n cursor: grabbing;\r\n}\r\n.rc-slider-mark {\r\n position: absolute;\r\n top: 18px;\r\n left: 0;\r\n width: 100%;\r\n font-size: 12px;\r\n}\r\n.rc-slider-mark-text {\r\n position: absolute;\r\n display: inline-block;\r\n vertical-align: middle;\r\n text-align: center;\r\n cursor: pointer;\r\n color: #999;\r\n}\r\n.rc-slider-mark-text-active {\r\n color: #666;\r\n}\r\n.rc-slider-step {\r\n position: absolute;\r\n width: 100%;\r\n height: 4px;\r\n background: transparent;\r\n}\r\n.rc-slider-dot {\r\n position: absolute;\r\n bottom: -2px;\r\n margin-left: -4px;\r\n width: 8px;\r\n height: 8px;\r\n border: 2px solid #e9e9e9;\r\n background-color: #fff;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n vertical-align: middle;\r\n}\r\n.rc-slider-dot-active {\r\n border-color: #96dbfa;\r\n}\r\n.rc-slider-dot-reverse {\r\n margin-right: -4px;\r\n}\r\n.rc-slider-disabled {\r\n background-color: #e9e9e9;\r\n}\r\n.rc-slider-disabled .rc-slider-track {\r\n background-color: #ccc;\r\n}\r\n.rc-slider-disabled .rc-slider-handle,\r\n.rc-slider-disabled .rc-slider-dot {\r\n border-color: #ccc;\r\n box-shadow: none;\r\n background-color: #fff;\r\n cursor: not-allowed;\r\n}\r\n.rc-slider-disabled .rc-slider-mark-text,\r\n.rc-slider-disabled .rc-slider-dot {\r\n cursor: not-allowed !important;\r\n}\r\n.rc-slider-vertical {\r\n width: 14px;\r\n height: 100%;\r\n padding: 0 5px;\r\n}\r\n.rc-slider-vertical .rc-slider-rail {\r\n height: 100%;\r\n width: 4px;\r\n}\r\n.rc-slider-vertical .rc-slider-track {\r\n left: 5px;\r\n bottom: 0;\r\n width: 4px;\r\n}\r\n.rc-slider-vertical .rc-slider-handle {\r\n margin-left: -5px;\r\n touch-action: pan-y;\r\n}\r\n.rc-slider-vertical .rc-slider-mark {\r\n top: 0;\r\n left: 18px;\r\n height: 100%;\r\n}\r\n.rc-slider-vertical .rc-slider-step {\r\n height: 100%;\r\n width: 4px;\r\n}\r\n.rc-slider-vertical .rc-slider-dot {\r\n left: 2px;\r\n margin-bottom: -4px;\r\n}\r\n.rc-slider-vertical .rc-slider-dot:first-child {\r\n margin-bottom: -4px;\r\n}\r\n.rc-slider-vertical .rc-slider-dot:last-child {\r\n margin-bottom: -4px;\r\n}\r\n.rc-slider-tooltip-zoom-down-enter,\r\n.rc-slider-tooltip-zoom-down-appear {\r\n display: block !important;\r\n}\r\n.rc-slider-tooltip-zoom-down-enter,\r\n.rc-slider-tooltip-zoom-down-appear {\r\n animation-duration: 0.3s;\r\n animation-fill-mode: both;\r\n animation-play-state: paused;\r\n}\r\n.rc-slider-tooltip-zoom-down-leave {\r\n display: block !important;\r\n}\r\n.rc-slider-tooltip-zoom-down-leave {\r\n animation-duration: 0.3s;\r\n animation-fill-mode: both;\r\n animation-play-state: paused;\r\n}\r\n.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\r\n.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\r\n animation-name: rcSliderTooltipZoomDownIn;\r\n animation-play-state: running;\r\n}\r\n.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\r\n animation-name: rcSliderTooltipZoomDownOut;\r\n animation-play-state: running;\r\n}\r\n.rc-slider-tooltip-zoom-down-enter,\r\n.rc-slider-tooltip-zoom-down-appear {\r\n transform: scale(0, 0);\r\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n.rc-slider-tooltip-zoom-down-leave {\r\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\r\n}\r\n@keyframes rcSliderTooltipZoomDownIn {\r\n 0% {\r\n opacity: 0;\r\n transform-origin: 50% 100%;\r\n transform: scale(0, 0);\r\n }\r\n 100% {\r\n transform-origin: 50% 100%;\r\n transform: scale(1, 1);\r\n }\r\n}\r\n@keyframes rcSliderTooltipZoomDownOut {\r\n 0% {\r\n transform-origin: 50% 100%;\r\n transform: scale(1, 1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform-origin: 50% 100%;\r\n transform: scale(0, 0);\r\n }\r\n}\r\n.rc-slider-tooltip {\r\n position: absolute;\r\n left: -9999px;\r\n top: -9999px;\r\n visibility: visible;\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n.rc-slider-tooltip * {\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n.rc-slider-tooltip-hidden {\r\n display: none;\r\n}\r\n.rc-slider-tooltip-placement-top {\r\n padding: 4px 0 8px 0;\r\n}\r\n.rc-slider-tooltip-inner {\r\n padding: 6px 2px;\r\n min-width: 24px;\r\n height: 24px;\r\n font-size: 12px;\r\n line-height: 1;\r\n color: #fff;\r\n text-align: center;\r\n text-decoration: none;\r\n background-color: #6c6c6c;\r\n border-radius: 6px;\r\n box-shadow: 0 0 4px #d9d9d9;\r\n}\r\n.rc-slider-tooltip-arrow {\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n border-color: transparent;\r\n border-style: solid;\r\n}\r\n.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\r\n bottom: 4px;\r\n left: 50%;\r\n margin-left: -4px;\r\n border-width: 4px 4px 0;\r\n border-top-color: #6c6c6c;\r\n}\r\n";
553
553
  styleInject(css_248z$h);
554
554
 
555
555
  var wrapper = "wrapper-vsYQO";
556
556
  var title = "title-kUOwa";
557
557
  var inputWrapper = "input-wrapper-shZ9n";
558
- var css_248z$g = ".wrapper-vsYQO {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-evenly;\n height: 130px;\n padding: 0 12px;\n}\n\n.title-kUOwa {\n width: 100%;\n display: flex;\n justify-content: space-between;\n font-weight: 500;\n font-size: 16px;\n line-height: 14px;\n}\n\n.input-wrapper-shZ9n {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.input-wrapper-shZ9n input {\n max-width: 45%;\n width: 56px;\n border: none;\n font-weight: 400;\n font-size: 14px;\n line-height: 16px;\n height: 24px;\n text-align: center;\n}\n\n.input-wrapper-shZ9n input::-webkit-outer-spin-button,\n.input-wrapper-shZ9n input::-webkit-inner-spin-button {\n -webkit-appearance: none !important;\n margin: 0 !important;\n}\n\n.input-wrapper-shZ9n input[type='number'] {\n -moz-appearance: textfield !important;\n}\n";
558
+ var css_248z$g = ".wrapper-vsYQO {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-evenly;\r\n height: 130px;\r\n padding: 0 12px;\r\n}\r\n\r\n.title-kUOwa {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n font-weight: 500;\r\n font-size: 16px;\r\n line-height: 14px;\r\n}\r\n\r\n.input-wrapper-shZ9n {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n.input-wrapper-shZ9n input {\r\n max-width: 45%;\r\n width: 56px;\r\n border: none;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 16px;\r\n height: 24px;\r\n text-align: center;\r\n}\r\n\r\n.input-wrapper-shZ9n input::-webkit-outer-spin-button,\r\n.input-wrapper-shZ9n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none !important;\r\n margin: 0 !important;\r\n}\r\n\r\n.input-wrapper-shZ9n input[type='number'] {\r\n -moz-appearance: textfield !important;\r\n}\r\n";
559
559
  styleInject(css_248z$g);
560
560
 
561
561
  var Range = function Range(_ref) {
@@ -690,7 +690,7 @@ var sel$1 = "sel-T6Pon";
690
690
  var bracket = "bracket-d91-4";
691
691
  var container$4 = "container-9K9RO";
692
692
  var checkmark = "checkmark-0N1Ff";
693
- var css_248z$f = ".text-priQf {\n}\n\n.sel-T6Pon .text-priQf {\n font-weight: 600;\n}\n.bracket-d91-4 {\n margin-left: 6px;\n opacity: 0.55;\n}\n\n/* The container */\n.container-9K9RO {\n cursor: pointer;\n /* width: max-content; */\n font-size: 14px;\n color: #4f4f4f;\n display: block;\n position: relative;\n padding-left: 35px;\n margin: 10px 6px 12px 14px;\n width: calc(100% - 35px - 20px);\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n/* Hide the browser's default checkbox */\n.container-9K9RO input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n\n/* Create a custom checkbox */\n.checkmark-0N1Ff {\n position: absolute;\n top: 0;\n left: 0;\n height: 20px;\n width: 20px;\n background-color: #fff;\n}\n\n/* On mouse-over, add a grey background color */\n/* .text:hover input ~ .checkmark {\n background-color: #ccc;\n} */\n\n/* When the checkbox is checked, add a blue background */\n/* .text input:checked ~ .checkmark {\n background-color: #2196f3;\n} */\n\n/* Create the checkmark/indicator (hidden when not checked) */\n.checkmark-0N1Ff:after {\n content: '';\n position: absolute;\n display: none;\n}\n\n/* Show the checkmark when checked */\n.container-9K9RO input:checked ~ .checkmark-0N1Ff:after {\n display: block;\n}\n\n/* Style the checkmark/indicator */\n.container-9K9RO .checkmark-0N1Ff:after {\n left: 8px;\n top: 2px;\n width: 5px;\n height: 10px;\n border: solid #000;\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(48deg);\n}\n";
693
+ var css_248z$f = ".text-priQf {\r\n}\r\n\r\n.sel-T6Pon .text-priQf {\r\n font-weight: 600;\r\n}\r\n.bracket-d91-4 {\r\n margin-left: 6px;\r\n opacity: 0.55;\r\n}\r\n\r\n/* The container */\r\n.container-9K9RO {\r\n cursor: pointer;\r\n /* width: max-content; */\r\n font-size: 14px;\r\n color: #4f4f4f;\r\n display: block;\r\n position: relative;\r\n padding-left: 35px;\r\n margin: 10px 6px 12px 14px;\r\n width: calc(100% - 35px - 20px);\r\n cursor: pointer;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n/* Hide the browser's default checkbox */\r\n.container-9K9RO input {\r\n position: absolute;\r\n opacity: 0;\r\n cursor: pointer;\r\n height: 0;\r\n width: 0;\r\n}\r\n\r\n/* Create a custom checkbox */\r\n.checkmark-0N1Ff {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 20px;\r\n width: 20px;\r\n background-color: #fff;\r\n}\r\n\r\n/* On mouse-over, add a grey background color */\r\n/* .text:hover input ~ .checkmark {\r\n background-color: #ccc;\r\n} */\r\n\r\n/* When the checkbox is checked, add a blue background */\r\n/* .text input:checked ~ .checkmark {\r\n background-color: #2196f3;\r\n} */\r\n\r\n/* Create the checkmark/indicator (hidden when not checked) */\r\n.checkmark-0N1Ff:after {\r\n content: '';\r\n position: absolute;\r\n display: none;\r\n}\r\n\r\n/* Show the checkmark when checked */\r\n.container-9K9RO input:checked ~ .checkmark-0N1Ff:after {\r\n display: block;\r\n}\r\n\r\n/* Style the checkmark/indicator */\r\n.container-9K9RO .checkmark-0N1Ff:after {\r\n left: 8px;\r\n top: 2px;\r\n width: 5px;\r\n height: 10px;\r\n border: solid #000;\r\n border-width: 0 1.5px 1.5px 0;\r\n transform: rotate(48deg);\r\n}\r\n";
694
694
  styleInject(css_248z$f);
695
695
 
696
696
  var TextList$1 = function TextList(_ref) {
@@ -728,19 +728,19 @@ var TextList$1 = function TextList(_ref) {
728
728
  var containerIconsBig = "container-icons-big-MGu0d";
729
729
  var containerTextList$1 = "container-text-list-SOEd2";
730
730
  var containerTextListColors = "container-text-list-colors-VDQV4";
731
- var css_248z$e = ".container-icons-big-MGu0d {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-column-gap: 16px;\n grid-row-gap: 16px;\n}\n\n.container-text-list-SOEd2 {\n display: flex;\n flex-direction: column;\n max-height: 250px;\n width: calc(100% - 12px);\n margin-bottom: 12px;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.container-text-list-colors-VDQV4 {\n flex-direction: row;\n flex-wrap: wrap;\n padding: 0 24px;\n}\n";
731
+ var css_248z$e = ".container-icons-big-MGu0d {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-column-gap: 16px;\r\n grid-row-gap: 16px;\r\n}\r\n\r\n.container-text-list-SOEd2 {\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 250px;\r\n width: calc(100% - 12px);\r\n margin-bottom: 12px;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n}\r\n\r\n.container-text-list-colors-VDQV4 {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n padding: 0 24px;\r\n}\r\n";
732
732
  styleInject(css_248z$e);
733
733
 
734
734
  var container$3 = "container-nvB-h";
735
735
  var lessPadding = "less-padding-e37Ry";
736
- var css_248z$d = ".container-nvB-h {\n background: #f2f2f2;\n position: relative;\n margin-top: 6px;\n border-radius: 3px;\n padding: 12px;\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n width: calc(100% - 24px);\n margin-bottom: 12px;\n}\n\n.less-padding-e37Ry {\n margin-top: 0px;\n padding: 0 12px 12px 12px;\n}\n";
736
+ var css_248z$d = ".container-nvB-h {\r\n background: #f2f2f2;\r\n position: relative;\r\n margin-top: 6px;\r\n border-radius: 3px;\r\n padding: 12px;\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n width: calc(100% - 24px);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.less-padding-e37Ry {\r\n margin-top: 0px;\r\n padding: 0 12px 12px 12px;\r\n}\r\n";
737
737
  styleInject(css_248z$d);
738
738
 
739
739
  var container$2 = "container-iG597";
740
740
  var containerWhite = "container-white-oKHuo";
741
741
  var text$3 = "text-FbwlB";
742
742
  var closeIcon$1 = "close-icon-LIjzW";
743
- var css_248z$c = ".container-iG597 {\n background-color: #e5e5e5;\n border-radius: 3px;\n padding: 6px;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n cursor: pointer;\n transition: background-color 0.3s ease, color 0.3s ease;\n}\n.container-white-oKHuo {\n background-color: #fff;\n}\n\n.container-iG597:hover {\n background-color: #4f4f4f;\n color: white;\n}\n\n.text-FbwlB {\n font-size: 12px;\n line-height: 16px;\n}\n.close-icon-LIjzW {\n margin-left: 4px;\n width: 16px;\n height: 16px;\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M6.99998 1.13477L1 7.13475M6.99998 7.13477L1 1.13479%22 stroke%3D%22%23B6B6B7%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n transition: background-image 0.3s ease;\n}\n\n.container-iG597:hover .close-icon-LIjzW {\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M6.99998 1.13477L1 7.13475M6.99998 7.13477L1 1.13479%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
743
+ var css_248z$c = ".container-iG597 {\r\n background-color: #e5e5e5;\r\n border-radius: 3px;\r\n padding: 6px;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n display: flex;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n}\r\n.container-white-oKHuo {\r\n background-color: #fff;\r\n}\r\n\r\n.container-iG597:hover {\r\n background-color: #4f4f4f;\r\n color: white;\r\n}\r\n\r\n.text-FbwlB {\r\n font-size: 12px;\r\n line-height: 16px;\r\n}\r\n.close-icon-LIjzW {\r\n margin-left: 4px;\r\n width: 16px;\r\n height: 16px;\r\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M6.99998 1.13477L1 7.13475M6.99998 7.13477L1 1.13479%22 stroke%3D%22%23B6B6B7%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n transition: background-image 0.3s ease;\r\n}\r\n\r\n.container-iG597:hover .close-icon-LIjzW {\r\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M6.99998 1.13477L1 7.13475M6.99998 7.13477L1 1.13479%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
744
744
  styleInject(css_248z$c);
745
745
 
746
746
  var FilterItem = function FilterItem(_ref) {
@@ -860,13 +860,13 @@ var FilterOverview = function FilterOverview(_ref) {
860
860
  var containerDropdown = "container-dropdown-m7R4s";
861
861
  var scroller = "scroller-CNQ1i";
862
862
  var optionClass = "option-class-aU1--";
863
- var css_248z$b = ".container-dropdown-m7R4s {\n padding: 0 12px 12px 12px;\n width: calc(100% - 24px);\n position: relative;\n}\n.scroller-CNQ1i {\n display: none;\n}\n.option-class-aU1-- {\n padding: 6px;\n font-size: 14px;\n color: #4f4f4f;\n cursor: pointer;\n border: medium none currentColor;\n border: initial;\n text-align: inherit;\n background-color: transparent;\n transition: background-color 300ms ease;\n}\n.option-class-aU1--:hover {\n background-color: #ebebeb;\n}\n\n.container-dropdown-m7R4s[focus-within] .scroller-CNQ1i,\n.scroller-CNQ1i:focus,\n.option-class-aU1--:focus + .scroller-CNQ1i, .is-mobile-class .container-dropdown-m7R4s:hover .scroller-CNQ1i,\n.scroller-CNQ1i:hover,\n.option-class-aU1--:hover + .scroller-CNQ1i {\n display: flex;\n flex-direction: column;\n max-height: 150px;\n overflow: auto;\n margin-top: 12px;\n}\n\n.container-dropdown-m7R4s:focus-within .scroller-CNQ1i,\n.scroller-CNQ1i:focus,\n.option-class-aU1--:focus + .scroller-CNQ1i, .is-mobile-class .container-dropdown-m7R4s:hover .scroller-CNQ1i,\n.scroller-CNQ1i:hover,\n.option-class-aU1--:hover + .scroller-CNQ1i {\n display: flex;\n flex-direction: column;\n max-height: 150px;\n overflow: auto;\n margin-top: 12px;\n}\n";
863
+ var css_248z$b = ".container-dropdown-m7R4s {\r\n padding: 0 12px 12px 12px;\r\n width: calc(100% - 24px);\r\n position: relative;\r\n}\r\n.scroller-CNQ1i {\r\n display: none;\r\n}\r\n.option-class-aU1-- {\r\n padding: 6px;\r\n font-size: 14px;\r\n color: #4f4f4f;\r\n cursor: pointer;\r\n border: medium none currentColor;\r\n border: initial;\r\n text-align: inherit;\r\n background-color: transparent;\r\n transition: background-color 300ms ease;\r\n}\r\n.option-class-aU1--:hover {\r\n background-color: #ebebeb;\r\n}\r\n\r\n.container-dropdown-m7R4s[focus-within] .scroller-CNQ1i,\r\n.scroller-CNQ1i:focus,\r\n.option-class-aU1--:focus + .scroller-CNQ1i, .is-mobile-class .container-dropdown-m7R4s:hover .scroller-CNQ1i,\r\n.scroller-CNQ1i:hover,\r\n.option-class-aU1--:hover + .scroller-CNQ1i {\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 150px;\r\n overflow: auto;\r\n margin-top: 12px;\r\n}\r\n\r\n.container-dropdown-m7R4s:focus-within .scroller-CNQ1i,\r\n.scroller-CNQ1i:focus,\r\n.option-class-aU1--:focus + .scroller-CNQ1i, .is-mobile-class .container-dropdown-m7R4s:hover .scroller-CNQ1i,\r\n.scroller-CNQ1i:hover,\r\n.option-class-aU1--:hover + .scroller-CNQ1i {\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 150px;\r\n overflow: auto;\r\n margin-top: 12px;\r\n}\r\n";
864
864
  styleInject(css_248z$b);
865
865
 
866
866
  var searchWrapper$1 = "search-wrapper-78fTE";
867
867
  var searchText$1 = "search-text-7wct3";
868
868
  var icon$1 = "icon-JhWGL";
869
- var css_248z$a = ".search-wrapper-78fTE {\n display: flex;\n position: relative;\n width: 100%;\n}\n.search-wrapper-78fTE form {\n width: 100%;\n}\n\n.search-text-7wct3 {\n border: #000 solid 0px;\n border-radius: 2px;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n width: 100%;\n height: 30px;\n background: #f8f8f8;\n font-size: 13px;\n line-height: 14px;\n padding-left: 7px;\n padding-right: 7px;\n color: #4f4f4f;\n width: calc(100% - 14px);\n}\n\n.icon-JhWGL {\n width: 32px;\n height: 32px;\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n margin-left: 0;\n margin-right: 0;\n cursor: pointer;\n position: absolute;\n right: 0px;\n top: 0px;\n border: medium none currentColor;\n border: initial;\n}\n\n.search-text-7wct3::-moz-placeholder {\n /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: #e1e2e1;\n opacity: 1; /* Firefox */\n}\n\n.search-text-7wct3::placeholder {\n /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: #e1e2e1;\n opacity: 1; /* Firefox */\n}\n\n.search-text-7wct3:-ms-input-placeholder ,\n.search-text-7wct3::-ms-input-placeholder/* Microsoft Edge */ {\n color: #e1e2e1;\n}\n";
869
+ var css_248z$a = ".search-wrapper-78fTE {\r\n display: flex;\r\n position: relative;\r\n width: 100%;\r\n}\r\n.search-wrapper-78fTE form {\r\n width: 100%;\r\n}\r\n\r\n.search-text-7wct3 {\r\n border: #000 solid 0px;\r\n border-radius: 2px;\r\n -webkit-tap-highlight-color: transparent;\r\n outline: none;\r\n width: 100%;\r\n height: 30px;\r\n background: #f8f8f8;\r\n font-size: 13px;\r\n line-height: 14px;\r\n padding-left: 7px;\r\n padding-right: 7px;\r\n color: #4f4f4f;\r\n width: calc(100% - 14px);\r\n}\r\n\r\n.icon-JhWGL {\r\n width: 32px;\r\n height: 32px;\r\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n margin-left: 0;\r\n margin-right: 0;\r\n cursor: pointer;\r\n position: absolute;\r\n right: 0px;\r\n top: 0px;\r\n border: medium none currentColor;\r\n border: initial;\r\n}\r\n\r\n.search-text-7wct3::-moz-placeholder {\r\n /* Chrome, Firefox, Opera, Safari 10.1+ */\r\n color: #e1e2e1;\r\n opacity: 1; /* Firefox */\r\n}\r\n\r\n.search-text-7wct3::placeholder {\r\n /* Chrome, Firefox, Opera, Safari 10.1+ */\r\n color: #e1e2e1;\r\n opacity: 1; /* Firefox */\r\n}\r\n\r\n.search-text-7wct3:-ms-input-placeholder ,\r\n.search-text-7wct3::-ms-input-placeholder/* Microsoft Edge */ {\r\n color: #e1e2e1;\r\n}\r\n";
870
870
  styleInject(css_248z$a);
871
871
 
872
872
  var SearchText$1 = function SearchText(_ref) {
@@ -1103,7 +1103,7 @@ var filterClass$1 = "filter-class-9KyvR";
1103
1103
  var text$2 = "text-hPxKz";
1104
1104
  var arrow$1 = "arrow-Z9coa";
1105
1105
  var openClass$1 = "open-class-FwsGP";
1106
- var css_248z$9 = ".filter-class-9KyvR {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 3px;\n padding: 12px;\n transition: background-color 0.3s ease;\n}\n.text-hPxKz {\n font-size: 15px;\n font-weight: 400;\n}\n\n.arrow-Z9coa {\n width: 8px;\n height: 20px;\n background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%3C%2Fsvg%3E\");\n transition: transform 0.3s ease;\n}\n\n.open-class-FwsGP .arrow-Z9coa {\n transform: rotate(90deg);\n}\n";
1106
+ var css_248z$9 = ".filter-class-9KyvR {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-radius: 3px;\r\n padding: 12px;\r\n transition: background-color 0.3s ease;\r\n}\r\n.text-hPxKz {\r\n font-size: 15px;\r\n font-weight: 400;\r\n}\r\n\r\n.arrow-Z9coa {\r\n width: 8px;\r\n height: 20px;\r\n background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.open-class-FwsGP .arrow-Z9coa {\r\n transform: rotate(90deg);\r\n}\r\n";
1107
1107
  styleInject(css_248z$9);
1108
1108
 
1109
1109
  var FilterHeader$1 = function FilterHeader(_ref) {
@@ -1124,7 +1124,7 @@ var FilterHeader$1 = function FilterHeader(_ref) {
1124
1124
  };
1125
1125
 
1126
1126
  var filterContainer$1 = "filter-container-fOTsM";
1127
- var css_248z$8 = ".filter-container-fOTsM {\n background: #f2f2f2;\n position: relative;\n margin-bottom: 12px;\n border-radius: 3px;\n}\n\n/* ===== Scrollbar CSS ===== */\n/* Firefox */\n.filter-container-fOTsM * {\n scrollbar-width: thin;\n scrollbar-color: #7b7b7b #ffffff;\n}\n\n/* Chrome, Edge, and Safari */\n.filter-container-fOTsM *::-webkit-scrollbar {\n width: 6px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-track {\n background: #ffffff;\n border-radius: 3px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-thumb {\n background-color: #7b7b7b;\n border-radius: 3px;\n border: 0px solid #ffffff;\n}\n";
1127
+ var css_248z$8 = ".filter-container-fOTsM {\r\n background: #f2f2f2;\r\n position: relative;\r\n margin-bottom: 12px;\r\n border-radius: 3px;\r\n}\r\n\r\n/* ===== Scrollbar CSS ===== */\r\n/* Firefox */\r\n.filter-container-fOTsM * {\r\n scrollbar-width: thin;\r\n scrollbar-color: #7b7b7b #ffffff;\r\n}\r\n\r\n/* Chrome, Edge, and Safari */\r\n.filter-container-fOTsM *::-webkit-scrollbar {\r\n width: 6px;\r\n}\r\n\r\n.filter-container-fOTsM *::-webkit-scrollbar-track {\r\n background: #ffffff;\r\n border-radius: 3px;\r\n}\r\n\r\n.filter-container-fOTsM *::-webkit-scrollbar-thumb {\r\n background-color: #7b7b7b;\r\n border-radius: 3px;\r\n border: 0px solid #ffffff;\r\n}\r\n";
1128
1128
  styleInject(css_248z$8);
1129
1129
 
1130
1130
  var Facets = function Facets(_ref) {
@@ -1214,16 +1214,16 @@ var Facet = function Facet(_ref2) {
1214
1214
  var productsHeader = "products-header-VDZ8o";
1215
1215
  var searchResultText = "search-result-text-7XKji";
1216
1216
  var closeIcon = "close-icon-yTH1P";
1217
- var css_248z$7 = ".products-header-VDZ8o {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n margin-top: 16px;\n height: 30px;\n}\n.products-header-VDZ8o.is-mobile-class {\n margin-top: 0;\n justify-content: initial;\n height: 36px;\n}\n\n.search-result-text-7XKji {\n line-height: 22px;\n cursor: pointer;\n display: flex;\n align-items: flex-start;\n color: #4f4f4f;\n}\n\n.close-icon-yTH1P {\n margin-left: 8px;\n margin-top: 4px;\n width: 16px;\n height: 16px;\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n transition: background-image 0.3s ease;\n}\n";
1217
+ var css_248z$7 = ".products-header-VDZ8o {\r\n display: flex;\r\n width: 100%;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 16px;\r\n height: 30px;\r\n}\r\n.products-header-VDZ8o.is-mobile-class {\r\n margin-top: 0;\r\n justify-content: initial;\r\n height: 36px;\r\n}\r\n\r\n.search-result-text-7XKji {\r\n line-height: 22px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: flex-start;\r\n color: #4f4f4f;\r\n}\r\n\r\n.close-icon-yTH1P {\r\n margin-left: 8px;\r\n margin-top: 4px;\r\n width: 16px;\r\n height: 16px;\r\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n transition: background-image 0.3s ease;\r\n}\r\n";
1218
1218
  styleInject(css_248z$7);
1219
1219
 
1220
1220
  var container$1 = "container-6SXwe";
1221
- var css_248z$6 = ".container-6SXwe {\n display: flex;\n height: 40px;\n overflow: visible;\n}\n\n.is-mobile-class .container-6SXwe {\n height: 32px;\n margin-top: 0;\n}\n\n.filter-container-tZ0FN {\n position: relative;\n border-radius: 3px;\n width: 150px;\n}\n";
1221
+ var css_248z$6 = ".container-6SXwe {\r\n display: flex;\r\n height: 40px;\r\n overflow: visible;\r\n}\r\n\r\n.is-mobile-class .container-6SXwe {\r\n height: 32px;\r\n margin-top: 0;\r\n}\r\n\r\n.filter-container-tZ0FN {\r\n position: relative;\r\n border-radius: 3px;\r\n width: 150px;\r\n}\r\n";
1222
1222
  styleInject(css_248z$6);
1223
1223
 
1224
1224
  var text$1 = "text-X2Zm5";
1225
1225
  var sel = "sel-3K5vv";
1226
- var css_248z$5 = ".text-X2Zm5 {\n cursor: pointer;\n margin: 10px 20px;\n width: -moz-max-content;\n width: max-content;\n font-size: 14px;\n color: #4f4f4f;\n display: inherit;\n width: calc(100% - 40px);\n word-break: keep-all;\n word-wrap: break-word;\n}\n.sel-3K5vv {\n font-weight: 600;\n}\n\n.is-mobile-class .text-X2Zm5 {\n width: calc(100% - 20px);\n margin: 10px;\n}\n";
1226
+ var css_248z$5 = ".text-X2Zm5 {\r\n cursor: pointer;\r\n margin: 10px 20px;\r\n width: -moz-max-content;\r\n width: max-content;\r\n font-size: 14px;\r\n color: #4f4f4f;\r\n display: inherit;\r\n width: calc(100% - 40px);\r\n word-break: keep-all;\r\n word-wrap: break-word;\r\n}\r\n.sel-3K5vv {\r\n font-weight: 600;\r\n}\r\n\r\n.is-mobile-class .text-X2Zm5 {\r\n width: calc(100% - 20px);\r\n margin: 10px;\r\n}\r\n";
1227
1227
  styleInject(css_248z$5);
1228
1228
 
1229
1229
  var TextList = function TextList(_ref) {
@@ -1241,7 +1241,7 @@ var TextList = function TextList(_ref) {
1241
1241
 
1242
1242
  var container = "container-HKO2r";
1243
1243
  var containerTextList = "container-text-list-IzlJI";
1244
- var css_248z$4 = ".container-HKO2r {\n margin-bottom: 4px;\n}\n\n.container-text-list-IzlJI {\n display: flex;\n flex-direction: column;\n max-height: 250px;\n max-width: 140px;\n overflow-x: hidden;\n overflow-y: auto;\n margin-bottom: 12px;\n background: #f2f2f2;\n border-radius: 0 0 5px 5px;\n width: 150px;\n position: relative;\n z-index: 10;\n}\n\n.is-mobile-class .container-text-list-IzlJI {\n width: auto;\n width: initial;\n}\n";
1244
+ var css_248z$4 = ".container-HKO2r {\r\n margin-bottom: 4px;\r\n}\r\n\r\n.container-text-list-IzlJI {\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 250px;\r\n max-width: 140px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n margin-bottom: 12px;\r\n background: #f2f2f2;\r\n border-radius: 0 0 5px 5px;\r\n width: 150px;\r\n position: relative;\r\n z-index: 10;\r\n}\r\n\r\n.is-mobile-class .container-text-list-IzlJI {\r\n width: auto;\r\n width: initial;\r\n}\r\n";
1245
1245
  styleInject(css_248z$4);
1246
1246
 
1247
1247
  var FilterBody = function FilterBody(_ref) {
@@ -1265,14 +1265,14 @@ var FilterBody = function FilterBody(_ref) {
1265
1265
  };
1266
1266
 
1267
1267
  var filterContainer = "filter-container-3oi-3";
1268
- var css_248z$3 = ".filter-container-3oi-3 {\n position: relative;\n border-radius: 3px;\n width: 150px;\n}\n\n.is-mobile-class .filter-container-3oi-3 {\n width: 110px;\n}\n";
1268
+ var css_248z$3 = ".filter-container-3oi-3 {\r\n position: relative;\r\n border-radius: 3px;\r\n width: 150px;\r\n}\r\n\r\n.is-mobile-class .filter-container-3oi-3 {\r\n width: 110px;\r\n}\r\n";
1269
1269
  styleInject(css_248z$3);
1270
1270
 
1271
1271
  var filterClass = "filter-class-lFSkB";
1272
1272
  var text = "text-Jc-Vf";
1273
1273
  var arrow = "arrow-H6SLH";
1274
1274
  var openClass = "open-class-3FJxH";
1275
- var css_248z$2 = ".filter-class-lFSkB {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 3px;\n padding: 6px 12px;\n transition: background-color 0.3s ease;\n min-width: 100px;\n}\n.text-Jc-Vf {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n margin-right: 12px;\n}\n\n.is-mobile-class .text-Jc-Vf {\n margin-right: 4px;\n}\n\n.arrow-H6SLH {\n width: 8px;\n height: 20px;\n background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%3C%2Fsvg%3E\");\n transition: transform 0.3s ease;\n cursor: pointer;\n}\n\n.open-class-3FJxH .arrow-H6SLH {\n transform: rotate(90deg);\n}\n\n.open-class-3FJxH {\n background: #f2f2f2;\n border-radius: 5px 5px 0 0;\n}\n";
1275
+ var css_248z$2 = ".filter-class-lFSkB {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-radius: 3px;\r\n padding: 6px 12px;\r\n transition: background-color 0.3s ease;\r\n min-width: 100px;\r\n}\r\n.text-Jc-Vf {\r\n font-size: 16px;\r\n font-weight: 400;\r\n cursor: pointer;\r\n margin-right: 12px;\r\n}\r\n\r\n.is-mobile-class .text-Jc-Vf {\r\n margin-right: 4px;\r\n}\r\n\r\n.arrow-H6SLH {\r\n width: 8px;\r\n height: 20px;\r\n background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n transition: transform 0.3s ease;\r\n cursor: pointer;\r\n}\r\n\r\n.open-class-3FJxH .arrow-H6SLH {\r\n transform: rotate(90deg);\r\n}\r\n\r\n.open-class-3FJxH {\r\n background: #f2f2f2;\r\n border-radius: 5px 5px 0 0;\r\n}\r\n";
1276
1276
  styleInject(css_248z$2);
1277
1277
 
1278
1278
  var FilterHeader = function FilterHeader(_ref) {
@@ -1466,7 +1466,7 @@ var searchText = "search-text-KPsTd";
1466
1466
  var icon = "icon-g5EBQ";
1467
1467
  var onlyIconVisible = "only-icon-visible-m-Ujf";
1468
1468
  var deleteIcon = "delete-icon-w-ecn";
1469
- var css_248z$1 = ".search-wrapper-7YEow {\n display: flex;\n position: relative;\n height: 100%;\n}\n.search-wrapper-7YEow form {\n display: flex;\n align-items: center;\n}\n\n.search-text-KPsTd {\n border: #000 solid 0px;\n border-radius: 2px;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n max-width: 195px;\n height: 30px;\n background: #f8f8f8;\n font-size: 13px;\n line-height: 14px;\n padding-left: 7px;\n padding-right: 7px;\n color: #4f4f4f;\n}\n.is-mobile-class .search-text-KPsTd {\n height: 24px;\n}\n\n.icon-g5EBQ {\n width: 32px;\n height: 32px;\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n margin-left: 0;\n margin-right: 0;\n cursor: pointer;\n position: absolute;\n right: 0px;\n top: 0px;\n}\n\n.is-mobile-class .icon-g5EBQ {\n position: relative;\n background: center / 130% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n width: 36px;\n height: 36px;\n}\n\n.only-icon-visible-m-Ujf input.search-text-KPsTd {\n width: 0px;\n height: 0px;\n overflow: hidden;\n padding: 0;\n padding: initial;\n}\n\n.delete-icon-w-ecn {\n background: center / 35% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.search-text-KPsTd::-moz-placeholder {\n /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: #e1e2e1;\n opacity: 1; /* Firefox */\n}\n\n.search-text-KPsTd::placeholder {\n /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: #e1e2e1;\n opacity: 1; /* Firefox */\n}\n\n.search-text-KPsTd:-ms-input-placeholder ,\n.search-text-KPsTd::-ms-input-placeholder/* Microsoft Edge */ {\n color: #e1e2e1;\n}\n";
1469
+ var css_248z$1 = ".search-wrapper-7YEow {\r\n display: flex;\r\n position: relative;\r\n height: 100%;\r\n}\r\n.search-wrapper-7YEow form {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.search-text-KPsTd {\r\n border: #000 solid 0px;\r\n border-radius: 2px;\r\n -webkit-tap-highlight-color: transparent;\r\n outline: none;\r\n max-width: 195px;\r\n height: 30px;\r\n background: #f8f8f8;\r\n font-size: 13px;\r\n line-height: 14px;\r\n padding-left: 7px;\r\n padding-right: 7px;\r\n color: #4f4f4f;\r\n}\r\n.is-mobile-class .search-text-KPsTd {\r\n height: 24px;\r\n}\r\n\r\n.icon-g5EBQ {\r\n width: 32px;\r\n height: 32px;\r\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n margin-left: 0;\r\n margin-right: 0;\r\n cursor: pointer;\r\n position: absolute;\r\n right: 0px;\r\n top: 0px;\r\n}\r\n\r\n.is-mobile-class .icon-g5EBQ {\r\n position: relative;\r\n background: center / 130% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n right: auto;\r\n right: initial;\r\n top: auto;\r\n top: initial;\r\n width: 36px;\r\n height: 36px;\r\n}\r\n\r\n.only-icon-visible-m-Ujf input.search-text-KPsTd {\r\n width: 0px;\r\n height: 0px;\r\n overflow: hidden;\r\n padding: 0;\r\n padding: initial;\r\n}\r\n\r\n.delete-icon-w-ecn {\r\n background: center / 35% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.search-text-KPsTd::-moz-placeholder {\r\n /* Chrome, Firefox, Opera, Safari 10.1+ */\r\n color: #e1e2e1;\r\n opacity: 1; /* Firefox */\r\n}\r\n\r\n.search-text-KPsTd::placeholder {\r\n /* Chrome, Firefox, Opera, Safari 10.1+ */\r\n color: #e1e2e1;\r\n opacity: 1; /* Firefox */\r\n}\r\n\r\n.search-text-KPsTd:-ms-input-placeholder ,\r\n.search-text-KPsTd::-ms-input-placeholder/* Microsoft Edge */ {\r\n color: #e1e2e1;\r\n}\r\n";
1470
1470
  styleInject(css_248z$1);
1471
1471
 
1472
1472
  var SearchText = function SearchText(_ref) {
@@ -1551,7 +1551,7 @@ var SearchText = function SearchText(_ref) {
1551
1551
  };
1552
1552
 
1553
1553
  var button = "button-wgfdO";
1554
- var css_248z = ".button-wgfdO {\n cursor: pointer;\n background: center / 130% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 42 42%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13 13L18 21V27L24 30V21L29 13H13Z%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n width: 36px;\n min-width: 36px;\n height: 36px;\n}\n";
1554
+ var css_248z = ".button-wgfdO {\r\n cursor: pointer;\r\n background: center / 130% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 42 42%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M13 13L18 21V27L24 30V21L29 13H13Z%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n width: 36px;\r\n min-width: 36px;\r\n height: 36px;\r\n}\r\n";
1555
1555
  styleInject(css_248z);
1556
1556
 
1557
1557
  var FilterButton = function FilterButton(_ref) {