@getlupa/vue 0.4.0 → 0.5.0

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 (9) hide show
  1. package/dist/lupaContainerStyle.css +1 -1
  2. package/dist/lupaSearch.js +56 -17
  3. package/dist/lupaSearch.mjs +56 -17
  4. package/dist/src/components/search-box/SearchBoxNoResults.vue.d.ts +14 -0
  5. package/dist/src/index.d.ts +2 -2
  6. package/dist/src/stores/searchBox.d.ts +4 -1
  7. package/dist/src/types/search-box/SearchBoxOptions.d.ts +19 -0
  8. package/dist/style.css +1 -1
  9. package/package.json +1 -1
package/dist/lupaContainerStyle.css CHANGED
@@ -1 +1 @@
1
- .slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit !important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none !important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block !important}.slider-horizontal{height:var(--slider-height, 6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height, 16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-width, 16px)}.slider-vertical{height:var(--slider-vertical-height, 300px);width:var(--slider-height, 6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width, 16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-height, 16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg, #d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius, 9999px)}.slider-connect{background:var(--slider-connect-bg, #10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg, #fff);border:var(--slider-handle-border, 0);border-radius:var(--slider-handle-radius, 9999px);box-shadow:var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height, 16px);width:var(--slider-handle-width, 16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, 0.188)),var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled, #9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled, #9ca3af);border-color:var(--slider-tooltip-bg-disabled, #9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg, #10b981);border:1px solid var(--slider-tooltip-bg, #10b981);border-radius:var(--slider-tooltip-radius, 5px);color:var(--slider-tooltip-color, #fff);display:block;font-size:var(--slider-tooltip-font-size, 0.875rem);font-weight:var(--slider-tooltip-font-weight, 600);line-height:var(--slider-tooltip-line-height, 1.25rem);min-width:var(--slider-tooltip-min-width, 20px);padding:var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * -1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}:root{--lupa-available-height: 100%}#lupa-search-box-panel{position:absolute;width:100%;height:auto;border:1px solid #d8d8d8;background:#fff;box-shadow:0px 4px 6px rgba(0,0,0,.25);z-index:5000;border-radius:0;font-family:"Roboto",sans-serif;box-sizing:border-box}#lupa-search-box-panel:empty{display:none}@media(max-width: 767px){#lupa-search-box-panel{max-height:var(--lupa-available-height);overflow-y:auto}}.lupa-main-panel{display:grid;grid-template:"suggestions docs";grid-template-columns:minmax(50px, 35%) minmax(250px, 1fr)}@media(max-width: 767px){.lupa-main-panel{display:block}}.lupa-panel-suggestion-index{grid-area:left;word-break:break-word}@media(min-width: 767px){.lupa-panel-suggestion-index{border-right:1px solid #d8d8d8}}.lupa-panel-document-index{grid-area:right;word-break:break-word}.lupa-more-results{cursor:pointer;border-top:1px solid #d8d8d8;padding:5px 10px;color:#161616;background-color:#fff;font-size:14px;line-height:24px}.lupa-more-results:hover{background-color:rgba(0,0,0,.05);color:#3c53f4}#lupa-search-box-panel{display:flex;justify-content:space-between;flex-direction:column}.lupa-more-results{text-align:center}#lupa-search-box{width:100%}.lupa-search-box-wrapper{position:relative}.lupa-suggestion{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;color:#161616;background-color:#fff;padding:4px 20px;font-size:16px;line-height:24px}.lupa-suggestion strong{color:#161616}.lupa-suggestion-value{margin-right:7px}.lupa-suggestion-facet{font-size:13px}.lupa-suggestion-facet-label{margin-right:2px}.lupa-suggestion-facet-value{font-weight:bold}.lupa-suggestion-highlighted,.lupa-suggestion:hover{cursor:pointer;color:#3c53f4;background-color:rgba(0,0,0,.05)}.lupa-suggestion-highlighted strong,.lupa-suggestion:hover strong{color:#3c53f4}.lupa-suggestion:hover{text-decoration:underline}.lupa-search-box-input-field{position:relative !important;background:rgba(0,0,0,0) !important}.lupa-search-box-input-field,.lupa-hint{color:#161616;height:48px;padding:0 16px;line-height:1.5;font-size:16px;font-family:"Roboto",sans-serif;width:100%}.lupa-search-box-input-field{border:1px solid #d8d8d8;color:#161616}.lupa-hint{opacity:.5;position:absolute !important;pointer-events:none;border:1px solid rgba(0,0,0,0)}.lupa-input-clear{display:none}.lupa-search-box-history-item{cursor:pointer}.lupa-search-box-history-item-content{display:flex;justify-content:space-between}.lupa-search-box-history-item-text{width:100%;display:flex;align-items:center;line-height:24px;font-size:16px;padding:4px 20px;color:#161616}.lupa-search-box-history-item-text:hover,.lupa-search-box-history-item-text.lupa-search-box-history-item-highlighted{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-history-item-text:hover{text-decoration:underline}.lupa-search-box-history-item-clear{display:flex;align-items:center;padding:4px 20px;color:#161616;font-size:24px}.lupa-search-box-history-item-clear:hover{color:#161616;background-color:rgba(0,0,0,.05)}.lupa-search-box-history-clear-all{text-align:center;cursor:pointer;border-top:1px solid #d8d8d8;padding:4px 20px;line-height:24px;font-size:14px;color:#161616}.lupa-search-box-history-clear-all:hover{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-product{padding:10px;font-size:14px;display:flex;cursor:pointer;text-decoration:inherit;color:inherit}.lupa-search-box-product:hover,.lupa-search-box-product.lupa-search-box-product-highlighted{text-decoration:none;background-color:rgba(0,0,0,.05)}.lupa-search-box-product:hover .lupa-search-box-product-title,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-title{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-custom,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-custom{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-price{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-regular-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-regular-price{color:#161616}.lupa-search-box-product-details-section{font-family:"Roboto",sans-serif}.lupa-search-box-product-details-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.lupa-search-box-product-image-section{min-width:85px;flex:0 1}.lupa-search-box-image-wrapper,.lupa-search-box-image{width:70px;height:70px}.lupa-search-box-image{object-fit:contain}.lupa-search-box-product-title{font-size:16px;line-height:15px;color:#161616}.lupa-search-box-product-custom{font-size:14px;line-height:15px;color:#161616}.lupa-search-box-product-price{font-size:16px;line-height:15px;color:#3c53f4}.lupa-search-box-product-regular-price{font-size:14px;line-height:15px;color:#161616;font-weight:normal}.lupa-search-box-product-description{max-height:42px;line-height:14px;color:#161616;overflow:hidden}.lupa-search-box-product-add-to-cart-section{flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center}.lupa-search-result-facets{font-family:"Roboto",sans-serif}.lupa-facets-title{font-size:16px;line-height:1.1;font-weight:700;padding:0 0 10px;color:#161616}.lupa-search-result-facet-display{border-bottom:1px solid #d8d8d8}.lupa-search-result-facet-display:first-child{border-top:1px solid #d8d8d8}.lupa-search-result-facet-label{justify-content:space-between;display:flex;font-size:14px;line-height:21px;font-weight:700;padding:10.5px;color:#161616;cursor:pointer}.lupa-search-result-facet-label:hover{color:#3c53f4}.lupa-search-result-facet-label.open{padding:10.5px 10.5px 0}.lupa-facet-label-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-facet-label-caret.open::after{transform:rotate(180deg)}.lupa-facet-content{padding:5px 10px 20px}.lupa-facet-term{padding:4px 5px;margin:16px 0 0}.lupa-term-checkbox-label{width:100%;padding-left:8px;display:flex;justify-content:space-between;align-items:center}.lupa-facet-term{cursor:pointer;display:flex;align-items:center;font-size:14px;color:#161616}.lupa-facet-term:hover{background:rgba(0,0,0,.05)}.lupa-facet-term.checked{font-weight:bold}.lupa-term-count{color:#161616}.lupa-term-checkbox{display:inline-block;height:18px;width:18px;box-sizing:border-box;border:2px solid #3c53f4;border-radius:0px;content:"";display:flex;justify-content:center;align-items:center}.lupa-term-checkbox.checked::after{border:3px solid #3c53f4;border-radius:0px;display:inline-block;content:""}.lupa-show-more-facet-results{justify-content:center}.lupa-term-filter{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-show-more-facet-results{color:#161616;font-size:14px}.lupa-show-more-facet-results:hover{color:#161616}.lupa-stats-facet-summary{text-align:center;font-size:14px}.lupa-stats-slider-wrapper{margin:10px 0 0;padding:0 8px}.lupa-stats-slider-wrapper .slider-connects{background-color:rgba(60,83,244,.3)}.lupa-stats-slider-wrapper .slider-connect{background-color:#3c53f4}.lupa-stats-slider-wrapper .slider-handle{background:#3c53f4;border-radius:50%;border:0px solid #3c53f4;z-index:3;cursor:pointer}.lupa-stats-slider-wrapper .slider-handle:hover{background:#3c53f4}.lupa-stats-range-label{font-size:12px;margin:0 0 5px}.lupa-stats-facet-summary-input{display:flex;align-items:center;justify-content:center}.lupa-stats-facet-summary-input input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-stats-facet-summary-input .lupa-stats-from,.lupa-stats-facet-summary-input .lupa-stats-to{display:flex;align-items:center}.lupa-stats-facet-summary-input .lupa-stats-separator{margin:0 10px}.lupa-stats-facet-summary-input span{padding:0 5px}.lupa-search-result-facet-list.lupa-top-dropdown{display:flex;flex-wrap:wrap}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-display{margin:0 10px 0 0;border-bottom:none;border-top:none}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-facet-content{position:absolute;background:#fff;z-index:10;border:1px solid #d8d8d8;min-width:220px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-terms-list{overflow-y:auto;max-height:300px;margin:2px 0 0}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label{border:1px solid #d8d8d8}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label.lupa-has-filter{border-width:2px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-single-facet-clear{cursor:pointer;text-align:center;margin:3px 0 0;padding:5px 0 3px;font-size:5px 0 3px;border-top:1px solid #d8d8d8}.lupa-search-result-current-filters{font-family:"Roboto",sans-serif}.lupa-current-filter-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:1.1;font-weight:700;padding:0;color:#161616}.lupa-current-filter-list{margin:0;padding:0 10px 5px}.lupa-search-result-current-filters{margin:0 0 25px}.lupa-clear-all-filters{cursor:pointer;color:#0c26d7;padding:0 10.5px;margin:0 0 31.5px;font-size:14px}.lupa-clear-all-filters:hover{color:#091da7}.lupa-search-result-filter-value{display:flex;align-items:center;flex-wrap:wrap;margin:10.5px 0;font-size:14px}.lupa-current-filter-action{padding:0 5px 0 0;font-size:17px;color:#3c53f4;cursor:pointer}.lupa-current-filter-action:hover{color:#3c53f4}.lupa-current-filter-label,.lupa-current-filter-value{margin:0 0 0 5px}.lupa-current-filter-label{color:#161616}.lupa-current-filter-value{color:#3c53f4}.lupa-filter-title-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;font-size:14px;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-filter-title-caret.open::after{transform:rotate(180deg)}.lupa-filter-count{font-size:14px;color:#161616}.lupa-toolbar-filters,.lupa-toolbar-filters-desktop{margin-right:12px}.lupa-toolbar-filters .filter-values,.lupa-toolbar-filters-desktop .filter-values{display:flex}.lupa-result-page-title{font-size:16px;margin:0 0 38px;font-family:"Roboto",sans-serif}.lupa-search-result-filters{padding:0 4.6% 0 0}#lupa-search-results,.top-layout-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start}.search-content{width:100%}.lupa-search-result-filters{flex:25%;flex-grow:1;flex-shrink:0;box-sizing:border-box}#lupa-search-results-products{position:relative;padding:0 0 0 1.6%;width:100%}.lupa-products{display:flex;align-self:flex-start;flex-wrap:wrap;margin:0 0 31.5px -16px}.lupa-loader{background-color:#fff;display:flex;height:calc(100% - 0px);opacity:.5;position:absolute;z-index:555}.lupa-search-result-product-card{box-sizing:border-box}#lupa-search-results-did-you-mean{font-family:"Roboto",sans-serif}.lupa-suggested-search-text{font-weight:bold}.lupa-highlighted-search-text{font-weight:bold;font-style:italic}#lupa-search-results-did-you-mean{margin-bottom:10px}.lupa-did-you-mean{text-decoration:none}.lupa-did-you-mean:hover{text-decoration:underline;cursor:pointer}#lupa-select{position:relative;font-family:"Roboto",sans-serif;color:#161616;text-indent:.01em}.lupa-select-dropdown{cursor:pointer;padding:20px 25px 4px 8px;font-family:"Roboto",sans-serif;background:#fff;background-clip:padding-box;border:1px solid #d8d8d8;border-radius:0;font-size:14px;height:48px;line-height:1.5;vertical-align:baseline;box-sizing:border-box;appearance:none}.lupa-select-dropdown:focus{outline:none;box-shadow:0 0 3px 1px #6c7ef7}.lupa-select-label{font-family:"Roboto",sans-serif;font-size:12px;line-height:1;position:absolute;pointer-events:none;top:8px;left:8px}.lupa-search-results-summary{display:flex;align-items:center}#lupa-search-results-toolbar{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 40px}.lupa-toolbar-left{display:flex}.lupa-toolbar-right{display:flex;flex-direction:row}#lupa-search-results-page-select{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection div{margin:0 16px 0 0}.lupa-search-results-summary{color:#161616;font-family:"Roboto",sans-serif;font-size:14px}#lupa-search-results-page-size{margin:0}#lupa-search-results-page-size .lupa-select-dropdown{width:125px}.lupa-search-results-sort{margin:0 0 0 8px}.lupa-filter-clear{cursor:pointer}#lupa-search-results-page-select{font-family:"Roboto",sans-serif}.lupa-page-number-separator{margin:0 12px 0 0}.lupa-page-number{cursor:pointer;color:#3c53f4;font-size:12px;padding:0 5.25px;margin:0 12px 0 0}.lupa-page-number:hover{color:#161616}.lupa-page-number.lupa-page-number-selected{color:#161616;font-weight:700}.lupa-page-arrow{cursor:pointer;font-weight:700;margin:0 12px 0 0;padding:0 8px}.lupa-page-arrow:before{line-height:31.5px;color:#161616;content:"";font-family:"Roboto",sans-serif;font-size:11px}.lupa-page-arrow:hover:before{color:#3c53f4}.lupa-search-result-product-card{height:auto;min-height:250px;border:1px solid #d8d8d8;padding:12px;margin:0}.lupa-out-of-stock{opacity:.5}.lupa-search-result-product-contents{height:100%;display:flex;flex-direction:column;font-family:"Roboto",sans-serif;font-size:16px}.lupa-search-result-product-contents-list{flex-direction:row}.lupa-search-result-product-details-section{display:flex;flex-direction:column;justify-content:space-between;height:100%}.lupa-search-results-image-wrapper{padding-bottom:125%;display:block;height:0;overflow:hidden;position:relative;z-index:1;display:flex;justify-content:center}.lupa-search-results-image{width:100%;height:100%;object-fit:contain;max-width:240px;max-height:195px;margin:auto;position:absolute}.lupa-search-result-product-image-section{cursor:pointer;border:none;padding:12px 8px;margin:0}.lupa-search-results-product-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-size:16px;margin:0 0 12px;line-height:21px}.lupa-search-results-product-title-text{font-weight:bold;color:#161616}.lupa-search-results-product-title-text.lupa-title-link{text-decoration:none;color:#161616}.lupa-search-results-product-title-text.lupa-title-link:hover{text-decoration:underline;color:#3c53f4}.lupa-search-results-product-regular-price{font-size:16px;font-weight:700;padding:10px 8px 0 5px}#lupa-search-results-rating{display:flex;flex-direction:row;align-items:center;width:auto;margin:0 0 15.75px}.lupa-ratings{display:flex;flex-direction:row;align-items:center;width:auto}.lupa-ratings-base,.lupa-rating-wrapper{display:flex;width:90px}.lupa-rating-wrapper{position:absolute}.lupa-ratings-highlighted{display:flex;overflow:hidden}.lupa-total-ratings{color:#161616 !important;text-decoration:none}.lupa-total-ratings:hover{color:#3c53f4 !important;text-decoration:underline !important}.lupa-search-result-product-contents-list .lupa-search-result-product-card{min-height:50px}.lupa-search-result-product-contents-list .lupa-search-results-image{width:240px;height:195px;object-fit:contain;margin:auto;position:relative}.lupa-search-result-product-contents-list .lupa-search-result-product-details-section{width:100%;padding:15px}.lupa-search-result-product-contents-list .lupa-search-results-image{max-width:120px;max-height:97.5px}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart{order:3;margin:0 -16px 0;position:static}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart button{padding:8px 32px}.lupa-search-results-product-description{max-height:200px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.lupa-empty-results{text-align:center;width:100%;font-size:14px;font-family:"Roboto",sans-serif;color:#161616}.lupa-empty-results .lupa-empty-page-action{cursor:pointer;text-decoration:underline}.lupa-mobile-filter-sidebar{position:fixed;width:100%;height:var(--lupa-full-height);left:0;top:0;bottom:0;z-index:555;background:rgba(0,0,0,0);display:flex}.lupa-mobile-filter-sidebar .lupa-mobile-sidebar-content{height:var(--lupa-full-height);width:100%;z-index:555;background:#fff}.lupa-mobile-filter-sidebar .lupa-sidebar-close{background:rgba(0,0,0,.6);height:var(--lupa-full-height);width:30px}.lupa-sidebar-top{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 13.5px 0 0;border-bottom:1px solid #d8d8d8}.lupa-sidebar-title{margin-left:15px;font-weight:700;font-size:16px;font-family:"Roboto",sans-serif;color:#161616}.lupa-sidebar-filter-options .lupa-facets-title{display:none}.lupa-filter-toggle-mobile:after{font-size:16px;color:#6c7ef7;content:"✖";line-height:inherit;font-family:"Roboto",sans-serif;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;text-align:center}.lupa-sidebar-filter-options{overflow-y:scroll;height:calc(100% - 48px)}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:none}.lupa-category-top-mobile-filters{display:none}.lupa-filters-mobile{display:none}.lupa-mobile-toggle{font-family:"Roboto",sans-serif;font-size:14px;color:#6c7ef7;width:208px;border-radius:0;display:none;padding:15px 0;border:1px solid #d8d8d8;line-height:16px;text-align:center;z-index:2}@media(max-width: 767px){.lupa-mobile-toggle{display:block}.lupa-category-top-mobile-filters{display:block}.lupa-filters-mobile{display:block;border-top:1px solid #d8d8d8}.lupa-filters-mobile.lupa-search-result-current-filters.expandable{padding:15px 0;margin:-20px 0 20px}#lupa-search-results-layout-selection{display:none}.lupa-search-results-summary{display:none}#lupa-search-results-page-size{display:none}#lupa-search-results-toolbar.lupa-toolbar-top{display:none}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:flex}.lupa-toolbar-bottom .lupa-toolbar-right{display:none}.lupa-toolbar-mobile .lupa-toolbar-left{display:none}#lupa-search-results-toolbar{justify-content:center}#lupa-search-results-rating{flex-direction:column;align-items:normal}#lupa-search-results-rating .lupa-total-ratings{margin-left:0;margin-top:5px}.lupa-search-result-filters{display:none}.lupa-mobile-filter-sidebar .lupa-search-result-filters{display:flex;flex-direction:column}#lupa-search-results-products{padding:0}.lupa-select-dropdown{width:208px}.lupa-facets-title{padding:16px}.lupa-search-result-current-filters.expandable{padding:16px;border-bottom:1px solid #d8d8d8;margin:0}.lupa-clear-all-filters{margin:0}#lupa-search-results-did-you-mean{margin-bottom:10px}}@media(max-width: 479px){.lupa-mobile-toggle{width:139px}.lupa-select-dropdown{width:139px}}@media(max-width: 350px){.lupa-mobile-toggle{width:100px}.lupa-select-dropdown{width:100px}}@media(max-width: 767px){.lupa-search-result-filters{flex:100%;padding:0}.lupa-search-result-facets{width:100%}.lupa-search-result-facet-display{padding:0 15px}}@media(max-width: 1024px){#lupa-search-results-badges>#lupa-badges{top:-16px}#lupa-search-results-badges>#lupa-badges .lupa-badge{width:32px;height:32px;font-size:11px}}#lupa-search-results-badges{position:relative}#lupa-badges{display:flex;position:absolute;font-family:"Roboto",sans-serif;top:-24px;z-index:1}#lupa-badges .tl{left:-10px}#lupa-badges .tr{right:-10px}.lupa-badge{width:48px;height:48px;font-size:14px;margin:0 8px 0 0;font-weight:700;border-radius:50%}.lupa-text-badges{display:flex}.lupa-image-badges{display:flex}.lupa-image-badges img{width:100%}.lupa-text-badge{color:#fff;background:#3c53f4;display:flex;align-items:center;justify-content:center;text-align:center}#lupa-badges{flex-direction:column;top:0;pointer-events:none;z-index:1000}.lupa-discount-badge{background:#e0232f;color:#fff}.lupa-preorder-badge{background:#4b81eb;color:#fff}.lupa-generated-badges{display:flex;flex-direction:column}.lupa-dynamic-badge{cursor:pointer;pointer-events:all;display:flex;font-weight:600;font-size:14px;line-height:20px;padding:4px;margin-bottom:4px;margin-right:auto;white-space:nowrap}.lupa-dynamic-badge .lupa-badge-title{font-weight:700;letter-spacing:-0.6px;display:flex;align-items:center;justify-content:center;min-width:42px}.lupa-dynamic-badge .lupa-badge-title img{max-height:20px}.lupa-dynamic-badge .lupa-badge-full-text{display:none;margin-left:10px}.lupa-dynamic-badge:hover .lupa-badge-full-text{display:inline-block}#lupa-search-results-breadcrumbs{margin:0 0 24px;font-size:12px}@media(min-width: 767px){#lupa-search-results-breadcrumbs{max-width:1228px;box-sizing:border-box;width:100%}}@media(max-width: 767px){#lupa-search-results-breadcrumbs{display:none}}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link{text-decoration:none;color:#0c26d7}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link:hover{text-decoration:underline;color:#091da7}#lupa-search-results-similar-queries{margin-top:20px}.lupa-similar-queries-label{font-size:20px;font-family:"Roboto",sans-serif;font-weight:700;line-height:1.1;margin-top:0;margin-bottom:8px}.lupa-similar-query-label{margin-bottom:48px;font-weight:400;line-height:1.5;color:#4f4f4f;font-family:"Roboto",sans-serif}.lupa-similar-query-value{font-size:16px}.lupa-similar-query-link:hover{text-decoration:underline;cursor:pointer}.lupa-similar-query-crossed{text-decoration:line-through}.lupa-category-filter{padding:0;font-family:"Roboto",sans-serif;margin:0 0 25px}.lupa-category-back{padding:13px 0}.lupa-category-back a{color:#161616;font-size:16px;line-height:20px;font-weight:700;text-decoration:none !important}.lupa-category-back a:hover{color:#3c53f4}.lupa-current-category,.lupa-child-category-item{padding:10px 0 10px 25px}.lupa-current-category a,.lupa-child-category-item a{text-decoration:none !important;color:#161616;font-size:16px;line-height:16px}.lupa-current-category a:hover,.lupa-child-category-item a:hover{color:#3c53f4}.lupa-child-category-item-active,.lupa-current-category-active{color:#3c53f4}.lupa-child-category-list{padding:0 0 0 10px}.lupa-category-overview{margin:30px 0 50px}.lupa-category-title{font-weight:600;font-size:14px;margin:0 0 15px}.lupa-spinner-wrapper{width:100%;overflow:hidden}.lupa-spinner{color:#555;display:flex;justify-content:center;position:relative;width:100%;padding-top:100px;padding-right:72px}.lupa-spinner div{transform-origin:40px 40px;animation:lupa-spinner 1.2s linear infinite}.lupa-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#555}.lupa-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.lupa-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lupa-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.lupa-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.lupa-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.lupa-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.lupa-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.lupa-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.lupa-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.lupa-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.lupa-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.lupa-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lupa-spinner{0%{opacity:1}100%{opacity:0}}.lupa-search-result-product-card{width:100%}.lupa-search-box-product-title{font-weight:300}#lupa-search-box-input input{box-sizing:border-box}#lupa-search-box-input::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰍉";font-size:24px;position:absolute;right:16px;top:12px}.lupa-suggestion{font-weight:300}.lupa-search-box-product-details-section{justify-content:space-between}.lupa-search-box-product-regular-price{text-decoration:line-through;color:#9e9e9e}.lupa-more-results{font-size:16px;font-weight:300}#lupa-search-box-panel{box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:24px;border:none;overflow:hidden}.lupa-suggestion-facet-label,.lupa-suggestion-facet-value{line-height:13px}#lupa-search-results-toolbar{margin:0 0 12px;padding-right:1.6%}#lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:center;margin:24px 0}.lupa-search-results-summary{font-weight:300;font-size:18px;line-height:15px}.lupa-search-results-summary span{color:#3c53f4;font-weight:700}.lupa-page-number{min-width:48px;min-height:48px;color:#464646;font-weight:300;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.lupa-page-number.lupa-page-number-selected,.lupa-page-number:hover{background:rgba(60,83,244,.08);font-weight:300}.lupa-page-arrow{font-size:0}.lupa-page-arrow::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅂"}.lupa-page-arrow:first-child::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅁"}#lupa-similar-query-text-component,.lupa-highlighted-search-text{color:#3c53f4}.lupa-similar-query-label{margin-bottom:18px;font-weight:300}.lupa-empty-results{font-weight:300;font-size:18px;margin-bottom:36px;color:#9e9e9e}.lupa-search-result-product-card{border-radius:4px;margin-bottom:36px;border:none}.lupa-search-result-product-contents{border:1px solid #d8d8d8;box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:4px;padding:16px}.lupa-search-result-product-contents:hover{border-color:#3c53f4}.lupa-search-results-product-title-text{font-weight:300;line-height:29px}.lupa-search-results-image-wrapper{padding-bottom:100%}.lupa-discount{display:inline;font-weight:700;font-size:32px;line-height:27px;color:#3c53f4}.lupa-custom-id{opacity:.5}.lupa-custom-brand{color:#3c53f4;font-weight:600}.lupa-final{display:inline;font-weight:700;font-size:32px;line-height:27px}.lupa-regular{text-decoration:line-through;color:#9e9e9e;display:inline-block;margin-left:4px}.lupa-search-result-filters{padding-right:24px;flex:40%}.lupa-filter-title-text{margin-bottom:24px}.lupa-search-result-facet-display{border:none}.lupa-search-result-facet-display:first-child{border:none}.lupa-facet-label-text{font-weight:700;font-size:16px;line-height:24px}.lupa-facet-label-caret::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:22px;content:"󰅀"}.lupa-term-label{font-weight:300;font-size:16px;line-height:1.15}.lupa-stats-facet-summary{margin-top:16px;font-size:16px;font-weight:300}.lupa-current-filter-list{display:flex;flex-wrap:wrap}.lupa-search-result-current-filters{border-bottom:1px solid #d8d8d8}.lupa-search-result-filter-value{flex-direction:row-reverse;display:flex;justify-content:flex-end;background-color:#3c53f4;padding:9px;border-radius:24px;margin:0 8px 8px 0}.lupa-search-result-filter-value .lupa-current-filter-label{display:none}.lupa-search-result-filter-value .lupa-current-filter-value{color:#fff;font-weight:300;font-size:14px}.lupa-search-result-filter-value .lupa-current-filter-action{display:flex;font-size:0}.lupa-search-result-filter-value .lupa-current-filter-action::before{color:#fff;margin-left:9px;width:16px;direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅙"}.lupa-clear-all-filters{font-weight:300;font-size:16px;line-height:22px;color:#464646;display:flex;align-items:center;margin-top:16px}.lupa-clear-all-filters:before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰅖";margin-right:10px;font-size:20px}.lupa-term-checkbox{border-radius:2px;border:2px solid #464646}.lupa-term-checkbox.checked{border-color:#3c53f4;background:#3c53f4}.lupa-term-checkbox.checked:after{border:none;border-left:2px solid #fff;border-bottom:2px solid #fff;display:inline-block;transform:rotate(-45deg);height:7px;width:12px;border-radius:0;top:-2px;content:" ";position:relative}.lupa-term-checkbox-label{font-size:16px;font-weight:300}.lupa-search-box-wrapper input{border-radius:24px}.lupa-mobile-toggle-filter-count{display:inline-flex;color:#fff;background:#3c53f4;border-radius:50%;width:20px;height:20px;justify-content:center;align-items:center}.lupa-category-top-mobile-filters .lupa-category-back{border:1px solid #d8d8d8;cursor:pointer;padding:10px 5px;margin:10px 0}.lupa-category-top-mobile-filters .lupa-category-back::before{content:"<";display:inline-block}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-panel-suggestion-index{grid-area:suggestions}.lupa-panel-document-index{grid-area:docs}#lupa-search-results-products{background:#fff;padding-top:36px}.wrapper{background:#fafafa}.lupa-search-container-overlay{all:initial;height:var(--lupa-full-height);width:100%;position:fixed;z-index:1000;left:0;top:0;box-sizing:border-box;background:rgba(0,0,0,.5)}.lupa-search-container{position:relative;max-height:80%;overflow:auto;background:#fff;border-bottom:1px solid #fff;box-shadow:4px 4px 4px rgba(22,22,22,.14)}.lupa-search-container .lupa-search-box-container{background:#fff;display:flex;padding:20px 20px 0;font-family:"Roboto",sans-serif}.lupa-search-container .lupa-search-box-container.sticky{position:sticky;top:0;z-index:1000}.lupa-search-container #lupa-search-box{width:100%}.lupa-search-container .lupa-search-box-input-field{position:relative !important;background:rgba(0,0,0,0) !important}.lupa-search-container .lupa-close-search-container{background:#f4f4f4;display:flex;align-items:center;justify-content:center;margin-left:24px;border-radius:24px;padding:11px 16px;cursor:pointer}.lupa-search-container .lupa-close-search-container:hover{color:#3c53f4}.lupa-search-container .lupa-close-label{font-size:16px;line-height:25px;display:flex;align-items:center}.lupa-search-container .lupa-close-label:before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";margin-right:10px;font-size:25px}.lupa-search-container #lupa-search-box-input-container{display:flex}.lupa-search-container #lupa-search-box-input{flex-grow:1}.lupa-search-container #lupa-search-box-input::after{display:none}.lupa-search-container #lupa-search-box-input .lupa-search-box-input-field:focus{outline:1px solid #3c53f4}.lupa-search-container .lupa-hint,.lupa-search-container .lupa-search-box-input-field{width:100%;box-sizing:border-box;padding-left:48px}.lupa-search-container .lupa-hint{width:calc(100% - 48px);position:absolute !important;pointer-events:none;color:#9e9e9e;background:rgba(0,0,0,0)}.lupa-search-container .lupa-input-clear{position:relative;z-index:100}.lupa-search-container .lupa-input-clear-content{width:48px;height:48px;position:absolute}.lupa-search-container .lupa-input-clear-content:after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";margin-right:10px;font-size:25px;position:absolute;top:12px;left:16px}.lupa-search-container .lupa-input-clear-content.lupa-input-clear-filled{cursor:pointer}.lupa-search-container .lupa-input-clear-content.lupa-input-clear-filled:hover{color:#3c53f4}.lupa-search-container .lupa-input-clear-content.lupa-input-clear-filled:after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";margin-right:10px;font-size:25px;position:absolute;top:12px;left:16px}.lupa-search-container #lupa-search-results-breadcrumbs{display:none}.lupa-search-container #lupa-search-box{margin-bottom:15px}.lupa-search-container #lupa-search-box-panel{position:inherit;display:flex;flex-direction:column;box-shadow:none;border:none;border-radius:0}.lupa-search-container .lupa-more-results{display:none}.lupa-search-container .lupa-main-panel{display:flex;flex-direction:column}.lupa-search-container .lupa-panel-suggestion-index{border:none}.lupa-search-container .lupa-search-box-history-clear-all{display:none}.lupa-search-container #lupa-search-box-suggestions,.lupa-search-container .lupa-search-box-history-panel{display:flex;align-items:center;margin:12px 0;flex-grow:1;flex-wrap:wrap;max-height:50px;overflow:hidden}.lupa-search-container .lupa-suggestion,.lupa-search-container .lupa-search-box-history-item-content{flex-direction:column;align-items:flex-start;justify-content:center;flex-shrink:0;margin:0 8px;padding:6px 12px;background-color:#f4f4f4;border-radius:24px;margin-bottom:8px;font-size:13px;height:30px}.lupa-search-container .lupa-suggestion:hover,.lupa-search-container .lupa-search-box-history-item-content:hover{text-decoration:none}.lupa-search-container .lupa-search-box-history-item{flex-shrink:0}.lupa-search-container .lupa-search-box-history-item-content{flex-direction:row;display:flex;align-items:center}.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-text:hover,.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-text.lupa-search-box-history-item-highlighted,.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-clear:hover,.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-clear.lupa-search-box-history-item-highlighted{background:rgba(0,0,0,0);color:#3c53f4;text-decoration:none}.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-text,.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-clear{padding:0}.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-clear{padding-left:5px}.lupa-search-container .lupa-search-box-history-item-text{font-size:13px}.lupa-search-container .lupa-suggestion-value{margin-right:0;line-height:1}.lupa-search-container .lupa-suggestion-value strong{font-weight:400}.lupa-search-container .lupa-suggestion-facet{font-size:10px;line-height:1;margin-top:4px}.lupa-search-container .lupa-suggestion:hover{color:#3c53f4}.lupa-search-container .lupa-suggestion:hover .lupa-suggestion-facet-label,.lupa-search-container .lupa-suggestion:hover .lupa-suggestion-facet-value{color:#3c53f4}.lupa-search-container .lupa-suggestion-facet-label{line-height:1;color:#7d7d7d;font-weight:400;margin-right:4px}.lupa-search-container .lupa-suggestion-facet-value{color:#464646;font-weight:600}.lupa-spinner-wrapper{width:100%;overflow:hidden}.lupa-search-container .lupa-search-result-wrapper{padding:0 20px}.lupa-search-container #lupa-search-results-products{padding:0}.lupa-search-container #lupa-search-results-layout-selection{display:none}.lupa-search-container .lupa-mobile-filter-sidebar{z-index:10000}.lupa-search-container .lupa-container-title-summary-mobile{display:none}.lupa-facets-title{display:none}.lupa-search-result-filters{max-width:325px}.lupa-facet-label-caret:after{content:"";font-size:25px}.lupa-facet-level{margin-left:25px}.lupa-term-label{font-weight:400}.lupa-term-filter,.lupa-stats-to>input,.lupa-stats-from>input{border-radius:24px}.lupa-term-filter:focus,.lupa-stats-to>input:focus,.lupa-stats-from>input:focus{outline:1px solid #3c53f4}.lupa-stats-facet-summary-input{justify-content:space-between}.lupa-stats-facet-summary-input span{color:#9e9e9e}.lupa-stats-to>input,.lupa-stats-from>input{color:#9e9e9e;width:80px;padding:6px;text-align:center;font-weight:400}.lupa-term-checkbox-label{padding-left:11px}.lupa-term-count{font-weight:400;color:#9e9e9e}.lupa-terms-list{max-height:400px;overflow-y:auto}.lupa-stats-range-label{display:none}.lupa-show-more-facet-results{justify-content:flex-start;color:#3c53f4}.lupa-show-more-facet-results:hover{color:#3c53f4}.lupa-facet-content{border-bottom:1px solid #d8d8d8;margin-bottom:10px}.lupa-search-result-current-filters{margin-bottom:12px}.lupa-search-result-filter-value{background-color:#f4f4f4;padding:9px 12px}.lupa-search-result-filter-value .lupa-current-filter-value{color:#161616}.lupa-search-result-filter-value .lupa-current-filter-action:before{color:#161616;content:""}.lupa-search-result-filter-value .lupa-current-filter-action:hover{cursor:pointer}.lupa-search-result-filter-value .lupa-current-filter-action:hover:before{color:#3c53f4}.lupa-clear-all-filters{font-weight:400;margin-bottom:20px;margin-top:8px}.lupa-clear-all-filters:before{content:"";font-size:25px}.lupa-clear-all-filters:hover{color:#3c53f4}.lupa-sidebar-top{margin:24px 0 16px}.lupa-filter-toggle-mobile::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;color:#161616;font-size:25px;content:""}.lupa-terms-list::-webkit-scrollbar,.lupa-search-result-facet-hierarchy-values::-webkit-scrollbar,.lupa-child-category-list::-webkit-scrollbar{width:6px}.lupa-terms-list::-webkit-scrollbar-track,.lupa-search-result-facet-hierarchy-values::-webkit-scrollbar-track,.lupa-child-category-list::-webkit-scrollbar-track{background:#fff}.lupa-terms-list::-webkit-scrollbar-thumb,.lupa-search-result-facet-hierarchy-values::-webkit-scrollbar-thumb,.lupa-child-category-list::-webkit-scrollbar-thumb{background:#3c53f4;border-radius:6px}.lupa-terms-list::-webkit-scrollbar-thumb:hover,.lupa-search-result-facet-hierarchy-values::-webkit-scrollbar-thumb:hover,.lupa-child-category-list::-webkit-scrollbar-thumb:hover{background:#3c53f4}.lupa-result-page-title,.lupa-similar-queries-label{font-size:18px;color:#161616}.lupa-search-results-summary,.lupa-similar-query-label{font-size:14px;font-weight:400;color:#7d7d7d}.lupa-similar-query-value{font-size:14px}#lupa-search-results-did-you-mean,.lupa-result-page-title{margin-bottom:12px}#lupa-select{display:flex;align-items:center}#lupa-select:after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";font-size:25px;position:absolute;right:20px;pointer-events:none}.lupa-select-label{position:initial;margin-right:8px;color:#7d7d7d;font-weight:400;font-size:14px}#lupa-search-results-page-size .lupa-select-dropdown,#lupa-search-results-sort .lupa-select-dropdown{height:40px;padding:11px 47px 6px 16px;width:auto;border-radius:4px}.lupa-search-results-sort{margin:0 0 0 16px}#lupa-search-results-toolbar{padding-right:12px}.lupa-empty-results{font-weight:400;font-size:14px;color:#161616;text-align:left}.lupa-page-number{font-weight:400;font-size:16px;min-width:40px;min-height:40px}.lupa-page-number.lupa-page-number-selected,.lupa-page-number:hover{background-color:#f4f4f4;font-weight:400}.lupa-page-arrow:first-child::before{content:"";font-size:14px}.lupa-page-arrow::before{content:"";font-size:14px}#lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:flex-start}#lupa-search-results-products .lupa-search-result-current-filters{display:none}.lupa-search-result-product-contents{box-shadow:none;padding:0 16px 12px}.lupa-search-result-product-card{margin-bottom:20px}.lupa-search-results-image-wrapper{padding-bottom:90%}.lupa-search-result-product-image-section{padding:12px 0 0}.lupa-custom-emphasis{font-weight:600;font-size:13px;margin-top:8px}.lupa-search-results-product-title-text{font-weight:400;font-size:16px;line-height:19px}.lupa-final,.lupa-discount{font-size:24px;margin-right:8px}.lupa-regular{margin-left:0}.lupa-final{color:#161616}.lupa-discount{color:#ec0b43}.lupa-search-box-custom-label{font-size:13px;font-weight:600}.lupa-search-box-custom-text{font-size:13px}@media(max-width: 1024px){.lupa-search-container #lupa-search-results-badges>#lupa-badges{top:16px}}@media(max-width: 767px){.lupa-search-container{max-height:var(--lupa-full-height)}.lupa-search-container #lupa-search-results-badges>#lupa-badges{top:0}.lupa-search-container .lupa-search-result-wrapper{padding:0 0 0 16px}.lupa-search-container .search-content{padding:0 8px}.lupa-search-container .lupa-search-result-product-card{padding:8px}.lupa-search-container .lupa-search-result-product-contents{padding:8px}.lupa-search-container .lupa-search-result-product-image-section{padding:0}.lupa-search-container #lupa-search-box-panel{overflow:visible}.lupa-search-container #lupa-search-box-suggestions,.lupa-search-container .lupa-search-box-history-panel{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-bottom:5px}.lupa-search-container #lupa-search-box-suggestions:before,.lupa-search-container #lupa-search-box-suggestions:after,.lupa-search-container .lupa-search-box-history-panel:before,.lupa-search-container .lupa-search-box-history-panel:after{position:absolute;content:"";background:linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 84.72%);height:60px;width:36px}.lupa-search-container #lupa-search-box-suggestions:before,.lupa-search-container .lupa-search-box-history-panel:before{left:0;background:linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 84.72%)}.lupa-search-container #lupa-search-box-suggestions:after,.lupa-search-container .lupa-search-box-history-panel:after{right:0}.lupa-search-container .lupa-close-search-container{padding:0;margin-left:8px;width:48px}.lupa-search-container .lupa-close-label{font-size:0}.lupa-search-container .lupa-close-label:before{margin-right:0}.lupa-search-container .lupa-search-result-filters{max-width:100%;padding-right:0}.lupa-search-container .lupa-search-result-facet-display{padding:0}.lupa-search-container .lupa-search-result-facet-label,.lupa-search-container .lupa-facet-content{padding-left:16px;padding-right:16px}.lupa-search-container .lupa-terms-list{max-height:unset}.lupa-search-container .lupa-current-filter-title{display:none}.lupa-search-container .lupa-stats-slider-wrapper .vue-slider-dot{width:24px !important;height:24px !important}.lupa-search-container .lupa-final,.lupa-search-container .lupa-discount{font-size:19px}.lupa-search-container .lupa-regular{font-size:14px}.lupa-search-container .lupa-search-results-summary{display:initial}.lupa-search-container .search-content .lupa-result-page-title,.lupa-search-container .search-content #lupa-search-results-did-you-mean{display:none}.lupa-search-container .lupa-container-title-summary-mobile{display:initial}.lupa-search-container #lupa-search-results-toolbar.lupa-filter-no-results{display:none}.lupa-search-container .lupa-mobile-toggle{background:#464646;color:#fff;border-radius:24px;padding:9px 0;width:100%;display:flex;align-items:center;justify-content:center}.lupa-search-container .lupa-top-mobile-filter-wrapper{margin-top:16px}.lupa-search-container .lupa-mobile-toggle-filter-count{background:#fff;color:#464646;font-size:12px;width:18px;height:18px;margin-left:4px}.lupa-search-container .lupa-toolbar-right{width:100%}.lupa-search-container .lupa-select-label{display:none}.lupa-search-container #lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:center}}.lupa-search-container #lupa-badges{top:16px;align-items:flex-start}.lupa-search-container #lupa-badges .lupa-discount-badge,.lupa-search-container #lupa-badges .lupa-custom-badge{border-radius:0px 4px 4px 0px;height:21px;margin-bottom:4px;padding:0 12px;font-weight:600;font-size:13px;line-height:13px;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.lupa-search-container #lupa-badges .lupa-discount-badge{background-color:#ec0b43}
1
+ .slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit !important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none !important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block !important}.slider-horizontal{height:var(--slider-height, 6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height, 16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-width, 16px)}.slider-vertical{height:var(--slider-vertical-height, 300px);width:var(--slider-height, 6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width, 16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-height, 16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg, #d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius, 9999px)}.slider-connect{background:var(--slider-connect-bg, #10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg, #fff);border:var(--slider-handle-border, 0);border-radius:var(--slider-handle-radius, 9999px);box-shadow:var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height, 16px);width:var(--slider-handle-width, 16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, 0.188)),var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled, #9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled, #9ca3af);border-color:var(--slider-tooltip-bg-disabled, #9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg, #10b981);border:1px solid var(--slider-tooltip-bg, #10b981);border-radius:var(--slider-tooltip-radius, 5px);color:var(--slider-tooltip-color, #fff);display:block;font-size:var(--slider-tooltip-font-size, 0.875rem);font-weight:var(--slider-tooltip-font-weight, 600);line-height:var(--slider-tooltip-line-height, 1.25rem);min-width:var(--slider-tooltip-min-width, 20px);padding:var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * -1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}:root{--lupa-available-height: 100%}#lupa-search-box-panel{position:absolute;width:100%;height:auto;border:1px solid #d8d8d8;background:#fff;box-shadow:0px 4px 6px rgba(0,0,0,.25);z-index:5000;border-radius:0;font-family:"Roboto",sans-serif;box-sizing:border-box}#lupa-search-box-panel:empty{display:none}@media(max-width: 767px){#lupa-search-box-panel{max-height:var(--lupa-available-height);overflow-y:auto}}.lupa-main-panel{display:grid;grid-template:"suggestions docs";grid-template-columns:minmax(50px, 35%) minmax(250px, 1fr)}@media(max-width: 767px){.lupa-main-panel{display:block}}.lupa-panel-suggestion-index{grid-area:left;word-break:break-word}@media(min-width: 767px){.lupa-panel-suggestion-index{border-right:1px solid #d8d8d8}}.lupa-panel-document-index{grid-area:right;word-break:break-word}.lupa-more-results{cursor:pointer;border-top:1px solid #d8d8d8;padding:5px 10px;color:#161616;background-color:#fff;font-size:14px;line-height:24px}.lupa-more-results:hover{background-color:rgba(0,0,0,.05);color:#3c53f4}.lupa-search-box-no-results{text-align:center;color:#161616;font-size:14px;line-height:24px}#lupa-search-box-panel{display:flex;justify-content:space-between;flex-direction:column}.lupa-more-results{text-align:center}#lupa-search-box{width:100%}.lupa-search-box-wrapper{position:relative}.lupa-suggestion{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;color:#161616;background-color:#fff;padding:4px 20px;font-size:16px;line-height:24px}.lupa-suggestion strong{color:#161616}.lupa-suggestion-value{margin-right:7px}.lupa-suggestion-facet{font-size:13px}.lupa-suggestion-facet-label{margin-right:2px}.lupa-suggestion-facet-value{font-weight:bold}.lupa-suggestion-highlighted,.lupa-suggestion:hover{cursor:pointer;color:#3c53f4;background-color:rgba(0,0,0,.05)}.lupa-suggestion-highlighted strong,.lupa-suggestion:hover strong{color:#3c53f4}.lupa-suggestion:hover{text-decoration:underline}.lupa-search-box-input-field{position:relative !important;background:rgba(0,0,0,0) !important}.lupa-search-box-input-field,.lupa-hint{color:#161616;height:48px;padding:0 16px;line-height:1.5;font-size:16px;font-family:"Roboto",sans-serif;width:100%}.lupa-search-box-input-field{border:1px solid #d8d8d8;color:#161616}.lupa-hint{opacity:.5;position:absolute !important;pointer-events:none;border:1px solid rgba(0,0,0,0)}.lupa-input-clear{display:none}.lupa-search-box-history-item{cursor:pointer}.lupa-search-box-history-item-content{display:flex;justify-content:space-between}.lupa-search-box-history-item-text{width:100%;display:flex;align-items:center;line-height:24px;font-size:16px;padding:4px 20px;color:#161616}.lupa-search-box-history-item-text:hover,.lupa-search-box-history-item-text.lupa-search-box-history-item-highlighted{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-history-item-text:hover{text-decoration:underline}.lupa-search-box-history-item-clear{display:flex;align-items:center;padding:4px 20px;color:#161616;font-size:24px}.lupa-search-box-history-item-clear:hover{color:#161616;background-color:rgba(0,0,0,.05)}.lupa-search-box-history-clear-all{text-align:center;cursor:pointer;border-top:1px solid #d8d8d8;padding:4px 20px;line-height:24px;font-size:14px;color:#161616}.lupa-search-box-history-clear-all:hover{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-product{padding:10px;font-size:14px;display:flex;cursor:pointer;text-decoration:inherit;color:inherit}.lupa-search-box-product:hover,.lupa-search-box-product.lupa-search-box-product-highlighted{text-decoration:none;background-color:rgba(0,0,0,.05)}.lupa-search-box-product:hover .lupa-search-box-product-title,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-title{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-custom,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-custom{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-price{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-regular-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-regular-price{color:#161616}.lupa-search-box-product-details-section{font-family:"Roboto",sans-serif}.lupa-search-box-product-details-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.lupa-search-box-product-image-section{min-width:85px;flex:0 1}.lupa-search-box-image-wrapper,.lupa-search-box-image{width:70px;height:70px}.lupa-search-box-image{object-fit:contain}.lupa-search-box-product-title{font-size:16px;line-height:15px;color:#161616}.lupa-search-box-product-custom{font-size:14px;line-height:15px;color:#161616}.lupa-search-box-product-price{font-size:16px;line-height:15px;color:#3c53f4}.lupa-search-box-product-regular-price{font-size:14px;line-height:15px;color:#161616;font-weight:normal}.lupa-search-box-product-description{max-height:42px;line-height:14px;color:#161616;overflow:hidden}.lupa-search-box-product-add-to-cart-section{flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center}.lupa-search-result-facets{font-family:"Roboto",sans-serif}.lupa-facets-title{font-size:16px;line-height:1.1;font-weight:700;padding:0 0 10px;color:#161616}.lupa-search-result-facet-display{border-bottom:1px solid #d8d8d8}.lupa-search-result-facet-display:first-child{border-top:1px solid #d8d8d8}.lupa-search-result-facet-label{justify-content:space-between;display:flex;font-size:14px;line-height:21px;font-weight:700;padding:10.5px;color:#161616;cursor:pointer}.lupa-search-result-facet-label:hover{color:#3c53f4}.lupa-search-result-facet-label.open{padding:10.5px 10.5px 0}.lupa-facet-label-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-facet-label-caret.open::after{transform:rotate(180deg)}.lupa-facet-content{padding:5px 10px 20px}.lupa-facet-term{padding:4px 5px;margin:16px 0 0}.lupa-term-checkbox-label{width:100%;padding-left:8px;display:flex;justify-content:space-between;align-items:center}.lupa-facet-term{cursor:pointer;display:flex;align-items:center;font-size:14px;color:#161616}.lupa-facet-term:hover{background:rgba(0,0,0,.05)}.lupa-facet-term.checked{font-weight:bold}.lupa-term-count{color:#161616}.lupa-term-checkbox{display:inline-block;height:18px;width:18px;box-sizing:border-box;border:2px solid #3c53f4;border-radius:0px;content:"";display:flex;justify-content:center;align-items:center}.lupa-term-checkbox.checked::after{border:3px solid #3c53f4;border-radius:0px;display:inline-block;content:""}.lupa-show-more-facet-results{justify-content:center}.lupa-term-filter{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-show-more-facet-results{color:#161616;font-size:14px}.lupa-show-more-facet-results:hover{color:#161616}.lupa-stats-facet-summary{text-align:center;font-size:14px}.lupa-stats-slider-wrapper{margin:10px 0 0;padding:0 8px}.lupa-stats-slider-wrapper .slider-connects{background-color:rgba(60,83,244,.3)}.lupa-stats-slider-wrapper .slider-connect{background-color:#3c53f4}.lupa-stats-slider-wrapper .slider-handle{background:#3c53f4;border-radius:50%;border:0px solid #3c53f4;z-index:3;cursor:pointer}.lupa-stats-slider-wrapper .slider-handle:hover{background:#3c53f4}.lupa-stats-range-label{font-size:12px;margin:0 0 5px}.lupa-stats-facet-summary-input{display:flex;align-items:center;justify-content:center}.lupa-stats-facet-summary-input input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-stats-facet-summary-input .lupa-stats-from,.lupa-stats-facet-summary-input .lupa-stats-to{display:flex;align-items:center}.lupa-stats-facet-summary-input .lupa-stats-separator{margin:0 10px}.lupa-stats-facet-summary-input span{padding:0 5px}.lupa-search-result-facet-list.lupa-top-dropdown{display:flex;flex-wrap:wrap}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-display{margin:0 10px 0 0;border-bottom:none;border-top:none}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-facet-content{position:absolute;background:#fff;z-index:10;border:1px solid #d8d8d8;min-width:220px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-terms-list{overflow-y:auto;max-height:300px;margin:2px 0 0}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label{border:1px solid #d8d8d8}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label.lupa-has-filter{border-width:2px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-single-facet-clear{cursor:pointer;text-align:center;margin:3px 0 0;padding:5px 0 3px;font-size:5px 0 3px;border-top:1px solid #d8d8d8}.lupa-search-result-current-filters{font-family:"Roboto",sans-serif}.lupa-current-filter-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:1.1;font-weight:700;padding:0;color:#161616}.lupa-current-filter-list{margin:0;padding:0 10px 5px}.lupa-search-result-current-filters{margin:0 0 25px}.lupa-clear-all-filters{cursor:pointer;color:#0c26d7;padding:0 10.5px;margin:0 0 31.5px;font-size:14px}.lupa-clear-all-filters:hover{color:#091da7}.lupa-search-result-filter-value{display:flex;align-items:center;flex-wrap:wrap;margin:10.5px 0;font-size:14px}.lupa-current-filter-action{padding:0 5px 0 0;font-size:17px;color:#3c53f4;cursor:pointer}.lupa-current-filter-action:hover{color:#3c53f4}.lupa-current-filter-label,.lupa-current-filter-value{margin:0 0 0 5px}.lupa-current-filter-label{color:#161616}.lupa-current-filter-value{color:#3c53f4}.lupa-filter-title-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;font-size:14px;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-filter-title-caret.open::after{transform:rotate(180deg)}.lupa-filter-count{font-size:14px;color:#161616}.lupa-toolbar-filters,.lupa-toolbar-filters-desktop{margin-right:12px}.lupa-toolbar-filters .filter-values,.lupa-toolbar-filters-desktop .filter-values{display:flex}.lupa-result-page-title{font-size:16px;margin:0 0 38px;font-family:"Roboto",sans-serif}.lupa-search-result-filters{padding:0 4.6% 0 0}#lupa-search-results,.top-layout-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start}.search-content{width:100%}.lupa-search-result-filters{flex:25%;flex-grow:1;flex-shrink:0;box-sizing:border-box}#lupa-search-results-products{position:relative;padding:0 0 0 1.6%;width:100%}.lupa-products{display:flex;align-self:flex-start;flex-wrap:wrap;margin:0 0 31.5px -16px}.lupa-loader{background-color:#fff;display:flex;height:calc(100% - 0px);opacity:.5;position:absolute;z-index:555}.lupa-search-result-product-card{box-sizing:border-box}#lupa-search-results-did-you-mean{font-family:"Roboto",sans-serif}.lupa-suggested-search-text{font-weight:bold}.lupa-highlighted-search-text{font-weight:bold;font-style:italic}#lupa-search-results-did-you-mean{margin-bottom:10px}.lupa-did-you-mean{text-decoration:none}.lupa-did-you-mean:hover{text-decoration:underline;cursor:pointer}#lupa-select{position:relative;font-family:"Roboto",sans-serif;color:#161616;text-indent:.01em}.lupa-select-dropdown{cursor:pointer;padding:20px 25px 4px 8px;font-family:"Roboto",sans-serif;background:#fff;background-clip:padding-box;border:1px solid #d8d8d8;border-radius:0;font-size:14px;height:48px;line-height:1.5;vertical-align:baseline;box-sizing:border-box;appearance:none}.lupa-select-dropdown:focus{outline:none;box-shadow:0 0 3px 1px #6c7ef7}.lupa-select-label{font-family:"Roboto",sans-serif;font-size:12px;line-height:1;position:absolute;pointer-events:none;top:8px;left:8px}.lupa-search-results-summary{display:flex;align-items:center}#lupa-search-results-toolbar{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 40px}.lupa-toolbar-left{display:flex}.lupa-toolbar-right{display:flex;flex-direction:row}#lupa-search-results-page-select{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection div{margin:0 16px 0 0}.lupa-search-results-summary{color:#161616;font-family:"Roboto",sans-serif;font-size:14px}#lupa-search-results-page-size{margin:0}#lupa-search-results-page-size .lupa-select-dropdown{width:125px}.lupa-search-results-sort{margin:0 0 0 8px}.lupa-filter-clear{cursor:pointer}#lupa-search-results-page-select{font-family:"Roboto",sans-serif}.lupa-page-number-separator{margin:0 12px 0 0}.lupa-page-number{cursor:pointer;color:#3c53f4;font-size:12px;padding:0 5.25px;margin:0 12px 0 0}.lupa-page-number:hover{color:#161616}.lupa-page-number.lupa-page-number-selected{color:#161616;font-weight:700}.lupa-page-arrow{cursor:pointer;font-weight:700;margin:0 12px 0 0;padding:0 8px}.lupa-page-arrow:before{line-height:31.5px;color:#161616;content:"";font-family:"Roboto",sans-serif;font-size:11px}.lupa-page-arrow:hover:before{color:#3c53f4}.lupa-search-result-product-card{height:auto;min-height:250px;border:1px solid #d8d8d8;padding:12px;margin:0}.lupa-out-of-stock{opacity:.5}.lupa-search-result-product-contents{height:100%;display:flex;flex-direction:column;font-family:"Roboto",sans-serif;font-size:16px}.lupa-search-result-product-contents-list{flex-direction:row}.lupa-search-result-product-details-section{display:flex;flex-direction:column;justify-content:space-between;height:100%}.lupa-search-results-image-wrapper{padding-bottom:125%;display:block;height:0;overflow:hidden;position:relative;z-index:1;display:flex;justify-content:center}.lupa-search-results-image{width:100%;height:100%;object-fit:contain;max-width:240px;max-height:195px;margin:auto;position:absolute}.lupa-search-result-product-image-section{cursor:pointer;border:none;padding:12px 8px;margin:0}.lupa-search-results-product-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-size:16px;margin:0 0 12px;line-height:21px}.lupa-search-results-product-title-text{font-weight:bold;color:#161616}.lupa-search-results-product-title-text.lupa-title-link{text-decoration:none;color:#161616}.lupa-search-results-product-title-text.lupa-title-link:hover{text-decoration:underline;color:#3c53f4}.lupa-search-results-product-regular-price{font-size:16px;font-weight:700;padding:10px 8px 0 5px}#lupa-search-results-rating{display:flex;flex-direction:row;align-items:center;width:auto;margin:0 0 15.75px}.lupa-ratings{display:flex;flex-direction:row;align-items:center;width:auto}.lupa-ratings-base,.lupa-rating-wrapper{display:flex;width:90px}.lupa-rating-wrapper{position:absolute}.lupa-ratings-highlighted{display:flex;overflow:hidden}.lupa-total-ratings{color:#161616 !important;text-decoration:none}.lupa-total-ratings:hover{color:#3c53f4 !important;text-decoration:underline !important}.lupa-search-result-product-contents-list .lupa-search-result-product-card{min-height:50px}.lupa-search-result-product-contents-list .lupa-search-results-image{width:240px;height:195px;object-fit:contain;margin:auto;position:relative}.lupa-search-result-product-contents-list .lupa-search-result-product-details-section{width:100%;padding:15px}.lupa-search-result-product-contents-list .lupa-search-results-image{max-width:120px;max-height:97.5px}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart{order:3;margin:0 -16px 0;position:static}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart button{padding:8px 32px}.lupa-search-results-product-description{max-height:200px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.lupa-empty-results{text-align:center;width:100%;font-size:14px;font-family:"Roboto",sans-serif;color:#161616}.lupa-empty-results .lupa-empty-page-action{cursor:pointer;text-decoration:underline}.lupa-mobile-filter-sidebar{position:fixed;width:100%;height:var(--lupa-full-height);left:0;top:0;bottom:0;z-index:555;background:rgba(0,0,0,0);display:flex}.lupa-mobile-filter-sidebar .lupa-mobile-sidebar-content{height:var(--lupa-full-height);width:100%;z-index:555;background:#fff}.lupa-mobile-filter-sidebar .lupa-sidebar-close{background:rgba(0,0,0,.6);height:var(--lupa-full-height);width:30px}.lupa-sidebar-top{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 13.5px 0 0;border-bottom:1px solid #d8d8d8}.lupa-sidebar-title{margin-left:15px;font-weight:700;font-size:16px;font-family:"Roboto",sans-serif;color:#161616}.lupa-sidebar-filter-options .lupa-facets-title{display:none}.lupa-filter-toggle-mobile:after{font-size:16px;color:#6c7ef7;content:"✖";line-height:inherit;font-family:"Roboto",sans-serif;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;text-align:center}.lupa-sidebar-filter-options{overflow-y:scroll;height:calc(100% - 48px)}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:none}.lupa-category-top-mobile-filters{display:none}.lupa-filters-mobile{display:none}.lupa-mobile-toggle{font-family:"Roboto",sans-serif;font-size:14px;color:#6c7ef7;width:208px;border-radius:0;display:none;padding:15px 0;border:1px solid #d8d8d8;line-height:16px;text-align:center;z-index:2}@media(max-width: 767px){.lupa-mobile-toggle{display:block}.lupa-category-top-mobile-filters{display:block}.lupa-filters-mobile{display:block;border-top:1px solid #d8d8d8}.lupa-filters-mobile.lupa-search-result-current-filters.expandable{padding:15px 0;margin:-20px 0 20px}#lupa-search-results-layout-selection{display:none}.lupa-search-results-summary{display:none}#lupa-search-results-page-size{display:none}#lupa-search-results-toolbar.lupa-toolbar-top{display:none}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:flex}.lupa-toolbar-bottom .lupa-toolbar-right{display:none}.lupa-toolbar-mobile .lupa-toolbar-left{display:none}#lupa-search-results-toolbar{justify-content:center}#lupa-search-results-rating{flex-direction:column;align-items:normal}#lupa-search-results-rating .lupa-total-ratings{margin-left:0;margin-top:5px}.lupa-search-result-filters{display:none}.lupa-mobile-filter-sidebar .lupa-search-result-filters{display:flex;flex-direction:column}#lupa-search-results-products{padding:0}.lupa-select-dropdown{width:208px}.lupa-facets-title{padding:16px}.lupa-search-result-current-filters.expandable{padding:16px;border-bottom:1px solid #d8d8d8;margin:0}.lupa-clear-all-filters{margin:0}#lupa-search-results-did-you-mean{margin-bottom:10px}}@media(max-width: 479px){.lupa-mobile-toggle{width:139px}.lupa-select-dropdown{width:139px}}@media(max-width: 350px){.lupa-mobile-toggle{width:100px}.lupa-select-dropdown{width:100px}}@media(max-width: 767px){.lupa-search-result-filters{flex:100%;padding:0}.lupa-search-result-facets{width:100%}.lupa-search-result-facet-display{padding:0 15px}}@media(max-width: 1024px){#lupa-search-results-badges>#lupa-badges{top:-16px}#lupa-search-results-badges>#lupa-badges .lupa-badge{width:32px;height:32px;font-size:11px}}#lupa-search-results-badges{position:relative}#lupa-badges{display:flex;position:absolute;font-family:"Roboto",sans-serif;top:-24px;z-index:1}#lupa-badges .tl{left:-10px}#lupa-badges .tr{right:-10px}.lupa-badge{width:48px;height:48px;font-size:14px;margin:0 8px 0 0;font-weight:700;border-radius:50%}.lupa-text-badges{display:flex}.lupa-image-badges{display:flex}.lupa-image-badges img{width:100%}.lupa-text-badge{color:#fff;background:#3c53f4;display:flex;align-items:center;justify-content:center;text-align:center}#lupa-badges{flex-direction:column;top:0;pointer-events:none;z-index:1000}.lupa-discount-badge{background:#e0232f;color:#fff}.lupa-preorder-badge{background:#4b81eb;color:#fff}.lupa-generated-badges{display:flex;flex-direction:column}.lupa-dynamic-badge{cursor:pointer;pointer-events:all;display:flex;font-weight:600;font-size:14px;line-height:20px;padding:4px;margin-bottom:4px;margin-right:auto;white-space:nowrap}.lupa-dynamic-badge .lupa-badge-title{font-weight:700;letter-spacing:-0.6px;display:flex;align-items:center;justify-content:center;min-width:42px}.lupa-dynamic-badge .lupa-badge-title img{max-height:20px}.lupa-dynamic-badge .lupa-badge-full-text{display:none;margin-left:10px}.lupa-dynamic-badge:hover .lupa-badge-full-text{display:inline-block}#lupa-search-results-breadcrumbs{margin:0 0 24px;font-size:12px}@media(min-width: 767px){#lupa-search-results-breadcrumbs{max-width:1228px;box-sizing:border-box;width:100%}}@media(max-width: 767px){#lupa-search-results-breadcrumbs{display:none}}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link{text-decoration:none;color:#0c26d7}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link:hover{text-decoration:underline;color:#091da7}#lupa-search-results-similar-queries{margin-top:20px}.lupa-similar-queries-label{font-size:20px;font-family:"Roboto",sans-serif;font-weight:700;line-height:1.1;margin-top:0;margin-bottom:8px}.lupa-similar-query-label{margin-bottom:48px;font-weight:400;line-height:1.5;color:#4f4f4f;font-family:"Roboto",sans-serif}.lupa-similar-query-value{font-size:16px}.lupa-similar-query-link:hover{text-decoration:underline;cursor:pointer}.lupa-similar-query-crossed{text-decoration:line-through}.lupa-category-filter{padding:0;font-family:"Roboto",sans-serif;margin:0 0 25px}.lupa-category-back{padding:13px 0}.lupa-category-back a{color:#161616;font-size:16px;line-height:20px;font-weight:700;text-decoration:none !important}.lupa-category-back a:hover{color:#3c53f4}.lupa-current-category,.lupa-child-category-item{padding:10px 0 10px 25px}.lupa-current-category a,.lupa-child-category-item a{text-decoration:none !important;color:#161616;font-size:16px;line-height:16px}.lupa-current-category a:hover,.lupa-child-category-item a:hover{color:#3c53f4}.lupa-child-category-item-active,.lupa-current-category-active{color:#3c53f4}.lupa-child-category-list{padding:0 0 0 10px}.lupa-category-overview{margin:30px 0 50px}.lupa-category-title{font-weight:600;font-size:14px;margin:0 0 15px}.lupa-spinner-wrapper{width:100%;overflow:hidden}.lupa-spinner{color:#555;display:flex;justify-content:center;position:relative;width:100%;padding-top:100px;padding-right:72px}.lupa-spinner div{transform-origin:40px 40px;animation:lupa-spinner 1.2s linear infinite}.lupa-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#555}.lupa-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.lupa-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lupa-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.lupa-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.lupa-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.lupa-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.lupa-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.lupa-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.lupa-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.lupa-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.lupa-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.lupa-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lupa-spinner{0%{opacity:1}100%{opacity:0}}.lupa-search-result-product-card{width:100%}.lupa-search-box-product-title{font-weight:300}#lupa-search-box-input input{box-sizing:border-box}#lupa-search-box-input::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰍉";font-size:24px;position:absolute;right:16px;top:12px}.lupa-suggestion{font-weight:300}.lupa-search-box-product-details-section{justify-content:space-between}.lupa-search-box-product-regular-price{text-decoration:line-through;color:#9e9e9e}.lupa-more-results{font-size:16px;font-weight:300}#lupa-search-box-panel{box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:24px;border:none;overflow:hidden}.lupa-suggestion-facet-label,.lupa-suggestion-facet-value{line-height:13px}#lupa-search-results-toolbar{margin:0 0 12px;padding-right:1.6%}#lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:center;margin:24px 0}.lupa-search-results-summary{font-weight:300;font-size:18px;line-height:15px}.lupa-search-results-summary span{color:#3c53f4;font-weight:700}.lupa-page-number{min-width:48px;min-height:48px;color:#464646;font-weight:300;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.lupa-page-number.lupa-page-number-selected,.lupa-page-number:hover{background:rgba(60,83,244,.08);font-weight:300}.lupa-page-arrow{font-size:0}.lupa-page-arrow::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅂"}.lupa-page-arrow:first-child::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅁"}#lupa-similar-query-text-component,.lupa-highlighted-search-text{color:#3c53f4}.lupa-similar-query-label{margin-bottom:18px;font-weight:300}.lupa-empty-results{font-weight:300;font-size:18px;margin-bottom:36px;color:#9e9e9e}.lupa-search-result-product-card{border-radius:4px;margin-bottom:36px;border:none}.lupa-search-result-product-contents{border:1px solid #d8d8d8;box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:4px;padding:16px}.lupa-search-result-product-contents:hover{border-color:#3c53f4}.lupa-search-results-product-title-text{font-weight:300;line-height:29px}.lupa-search-results-image-wrapper{padding-bottom:100%}.lupa-discount{display:inline;font-weight:700;font-size:32px;line-height:27px;color:#3c53f4}.lupa-custom-id{opacity:.5}.lupa-custom-brand{color:#3c53f4;font-weight:600}.lupa-final{display:inline;font-weight:700;font-size:32px;line-height:27px}.lupa-regular{text-decoration:line-through;color:#9e9e9e;display:inline-block;margin-left:4px}.lupa-search-result-filters{padding-right:24px;flex:40%}.lupa-filter-title-text{margin-bottom:24px}.lupa-search-result-facet-display{border:none}.lupa-search-result-facet-display:first-child{border:none}.lupa-facet-label-text{font-weight:700;font-size:16px;line-height:24px}.lupa-facet-label-caret::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:22px;content:"󰅀"}.lupa-term-label{font-weight:300;font-size:16px;line-height:1.15}.lupa-stats-facet-summary{margin-top:16px;font-size:16px;font-weight:300}.lupa-current-filter-list{display:flex;flex-wrap:wrap}.lupa-search-result-current-filters{border-bottom:1px solid #d8d8d8}.lupa-search-result-filter-value{flex-direction:row-reverse;display:flex;justify-content:flex-end;background-color:#3c53f4;padding:9px;border-radius:24px;margin:0 8px 8px 0}.lupa-search-result-filter-value .lupa-current-filter-label{display:none}.lupa-search-result-filter-value .lupa-current-filter-value{color:#fff;font-weight:300;font-size:14px}.lupa-search-result-filter-value .lupa-current-filter-action{display:flex;font-size:0}.lupa-search-result-filter-value .lupa-current-filter-action::before{color:#fff;margin-left:9px;width:16px;direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅙"}.lupa-clear-all-filters{font-weight:300;font-size:16px;line-height:22px;color:#464646;display:flex;align-items:center;margin-top:16px}.lupa-clear-all-filters:before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰅖";margin-right:10px;font-size:20px}.lupa-term-checkbox{border-radius:2px;border:2px solid #464646}.lupa-term-checkbox.checked{border-color:#3c53f4;background:#3c53f4}.lupa-term-checkbox.checked:after{border:none;border-left:2px solid #fff;border-bottom:2px solid #fff;display:inline-block;transform:rotate(-45deg);height:7px;width:12px;border-radius:0;top:-2px;content:" ";position:relative}.lupa-term-checkbox-label{font-size:16px;font-weight:300}.lupa-search-box-wrapper input{border-radius:24px}.lupa-mobile-toggle-filter-count{display:inline-flex;color:#fff;background:#3c53f4;border-radius:50%;width:20px;height:20px;justify-content:center;align-items:center}.lupa-category-top-mobile-filters .lupa-category-back{border:1px solid #d8d8d8;cursor:pointer;padding:10px 5px;margin:10px 0}.lupa-category-top-mobile-filters .lupa-category-back::before{content:"<";display:inline-block}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-panel-suggestion-index{grid-area:suggestions}.lupa-panel-document-index{grid-area:docs}#lupa-search-results-products{background:#fff;padding-top:36px}.wrapper{background:#fafafa}.lupa-search-container-overlay{all:initial;height:var(--lupa-full-height);width:100%;position:fixed;z-index:1000;left:0;top:0;box-sizing:border-box;background:rgba(0,0,0,.5)}.lupa-search-container{position:relative;max-height:80%;overflow:auto;background:#fff;border-bottom:1px solid #fff;box-shadow:4px 4px 4px rgba(22,22,22,.14)}.lupa-search-container .lupa-search-box-container{background:#fff;display:flex;padding:20px 20px 0;font-family:"Roboto",sans-serif}.lupa-search-container .lupa-search-box-container.sticky{position:sticky;top:0;z-index:1000}.lupa-search-container #lupa-search-box{width:100%}.lupa-search-container .lupa-search-box-input-field{position:relative !important;background:rgba(0,0,0,0) !important}.lupa-search-container .lupa-close-search-container{background:#f4f4f4;display:flex;align-items:center;justify-content:center;margin-left:24px;border-radius:24px;padding:11px 16px;cursor:pointer}.lupa-search-container .lupa-close-search-container:hover{color:#3c53f4}.lupa-search-container .lupa-close-label{font-size:16px;line-height:25px;display:flex;align-items:center}.lupa-search-container .lupa-close-label:before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";margin-right:10px;font-size:25px}.lupa-search-container #lupa-search-box-input-container{display:flex}.lupa-search-container #lupa-search-box-input{flex-grow:1}.lupa-search-container #lupa-search-box-input::after{display:none}.lupa-search-container #lupa-search-box-input .lupa-search-box-input-field:focus{outline:1px solid #3c53f4}.lupa-search-container .lupa-hint,.lupa-search-container .lupa-search-box-input-field{width:100%;box-sizing:border-box;padding-left:48px}.lupa-search-container .lupa-hint{width:calc(100% - 48px);position:absolute !important;pointer-events:none;color:#9e9e9e;background:rgba(0,0,0,0)}.lupa-search-container .lupa-input-clear{position:relative;z-index:100}.lupa-search-container .lupa-input-clear-content{width:48px;height:48px;position:absolute}.lupa-search-container .lupa-input-clear-content:after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";margin-right:10px;font-size:25px;position:absolute;top:12px;left:16px}.lupa-search-container .lupa-input-clear-content.lupa-input-clear-filled{cursor:pointer}.lupa-search-container .lupa-input-clear-content.lupa-input-clear-filled:hover{color:#3c53f4}.lupa-search-container .lupa-input-clear-content.lupa-input-clear-filled:after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";margin-right:10px;font-size:25px;position:absolute;top:12px;left:16px}.lupa-search-container #lupa-search-results-breadcrumbs{display:none}.lupa-search-container #lupa-search-box{margin-bottom:15px}.lupa-search-container #lupa-search-box-panel{position:inherit;display:flex;flex-direction:column;box-shadow:none;border:none;border-radius:0}.lupa-search-container .lupa-more-results{display:none}.lupa-search-container .lupa-main-panel{display:flex;flex-direction:column}.lupa-search-container .lupa-panel-suggestion-index{border:none}.lupa-search-container .lupa-search-box-history-clear-all{display:none}.lupa-search-container #lupa-search-box-suggestions,.lupa-search-container .lupa-search-box-history-panel{display:flex;align-items:center;margin:12px 0;flex-grow:1;flex-wrap:wrap;max-height:50px;overflow:hidden}.lupa-search-container .lupa-suggestion,.lupa-search-container .lupa-search-box-history-item-content{flex-direction:column;align-items:flex-start;justify-content:center;flex-shrink:0;margin:0 8px;padding:6px 12px;background-color:#f4f4f4;border-radius:24px;margin-bottom:8px;font-size:13px;height:30px}.lupa-search-container .lupa-suggestion:hover,.lupa-search-container .lupa-search-box-history-item-content:hover{text-decoration:none}.lupa-search-container .lupa-search-box-history-item{flex-shrink:0}.lupa-search-container .lupa-search-box-history-item-content{flex-direction:row;display:flex;align-items:center}.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-text:hover,.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-text.lupa-search-box-history-item-highlighted,.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-clear:hover,.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-clear.lupa-search-box-history-item-highlighted{background:rgba(0,0,0,0);color:#3c53f4;text-decoration:none}.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-text,.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-clear{padding:0}.lupa-search-container .lupa-search-box-history-item-content .lupa-search-box-history-item-clear{padding-left:5px}.lupa-search-container .lupa-search-box-history-item-text{font-size:13px}.lupa-search-container .lupa-suggestion-value{margin-right:0;line-height:1}.lupa-search-container .lupa-suggestion-value strong{font-weight:400}.lupa-search-container .lupa-suggestion-facet{font-size:10px;line-height:1;margin-top:4px}.lupa-search-container .lupa-suggestion:hover{color:#3c53f4}.lupa-search-container .lupa-suggestion:hover .lupa-suggestion-facet-label,.lupa-search-container .lupa-suggestion:hover .lupa-suggestion-facet-value{color:#3c53f4}.lupa-search-container .lupa-suggestion-facet-label{line-height:1;color:#7d7d7d;font-weight:400;margin-right:4px}.lupa-search-container .lupa-suggestion-facet-value{color:#464646;font-weight:600}.lupa-spinner-wrapper{width:100%;overflow:hidden}.lupa-search-container .lupa-search-result-wrapper{padding:0 20px}.lupa-search-container #lupa-search-results-products{padding:0}.lupa-search-container #lupa-search-results-layout-selection{display:none}.lupa-search-container .lupa-mobile-filter-sidebar{z-index:10000}.lupa-search-container .lupa-container-title-summary-mobile{display:none}.lupa-facets-title{display:none}.lupa-search-result-filters{max-width:325px}.lupa-facet-label-caret:after{content:"";font-size:25px}.lupa-facet-level{margin-left:25px}.lupa-term-label{font-weight:400}.lupa-term-filter,.lupa-stats-to>input,.lupa-stats-from>input{border-radius:24px}.lupa-term-filter:focus,.lupa-stats-to>input:focus,.lupa-stats-from>input:focus{outline:1px solid #3c53f4}.lupa-stats-facet-summary-input{justify-content:space-between}.lupa-stats-facet-summary-input span{color:#9e9e9e}.lupa-stats-to>input,.lupa-stats-from>input{color:#9e9e9e;width:80px;padding:6px;text-align:center;font-weight:400}.lupa-term-checkbox-label{padding-left:11px}.lupa-term-count{font-weight:400;color:#9e9e9e}.lupa-terms-list{max-height:400px;overflow-y:auto}.lupa-stats-range-label{display:none}.lupa-show-more-facet-results{justify-content:flex-start;color:#3c53f4}.lupa-show-more-facet-results:hover{color:#3c53f4}.lupa-facet-content{border-bottom:1px solid #d8d8d8;margin-bottom:10px}.lupa-search-result-current-filters{margin-bottom:12px}.lupa-search-result-filter-value{background-color:#f4f4f4;padding:9px 12px}.lupa-search-result-filter-value .lupa-current-filter-value{color:#161616}.lupa-search-result-filter-value .lupa-current-filter-action:before{color:#161616;content:""}.lupa-search-result-filter-value .lupa-current-filter-action:hover{cursor:pointer}.lupa-search-result-filter-value .lupa-current-filter-action:hover:before{color:#3c53f4}.lupa-clear-all-filters{font-weight:400;margin-bottom:20px;margin-top:8px}.lupa-clear-all-filters:before{content:"";font-size:25px}.lupa-clear-all-filters:hover{color:#3c53f4}.lupa-sidebar-top{margin:24px 0 16px}.lupa-filter-toggle-mobile::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;color:#161616;font-size:25px;content:""}.lupa-terms-list::-webkit-scrollbar,.lupa-search-result-facet-hierarchy-values::-webkit-scrollbar,.lupa-child-category-list::-webkit-scrollbar{width:6px}.lupa-terms-list::-webkit-scrollbar-track,.lupa-search-result-facet-hierarchy-values::-webkit-scrollbar-track,.lupa-child-category-list::-webkit-scrollbar-track{background:#fff}.lupa-terms-list::-webkit-scrollbar-thumb,.lupa-search-result-facet-hierarchy-values::-webkit-scrollbar-thumb,.lupa-child-category-list::-webkit-scrollbar-thumb{background:#3c53f4;border-radius:6px}.lupa-terms-list::-webkit-scrollbar-thumb:hover,.lupa-search-result-facet-hierarchy-values::-webkit-scrollbar-thumb:hover,.lupa-child-category-list::-webkit-scrollbar-thumb:hover{background:#3c53f4}.lupa-result-page-title,.lupa-similar-queries-label{font-size:18px;color:#161616}.lupa-search-results-summary,.lupa-similar-query-label{font-size:14px;font-weight:400;color:#7d7d7d}.lupa-similar-query-value{font-size:14px}#lupa-search-results-did-you-mean,.lupa-result-page-title{margin-bottom:12px}#lupa-select{display:flex;align-items:center}#lupa-select:after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";font-size:25px;position:absolute;right:20px;pointer-events:none}.lupa-select-label{position:initial;margin-right:8px;color:#7d7d7d;font-weight:400;font-size:14px}#lupa-search-results-page-size .lupa-select-dropdown,#lupa-search-results-sort .lupa-select-dropdown{height:40px;padding:11px 47px 6px 16px;width:auto;border-radius:4px}.lupa-search-results-sort{margin:0 0 0 16px}#lupa-search-results-toolbar{padding-right:12px}.lupa-empty-results{font-weight:400;font-size:14px;color:#161616;text-align:left}.lupa-page-number{font-weight:400;font-size:16px;min-width:40px;min-height:40px}.lupa-page-number.lupa-page-number-selected,.lupa-page-number:hover{background-color:#f4f4f4;font-weight:400}.lupa-page-arrow:first-child::before{content:"";font-size:14px}.lupa-page-arrow::before{content:"";font-size:14px}#lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:flex-start}#lupa-search-results-products .lupa-search-result-current-filters{display:none}.lupa-search-result-product-contents{box-shadow:none;padding:0 16px 12px}.lupa-search-result-product-card{margin-bottom:20px}.lupa-search-results-image-wrapper{padding-bottom:90%}.lupa-search-result-product-image-section{padding:12px 0 0}.lupa-custom-emphasis{font-weight:600;font-size:13px;margin-top:8px}.lupa-search-results-product-title-text{font-weight:400;font-size:16px;line-height:19px}.lupa-final,.lupa-discount{font-size:24px;margin-right:8px}.lupa-regular{margin-left:0}.lupa-final{color:#161616}.lupa-discount{color:#ec0b43}.lupa-search-box-custom-label{font-size:13px;font-weight:600}.lupa-search-box-custom-text{font-size:13px}@media(max-width: 1024px){.lupa-search-container #lupa-search-results-badges>#lupa-badges{top:16px}}@media(max-width: 767px){.lupa-search-container{max-height:var(--lupa-full-height)}.lupa-search-container #lupa-search-results-badges>#lupa-badges{top:0}.lupa-search-container .lupa-search-result-wrapper{padding:0 0 0 16px}.lupa-search-container .search-content{padding:0 8px}.lupa-search-container .lupa-search-result-product-card{padding:8px}.lupa-search-container .lupa-search-result-product-contents{padding:8px}.lupa-search-container .lupa-search-result-product-image-section{padding:0}.lupa-search-container #lupa-search-box-panel{overflow:visible}.lupa-search-container #lupa-search-box-suggestions,.lupa-search-container .lupa-search-box-history-panel{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-bottom:5px}.lupa-search-container #lupa-search-box-suggestions:before,.lupa-search-container #lupa-search-box-suggestions:after,.lupa-search-container .lupa-search-box-history-panel:before,.lupa-search-container .lupa-search-box-history-panel:after{position:absolute;content:"";background:linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 84.72%);height:60px;width:36px}.lupa-search-container #lupa-search-box-suggestions:before,.lupa-search-container .lupa-search-box-history-panel:before{left:0;background:linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 84.72%)}.lupa-search-container #lupa-search-box-suggestions:after,.lupa-search-container .lupa-search-box-history-panel:after{right:0}.lupa-search-container .lupa-close-search-container{padding:0;margin-left:8px;width:48px}.lupa-search-container .lupa-close-label{font-size:0}.lupa-search-container .lupa-close-label:before{margin-right:0}.lupa-search-container .lupa-search-result-filters{max-width:100%;padding-right:0}.lupa-search-container .lupa-search-result-facet-display{padding:0}.lupa-search-container .lupa-search-result-facet-label,.lupa-search-container .lupa-facet-content{padding-left:16px;padding-right:16px}.lupa-search-container .lupa-terms-list{max-height:unset}.lupa-search-container .lupa-current-filter-title{display:none}.lupa-search-container .lupa-stats-slider-wrapper .vue-slider-dot{width:24px !important;height:24px !important}.lupa-search-container .lupa-final,.lupa-search-container .lupa-discount{font-size:19px}.lupa-search-container .lupa-regular{font-size:14px}.lupa-search-container .lupa-search-results-summary{display:initial}.lupa-search-container .search-content .lupa-result-page-title,.lupa-search-container .search-content #lupa-search-results-did-you-mean{display:none}.lupa-search-container .lupa-container-title-summary-mobile{display:initial}.lupa-search-container #lupa-search-results-toolbar.lupa-filter-no-results{display:none}.lupa-search-container .lupa-mobile-toggle{background:#464646;color:#fff;border-radius:24px;padding:9px 0;width:100%;display:flex;align-items:center;justify-content:center}.lupa-search-container .lupa-top-mobile-filter-wrapper{margin-top:16px}.lupa-search-container .lupa-mobile-toggle-filter-count{background:#fff;color:#464646;font-size:12px;width:18px;height:18px;margin-left:4px}.lupa-search-container .lupa-toolbar-right{width:100%}.lupa-search-container .lupa-select-label{display:none}.lupa-search-container #lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:center}}.lupa-search-container #lupa-badges{top:16px;align-items:flex-start}.lupa-search-container #lupa-badges .lupa-discount-badge,.lupa-search-container #lupa-badges .lupa-custom-badge{border-radius:0px 4px 4px 0px;height:21px;margin-bottom:4px;padding:0 12px;font-weight:600;font-size:13px;line-height:13px;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.lupa-search-container #lupa-badges .lupa-discount-badge{background-color:#ec0b43}
package/dist/lupaSearch.js CHANGED
@@ -2892,6 +2892,10 @@ const useSearchBoxStore = defineStore("searchBox", () => {
2892
2892
  };
2893
2893
  })
2894
2894
  );
2895
+ const hasAnyResults = vue.computed(() => {
2896
+ var _a;
2897
+ return (_a = panelItemCounts.value) == null ? void 0 : _a.some((p2) => p2.count > 0);
2898
+ });
2895
2899
  const totalCount = vue.computed(
2896
2900
  () => {
2897
2901
  var _a, _b;
@@ -2944,6 +2948,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
2944
2948
  [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
2945
2949
  });
2946
2950
  inputValue.value = publicQuery.searchText;
2951
+ emitSearchResultsCallback();
2947
2952
  return {
2948
2953
  suggestions: result.items
2949
2954
  };
@@ -2955,6 +2960,19 @@ const useSearchBoxStore = defineStore("searchBox", () => {
2955
2960
  return { suggestions: void 0 };
2956
2961
  }
2957
2962
  });
2963
+ const emitSearchResultsCallback = () => {
2964
+ var _a;
2965
+ if ((_a = options.value.callbacks) == null ? void 0 : _a.onSearchBoxResults) {
2966
+ options.value.callbacks.onSearchBoxResults({
2967
+ hasAnyResults: hasAnyResults.value,
2968
+ docResults: docResults.value,
2969
+ suggestionResults: suggestionResults.value,
2970
+ totalCount: totalCount.value,
2971
+ panelItemCounts: panelItemCounts.value,
2972
+ inputValue: inputValue.value
2973
+ });
2974
+ }
2975
+ };
2958
2976
  const queryDocuments = (_0) => __async(exports, [_0], function* ({
2959
2977
  queryKey,
2960
2978
  publicQuery,
@@ -2968,6 +2986,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
2968
2986
  }
2969
2987
  highlightChange({ action: "clear" });
2970
2988
  docResults.value = __spreadProps(__spreadValues({}, docResults.value), { [queryKey]: result });
2989
+ emitSearchResultsCallback();
2971
2990
  return { queryKey, result };
2972
2991
  } catch (err) {
2973
2992
  console.error(err);
@@ -3004,6 +3023,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
3004
3023
  totalCount,
3005
3024
  highlightedItem,
3006
3025
  highlightedDocument,
3026
+ hasAnyResults,
3007
3027
  querySuggestions,
3008
3028
  queryDocuments,
3009
3029
  highlightChange,
@@ -3012,7 +3032,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
3012
3032
  resetHighlightIndex
3013
3033
  };
3014
3034
  });
3015
- const _hoisted_1$1a = { id: "lupa-search-box-input-container" };
3035
+ const _hoisted_1$1b = { id: "lupa-search-box-input-container" };
3016
3036
  const _hoisted_2$O = { class: "lupa-input-clear" };
3017
3037
  const _hoisted_3$A = { id: "lupa-search-box-input" };
3018
3038
  const _hoisted_4$r = ["value"];
@@ -3021,7 +3041,7 @@ const _hoisted_6$8 = {
3021
3041
  key: 0,
3022
3042
  class: "lupa-close-label"
3023
3043
  };
3024
- const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
3044
+ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
3025
3045
  __name: "SearchBoxInput",
3026
3046
  props: {
3027
3047
  options: {},
@@ -3098,7 +3118,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
3098
3118
  };
3099
3119
  __expose({ focus });
3100
3120
  return (_ctx, _cache) => {
3101
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
3121
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1b, [
3102
3122
  vue.createElementVNode("div", _hoisted_2$O, [
3103
3123
  vue.createElementVNode("div", {
3104
3124
  class: vue.normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
@@ -3138,7 +3158,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
3138
3158
  };
3139
3159
  }
3140
3160
  });
3141
- const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
3161
+ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
3142
3162
  __name: "SearchBoxMoreResults",
3143
3163
  props: {
3144
3164
  labels: {},
@@ -3170,9 +3190,9 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
3170
3190
  };
3171
3191
  }
3172
3192
  });
3173
- const _hoisted_1$19 = { class: "lupa-search-box-history-item" };
3193
+ const _hoisted_1$1a = { class: "lupa-search-box-history-item" };
3174
3194
  const _hoisted_2$N = { class: "lupa-search-box-history-item-content" };
3175
- const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
3195
+ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
3176
3196
  __name: "SearchBoxHistoryItem",
3177
3197
  props: {
3178
3198
  item: {},
@@ -3188,7 +3208,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
3188
3208
  emit("click", { query: props.item });
3189
3209
  };
3190
3210
  return (_ctx, _cache) => {
3191
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
3211
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
3192
3212
  vue.createElementVNode("div", _hoisted_2$N, [
3193
3213
  vue.createElementVNode("div", {
3194
3214
  class: vue.normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
@@ -3203,11 +3223,11 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
3203
3223
  };
3204
3224
  }
3205
3225
  });
3206
- const _hoisted_1$18 = {
3226
+ const _hoisted_1$19 = {
3207
3227
  key: 0,
3208
3228
  class: "lupa-search-box-history-panel"
3209
3229
  };
3210
- const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
3230
+ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
3211
3231
  __name: "SearchBoxHistoryPanel",
3212
3232
  props: {
3213
3233
  options: {}
@@ -3248,9 +3268,9 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
3248
3268
  }
3249
3269
  };
3250
3270
  return (_ctx, _cache) => {
3251
- return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
3271
+ return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
3252
3272
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(history), (item, index) => {
3253
- return vue.openBlock(), vue.createBlock(_sfc_main$1g, {
3273
+ return vue.openBlock(), vue.createBlock(_sfc_main$1h, {
3254
3274
  key: item,
3255
3275
  item,
3256
3276
  highlighted: index === highlightIndex.value,
@@ -3266,6 +3286,18 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
3266
3286
  };
3267
3287
  }
3268
3288
  });
3289
+ const _hoisted_1$18 = { class: "lupa-search-box-no-results" };
3290
+ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
3291
+ __name: "SearchBoxNoResults",
3292
+ props: {
3293
+ labels: {}
3294
+ },
3295
+ setup(__props) {
3296
+ return (_ctx, _cache) => {
3297
+ return vue.openBlock(), vue.createElementBlock("p", _hoisted_1$18, vue.toDisplayString(_ctx.labels.noResults), 1);
3298
+ };
3299
+ }
3300
+ });
3269
3301
  const _hoisted_1$17 = ["innerHTML"];
3270
3302
  const _hoisted_2$M = {
3271
3303
  key: 1,
@@ -4452,7 +4484,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
4452
4484
  const panels = vue.computed(() => props.options.panels);
4453
4485
  const sdkOptions = vue.computed(() => props.options.options);
4454
4486
  const searchBoxStore = useSearchBoxStore();
4455
- const { suggestionResults } = storeToRefs(searchBoxStore);
4487
+ const { suggestionResults, hasAnyResults } = storeToRefs(searchBoxStore);
4456
4488
  const displayResults = vue.computed(
4457
4489
  () => {
4458
4490
  var _a, _b;
@@ -4572,13 +4604,18 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
4572
4604
  ], 10, _hoisted_3$v);
4573
4605
  }), 128))
4574
4606
  ]),
4575
- vue.createVNode(_sfc_main$1h, {
4607
+ !vue.unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (vue.openBlock(), vue.createBlock(_sfc_main$1f, {
4608
+ key: 0,
4609
+ labels: labels.value
4610
+ }, null, 8, ["labels"])) : vue.createCommentVNode("", true),
4611
+ vue.unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
4612
+ key: 1,
4576
4613
  labels: labels.value,
4577
4614
  showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
4578
4615
  onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
4579
- }, null, 8, ["labels", "showTotalCount"])
4616
+ }, null, 8, ["labels", "showTotalCount"])) : vue.createCommentVNode("", true)
4580
4617
  ])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
4581
- vue.createVNode(_sfc_main$1f, {
4618
+ vue.createVNode(_sfc_main$1g, {
4582
4619
  options: _ctx.options.history,
4583
4620
  history: history.value,
4584
4621
  onGoToResults: handleGoToResults,
@@ -4644,7 +4681,9 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
4644
4681
  "links",
4645
4682
  "options",
4646
4683
  "debounce",
4647
- "showTotalCount"
4684
+ "showTotalCount",
4685
+ "hideMoreResultsButtonOnNoResults",
4686
+ "showNoResultsPanel"
4648
4687
  ])
4649
4688
  );
4650
4689
  const searchTriggers = vue.computed(() => {
@@ -4840,7 +4879,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
4840
4879
  var _a2;
4841
4880
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
4842
4881
  vue.createElementVNode("div", _hoisted_2$F, [
4843
- vue.createVNode(_sfc_main$1i, {
4882
+ vue.createVNode(_sfc_main$1j, {
4844
4883
  options: inputOptions.value,
4845
4884
  suggestedValue: suggestedValue.value,
4846
4885
  "can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
package/dist/lupaSearch.mjs CHANGED
@@ -2890,6 +2890,10 @@ const useSearchBoxStore = defineStore("searchBox", () => {
2890
2890
  };
2891
2891
  })
2892
2892
  );
2893
+ const hasAnyResults = computed(() => {
2894
+ var _a;
2895
+ return (_a = panelItemCounts.value) == null ? void 0 : _a.some((p2) => p2.count > 0);
2896
+ });
2893
2897
  const totalCount = computed(
2894
2898
  () => {
2895
2899
  var _a, _b;
@@ -2942,6 +2946,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
2942
2946
  [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
2943
2947
  });
2944
2948
  inputValue.value = publicQuery.searchText;
2949
+ emitSearchResultsCallback();
2945
2950
  return {
2946
2951
  suggestions: result.items
2947
2952
  };
@@ -2953,6 +2958,19 @@ const useSearchBoxStore = defineStore("searchBox", () => {
2953
2958
  return { suggestions: void 0 };
2954
2959
  }
2955
2960
  });
2961
+ const emitSearchResultsCallback = () => {
2962
+ var _a;
2963
+ if ((_a = options.value.callbacks) == null ? void 0 : _a.onSearchBoxResults) {
2964
+ options.value.callbacks.onSearchBoxResults({
2965
+ hasAnyResults: hasAnyResults.value,
2966
+ docResults: docResults.value,
2967
+ suggestionResults: suggestionResults.value,
2968
+ totalCount: totalCount.value,
2969
+ panelItemCounts: panelItemCounts.value,
2970
+ inputValue: inputValue.value
2971
+ });
2972
+ }
2973
+ };
2956
2974
  const queryDocuments = (_0) => __async(void 0, [_0], function* ({
2957
2975
  queryKey,
2958
2976
  publicQuery,
@@ -2966,6 +2984,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
2966
2984
  }
2967
2985
  highlightChange({ action: "clear" });
2968
2986
  docResults.value = __spreadProps(__spreadValues({}, docResults.value), { [queryKey]: result });
2987
+ emitSearchResultsCallback();
2969
2988
  return { queryKey, result };
2970
2989
  } catch (err) {
2971
2990
  console.error(err);
@@ -3002,6 +3021,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
3002
3021
  totalCount,
3003
3022
  highlightedItem,
3004
3023
  highlightedDocument,
3024
+ hasAnyResults,
3005
3025
  querySuggestions,
3006
3026
  queryDocuments,
3007
3027
  highlightChange,
@@ -3010,7 +3030,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
3010
3030
  resetHighlightIndex
3011
3031
  };
3012
3032
  });
3013
- const _hoisted_1$1a = { id: "lupa-search-box-input-container" };
3033
+ const _hoisted_1$1b = { id: "lupa-search-box-input-container" };
3014
3034
  const _hoisted_2$O = { class: "lupa-input-clear" };
3015
3035
  const _hoisted_3$A = { id: "lupa-search-box-input" };
3016
3036
  const _hoisted_4$r = ["value"];
@@ -3019,7 +3039,7 @@ const _hoisted_6$8 = {
3019
3039
  key: 0,
3020
3040
  class: "lupa-close-label"
3021
3041
  };
3022
- const _sfc_main$1i = /* @__PURE__ */ defineComponent({
3042
+ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
3023
3043
  __name: "SearchBoxInput",
3024
3044
  props: {
3025
3045
  options: {},
@@ -3096,7 +3116,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
3096
3116
  };
3097
3117
  __expose({ focus });
3098
3118
  return (_ctx, _cache) => {
3099
- return openBlock(), createElementBlock("div", _hoisted_1$1a, [
3119
+ return openBlock(), createElementBlock("div", _hoisted_1$1b, [
3100
3120
  createElementVNode("div", _hoisted_2$O, [
3101
3121
  createElementVNode("div", {
3102
3122
  class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
@@ -3136,7 +3156,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
3136
3156
  };
3137
3157
  }
3138
3158
  });
3139
- const _sfc_main$1h = /* @__PURE__ */ defineComponent({
3159
+ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
3140
3160
  __name: "SearchBoxMoreResults",
3141
3161
  props: {
3142
3162
  labels: {},
@@ -3168,9 +3188,9 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
3168
3188
  };
3169
3189
  }
3170
3190
  });
3171
- const _hoisted_1$19 = { class: "lupa-search-box-history-item" };
3191
+ const _hoisted_1$1a = { class: "lupa-search-box-history-item" };
3172
3192
  const _hoisted_2$N = { class: "lupa-search-box-history-item-content" };
3173
- const _sfc_main$1g = /* @__PURE__ */ defineComponent({
3193
+ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
3174
3194
  __name: "SearchBoxHistoryItem",
3175
3195
  props: {
3176
3196
  item: {},
@@ -3186,7 +3206,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
3186
3206
  emit("click", { query: props.item });
3187
3207
  };
3188
3208
  return (_ctx, _cache) => {
3189
- return openBlock(), createElementBlock("div", _hoisted_1$19, [
3209
+ return openBlock(), createElementBlock("div", _hoisted_1$1a, [
3190
3210
  createElementVNode("div", _hoisted_2$N, [
3191
3211
  createElementVNode("div", {
3192
3212
  class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
@@ -3201,11 +3221,11 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
3201
3221
  };
3202
3222
  }
3203
3223
  });
3204
- const _hoisted_1$18 = {
3224
+ const _hoisted_1$19 = {
3205
3225
  key: 0,
3206
3226
  class: "lupa-search-box-history-panel"
3207
3227
  };
3208
- const _sfc_main$1f = /* @__PURE__ */ defineComponent({
3228
+ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
3209
3229
  __name: "SearchBoxHistoryPanel",
3210
3230
  props: {
3211
3231
  options: {}
@@ -3246,9 +3266,9 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
3246
3266
  }
3247
3267
  };
3248
3268
  return (_ctx, _cache) => {
3249
- return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$18, [
3269
+ return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$19, [
3250
3270
  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
3251
- return openBlock(), createBlock(_sfc_main$1g, {
3271
+ return openBlock(), createBlock(_sfc_main$1h, {
3252
3272
  key: item,
3253
3273
  item,
3254
3274
  highlighted: index === highlightIndex.value,
@@ -3264,6 +3284,18 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
3264
3284
  };
3265
3285
  }
3266
3286
  });
3287
+ const _hoisted_1$18 = { class: "lupa-search-box-no-results" };
3288
+ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
3289
+ __name: "SearchBoxNoResults",
3290
+ props: {
3291
+ labels: {}
3292
+ },
3293
+ setup(__props) {
3294
+ return (_ctx, _cache) => {
3295
+ return openBlock(), createElementBlock("p", _hoisted_1$18, toDisplayString(_ctx.labels.noResults), 1);
3296
+ };
3297
+ }
3298
+ });
3267
3299
  const _hoisted_1$17 = ["innerHTML"];
3268
3300
  const _hoisted_2$M = {
3269
3301
  key: 1,
@@ -4450,7 +4482,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
4450
4482
  const panels = computed(() => props.options.panels);
4451
4483
  const sdkOptions = computed(() => props.options.options);
4452
4484
  const searchBoxStore = useSearchBoxStore();
4453
- const { suggestionResults } = storeToRefs(searchBoxStore);
4485
+ const { suggestionResults, hasAnyResults } = storeToRefs(searchBoxStore);
4454
4486
  const displayResults = computed(
4455
4487
  () => {
4456
4488
  var _a, _b;
@@ -4570,13 +4602,18 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
4570
4602
  ], 10, _hoisted_3$v);
4571
4603
  }), 128))
4572
4604
  ]),
4573
- createVNode(_sfc_main$1h, {
4605
+ !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1f, {
4606
+ key: 0,
4607
+ labels: labels.value
4608
+ }, null, 8, ["labels"])) : createCommentVNode("", true),
4609
+ unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1i, {
4610
+ key: 1,
4574
4611
  labels: labels.value,
4575
4612
  showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
4576
4613
  onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
4577
- }, null, 8, ["labels", "showTotalCount"])
4614
+ }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
4578
4615
  ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
4579
- createVNode(_sfc_main$1f, {
4616
+ createVNode(_sfc_main$1g, {
4580
4617
  options: _ctx.options.history,
4581
4618
  history: history.value,
4582
4619
  onGoToResults: handleGoToResults,
@@ -4642,7 +4679,9 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
4642
4679
  "links",
4643
4680
  "options",
4644
4681
  "debounce",
4645
- "showTotalCount"
4682
+ "showTotalCount",
4683
+ "hideMoreResultsButtonOnNoResults",
4684
+ "showNoResultsPanel"
4646
4685
  ])
4647
4686
  );
4648
4687
  const searchTriggers = computed(() => {
@@ -4838,7 +4877,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
4838
4877
  var _a2;
4839
4878
  return openBlock(), createElementBlock("div", _hoisted_1$W, [
4840
4879
  createElementVNode("div", _hoisted_2$F, [
4841
- createVNode(_sfc_main$1i, {
4880
+ createVNode(_sfc_main$1j, {
4842
4881
  options: inputOptions.value,
4843
4882
  suggestedValue: suggestedValue.value,
4844
4883
  "can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
package/dist/src/components/search-box/SearchBoxNoResults.vue.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import type { PropType as __PropType } from 'vue';
2
+ import type { SearchBoxOptionLabels } from '../../types/search-box/SearchBoxOptions';
3
+ declare const _sfc_main: import("vue").DefineComponent<{
4
+ labels: {
5
+ type: __PropType<SearchBoxOptionLabels>;
6
+ required: true;
7
+ };
8
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
9
+ labels: {
10
+ type: __PropType<SearchBoxOptionLabels>;
11
+ required: true;
12
+ };
13
+ }>>, {}, {}>;
14
+ export default _sfc_main;
package/dist/src/index.d.ts CHANGED
@@ -4,7 +4,7 @@ import { DocumentElementType } from './types/DocumentElement';
4
4
  import type { DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SingleStarRatingElement } from './types/DocumentElement';
5
5
  import type { ProductListOptions, CategoryFilterOptions } from './types/product-list/ProductListOptions';
6
6
  import type { ProductRecommendationOptions, RecommendationABTestingOptions } from './types/recommendations/RecommendationsOptions';
7
- import type { SearchBoxOptions } from './types/search-box/SearchBoxOptions';
7
+ import type { SearchBoxEventCallbacks, SearchBoxOptions, SearchBoxResultCallbackContext } from './types/search-box/SearchBoxOptions';
8
8
  import { SearchBoxPanelType } from './types/search-box/SearchBoxPanel';
9
9
  import type { SearchContainerOptions, SearchContainerConfigOptions } from './types/search-container/SearchContainerOptions';
10
10
  import type { SearchResultBadgeType, SearchResultBadgeElement, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions } from './types/search-results/BadgeOptions';
@@ -27,4 +27,4 @@ declare const LupaSearch: {
27
27
  install: (app: any, options: any) => void;
28
28
  };
29
29
  export { SearchBox, SearchResults, ProductList, Recommendations, SearchContainer, ChatContainer, DocumentElementType, SearchBoxPanelType, BadgeType, setupTracking, LupaSearch, initPinia, getInitialSearchResults };
30
- export type { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, FacetStyle, Environment, RoutingBehavior, AnchorPosition, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, SortCallbackContext, ResultCallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, SearchContainerOptions, SearchContainerConfigOptions, SingleStarRatingElement, DynamicData, ProductRecommendationOptions, RecommendationABTestingOptions, SsrOptions, ChatOptions };
30
+ export type { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, FacetStyle, Environment, RoutingBehavior, AnchorPosition, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, SortCallbackContext, ResultCallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, SearchContainerOptions, SearchContainerConfigOptions, SingleStarRatingElement, DynamicData, ProductRecommendationOptions, RecommendationABTestingOptions, SsrOptions, ChatOptions, SearchBoxEventCallbacks, SearchBoxResultCallbackContext };
package/dist/src/stores/searchBox.d.ts CHANGED
@@ -38,6 +38,7 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
38
38
  id: unknown;
39
39
  title: string;
40
40
  }>;
41
+ hasAnyResults: import("vue").ComputedRef<boolean>;
41
42
  querySuggestions: ({ queryKey, publicQuery, options }: {
42
43
  queryKey: string;
43
44
  publicQuery: PublicQuery;
@@ -105,6 +106,7 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
105
106
  id: unknown;
106
107
  title: string;
107
108
  }>;
109
+ hasAnyResults: import("vue").ComputedRef<boolean>;
108
110
  querySuggestions: ({ queryKey, publicQuery, options }: {
109
111
  queryKey: string;
110
112
  publicQuery: PublicQuery;
@@ -137,7 +139,7 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
137
139
  newOptions: SearchBoxOptions;
138
140
  }) => void;
139
141
  resetHighlightIndex: () => void;
140
- }, "totalCount" | "resultsVisible" | "panelItemCounts" | "highlightedItem" | "highlightedDocument">, Pick<{
142
+ }, "totalCount" | "resultsVisible" | "panelItemCounts" | "highlightedItem" | "highlightedDocument" | "hasAnyResults">, Pick<{
141
143
  options: Ref<SearchBoxOptions>;
142
144
  docResults: Ref<Record<string, SearchQueryResult>>;
143
145
  suggestionResults: Ref<Record<string, DisplaySuggestion[]>>;
@@ -172,6 +174,7 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
172
174
  id: unknown;
173
175
  title: string;
174
176
  }>;
177
+ hasAnyResults: import("vue").ComputedRef<boolean>;
175
178
  querySuggestions: ({ queryKey, publicQuery, options }: {
176
179
  queryKey: string;
177
180
  publicQuery: PublicQuery;
package/dist/src/types/search-box/SearchBoxOptions.d.ts CHANGED
@@ -1,13 +1,16 @@
1
+ import { SearchQueryResult } from '@getlupa/client-sdk/Types';
1
2
  import type { SdkOptions } from '../General';
2
3
  import type { RoutingBehavior } from '../search-results/RoutingBehavior';
3
4
  import type { DynamicData } from '../search-results/SearchResultsOptions';
4
5
  import type { SearchBoxHistory } from './SearchBoxHistory';
5
6
  import type { SearchBoxPanel } from './SearchBoxPanel';
7
+ import { DisplaySuggestion } from './Common';
6
8
  export type SearchBoxOptions = SearchBoxPanelOptions & {
7
9
  inputSelector: string;
8
10
  searchTriggers?: string[];
9
11
  routingBehavior?: RoutingBehavior;
10
12
  dynamicData?: DynamicData;
13
+ callbacks?: SearchBoxEventCallbacks;
11
14
  };
12
15
  export type SearchBoxOptionLabels = {
13
16
  placeholder: string;
@@ -27,10 +30,26 @@ export type SearchBoxInputOptions = {
27
30
  links: SearchBoxOptionLinks;
28
31
  inputAttributes?: Record<string, string>;
29
32
  };
33
+ export type SearchBoxResultCallbackContext = {
34
+ hasAnyResults?: boolean;
35
+ docResults?: Record<string, SearchQueryResult>;
36
+ suggestionResults?: Record<string, DisplaySuggestion[]>;
37
+ totalCount?: number;
38
+ panelItemCounts?: {
39
+ queryKey: string;
40
+ count: number;
41
+ }[];
42
+ inputValue?: string;
43
+ };
44
+ export type SearchBoxEventCallbacks = {
45
+ onSearchBoxResults?: (context: SearchBoxResultCallbackContext) => unknown;
46
+ };
30
47
  export type SearchBoxPanelOptions = SearchBoxInputOptions & {
31
48
  history: SearchBoxHistory;
32
49
  panels: SearchBoxPanel[];
33
50
  options: SdkOptions;
34
51
  debounce?: number;
35
52
  showTotalCount?: boolean;
53
+ showNoResultsPanel?: boolean;
54
+ hideMoreResultsButtonOnNoResults?: boolean;
36
55
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit !important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none !important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block !important}.slider-horizontal{height:var(--slider-height, 6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height, 16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-width, 16px)}.slider-vertical{height:var(--slider-vertical-height, 300px);width:var(--slider-height, 6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width, 16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-height, 16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg, #d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius, 9999px)}.slider-connect{background:var(--slider-connect-bg, #10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg, #fff);border:var(--slider-handle-border, 0);border-radius:var(--slider-handle-radius, 9999px);box-shadow:var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height, 16px);width:var(--slider-handle-width, 16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, 0.188)),var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled, #9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled, #9ca3af);border-color:var(--slider-tooltip-bg-disabled, #9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg, #10b981);border:1px solid var(--slider-tooltip-bg, #10b981);border-radius:var(--slider-tooltip-radius, 5px);color:var(--slider-tooltip-color, #fff);display:block;font-size:var(--slider-tooltip-font-size, 0.875rem);font-weight:var(--slider-tooltip-font-weight, 600);line-height:var(--slider-tooltip-line-height, 1.25rem);min-width:var(--slider-tooltip-min-width, 20px);padding:var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * -1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}:root{--lupa-available-height: 100%}#lupa-search-box-panel{position:absolute;width:100%;height:auto;border:1px solid #d8d8d8;background:#fff;box-shadow:0px 4px 6px rgba(0,0,0,.25);z-index:5000;border-radius:0;font-family:"Roboto",sans-serif;box-sizing:border-box}#lupa-search-box-panel:empty{display:none}@media(max-width: 767px){#lupa-search-box-panel{max-height:var(--lupa-available-height);overflow-y:auto}}.lupa-main-panel{display:grid;grid-template:"suggestions docs";grid-template-columns:minmax(50px, 35%) minmax(250px, 1fr)}@media(max-width: 767px){.lupa-main-panel{display:block}}.lupa-panel-suggestion-index{grid-area:left;word-break:break-word}@media(min-width: 767px){.lupa-panel-suggestion-index{border-right:1px solid #d8d8d8}}.lupa-panel-document-index{grid-area:right;word-break:break-word}.lupa-more-results{cursor:pointer;border-top:1px solid #d8d8d8;padding:5px 10px;color:#161616;background-color:#fff;font-size:14px;line-height:24px}.lupa-more-results:hover{background-color:rgba(0,0,0,.05);color:#3c53f4}#lupa-search-box-panel{display:flex;justify-content:space-between;flex-direction:column}.lupa-more-results{text-align:center}#lupa-search-box{width:100%}.lupa-search-box-wrapper{position:relative}.lupa-suggestion{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;color:#161616;background-color:#fff;padding:4px 20px;font-size:16px;line-height:24px}.lupa-suggestion strong{color:#161616}.lupa-suggestion-value{margin-right:7px}.lupa-suggestion-facet{font-size:13px}.lupa-suggestion-facet-label{margin-right:2px}.lupa-suggestion-facet-value{font-weight:bold}.lupa-suggestion-highlighted,.lupa-suggestion:hover{cursor:pointer;color:#3c53f4;background-color:rgba(0,0,0,.05)}.lupa-suggestion-highlighted strong,.lupa-suggestion:hover strong{color:#3c53f4}.lupa-suggestion:hover{text-decoration:underline}.lupa-search-box-input-field{position:relative !important;background:rgba(0,0,0,0) !important}.lupa-search-box-input-field,.lupa-hint{color:#161616;height:48px;padding:0 16px;line-height:1.5;font-size:16px;font-family:"Roboto",sans-serif;width:100%}.lupa-search-box-input-field{border:1px solid #d8d8d8;color:#161616}.lupa-hint{opacity:.5;position:absolute !important;pointer-events:none;border:1px solid rgba(0,0,0,0)}.lupa-input-clear{display:none}.lupa-search-box-history-item{cursor:pointer}.lupa-search-box-history-item-content{display:flex;justify-content:space-between}.lupa-search-box-history-item-text{width:100%;display:flex;align-items:center;line-height:24px;font-size:16px;padding:4px 20px;color:#161616}.lupa-search-box-history-item-text:hover,.lupa-search-box-history-item-text.lupa-search-box-history-item-highlighted{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-history-item-text:hover{text-decoration:underline}.lupa-search-box-history-item-clear{display:flex;align-items:center;padding:4px 20px;color:#161616;font-size:24px}.lupa-search-box-history-item-clear:hover{color:#161616;background-color:rgba(0,0,0,.05)}.lupa-search-box-history-clear-all{text-align:center;cursor:pointer;border-top:1px solid #d8d8d8;padding:4px 20px;line-height:24px;font-size:14px;color:#161616}.lupa-search-box-history-clear-all:hover{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-product{padding:10px;font-size:14px;display:flex;cursor:pointer;text-decoration:inherit;color:inherit}.lupa-search-box-product:hover,.lupa-search-box-product.lupa-search-box-product-highlighted{text-decoration:none;background-color:rgba(0,0,0,.05)}.lupa-search-box-product:hover .lupa-search-box-product-title,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-title{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-custom,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-custom{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-price{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-regular-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-regular-price{color:#161616}.lupa-search-box-product-details-section{font-family:"Roboto",sans-serif}.lupa-search-box-product-details-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.lupa-search-box-product-image-section{min-width:85px;flex:0 1}.lupa-search-box-image-wrapper,.lupa-search-box-image{width:70px;height:70px}.lupa-search-box-image{object-fit:contain}.lupa-search-box-product-title{font-size:16px;line-height:15px;color:#161616}.lupa-search-box-product-custom{font-size:14px;line-height:15px;color:#161616}.lupa-search-box-product-price{font-size:16px;line-height:15px;color:#3c53f4}.lupa-search-box-product-regular-price{font-size:14px;line-height:15px;color:#161616;font-weight:normal}.lupa-search-box-product-description{max-height:42px;line-height:14px;color:#161616;overflow:hidden}.lupa-search-box-product-add-to-cart-section{flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center}.lupa-search-result-facets{font-family:"Roboto",sans-serif}.lupa-facets-title{font-size:16px;line-height:1.1;font-weight:700;padding:0 0 10px;color:#161616}.lupa-search-result-facet-display{border-bottom:1px solid #d8d8d8}.lupa-search-result-facet-display:first-child{border-top:1px solid #d8d8d8}.lupa-search-result-facet-label{justify-content:space-between;display:flex;font-size:14px;line-height:21px;font-weight:700;padding:10.5px;color:#161616;cursor:pointer}.lupa-search-result-facet-label:hover{color:#3c53f4}.lupa-search-result-facet-label.open{padding:10.5px 10.5px 0}.lupa-facet-label-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-facet-label-caret.open::after{transform:rotate(180deg)}.lupa-facet-content{padding:5px 10px 20px}.lupa-facet-term{padding:4px 5px;margin:16px 0 0}.lupa-term-checkbox-label{width:100%;padding-left:8px;display:flex;justify-content:space-between;align-items:center}.lupa-facet-term{cursor:pointer;display:flex;align-items:center;font-size:14px;color:#161616}.lupa-facet-term:hover{background:rgba(0,0,0,.05)}.lupa-facet-term.checked{font-weight:bold}.lupa-term-count{color:#161616}.lupa-term-checkbox{display:inline-block;height:18px;width:18px;box-sizing:border-box;border:2px solid #3c53f4;border-radius:0px;content:"";display:flex;justify-content:center;align-items:center}.lupa-term-checkbox.checked::after{border:3px solid #3c53f4;border-radius:0px;display:inline-block;content:""}.lupa-show-more-facet-results{justify-content:center}.lupa-term-filter{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-show-more-facet-results{color:#161616;font-size:14px}.lupa-show-more-facet-results:hover{color:#161616}.lupa-stats-facet-summary{text-align:center;font-size:14px}.lupa-stats-slider-wrapper{margin:10px 0 0;padding:0 8px}.lupa-stats-slider-wrapper .slider-connects{background-color:rgba(60,83,244,.3)}.lupa-stats-slider-wrapper .slider-connect{background-color:#3c53f4}.lupa-stats-slider-wrapper .slider-handle{background:#3c53f4;border-radius:50%;border:0px solid #3c53f4;z-index:3;cursor:pointer}.lupa-stats-slider-wrapper .slider-handle:hover{background:#3c53f4}.lupa-stats-range-label{font-size:12px;margin:0 0 5px}.lupa-stats-facet-summary-input{display:flex;align-items:center;justify-content:center}.lupa-stats-facet-summary-input input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-stats-facet-summary-input .lupa-stats-from,.lupa-stats-facet-summary-input .lupa-stats-to{display:flex;align-items:center}.lupa-stats-facet-summary-input .lupa-stats-separator{margin:0 10px}.lupa-stats-facet-summary-input span{padding:0 5px}.lupa-search-result-facet-list.lupa-top-dropdown{display:flex;flex-wrap:wrap}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-display{margin:0 10px 0 0;border-bottom:none;border-top:none}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-facet-content{position:absolute;background:#fff;z-index:10;border:1px solid #d8d8d8;min-width:220px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-terms-list{overflow-y:auto;max-height:300px;margin:2px 0 0}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label{border:1px solid #d8d8d8}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label.lupa-has-filter{border-width:2px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-single-facet-clear{cursor:pointer;text-align:center;margin:3px 0 0;padding:5px 0 3px;font-size:5px 0 3px;border-top:1px solid #d8d8d8}.lupa-search-result-current-filters{font-family:"Roboto",sans-serif}.lupa-current-filter-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:1.1;font-weight:700;padding:0;color:#161616}.lupa-current-filter-list{margin:0;padding:0 10px 5px}.lupa-search-result-current-filters{margin:0 0 25px}.lupa-clear-all-filters{cursor:pointer;color:#0c26d7;padding:0 10.5px;margin:0 0 31.5px;font-size:14px}.lupa-clear-all-filters:hover{color:#091da7}.lupa-search-result-filter-value{display:flex;align-items:center;flex-wrap:wrap;margin:10.5px 0;font-size:14px}.lupa-current-filter-action{padding:0 5px 0 0;font-size:17px;color:#3c53f4;cursor:pointer}.lupa-current-filter-action:hover{color:#3c53f4}.lupa-current-filter-label,.lupa-current-filter-value{margin:0 0 0 5px}.lupa-current-filter-label{color:#161616}.lupa-current-filter-value{color:#3c53f4}.lupa-filter-title-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;font-size:14px;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-filter-title-caret.open::after{transform:rotate(180deg)}.lupa-filter-count{font-size:14px;color:#161616}.lupa-toolbar-filters,.lupa-toolbar-filters-desktop{margin-right:12px}.lupa-toolbar-filters .filter-values,.lupa-toolbar-filters-desktop .filter-values{display:flex}.lupa-result-page-title{font-size:16px;margin:0 0 38px;font-family:"Roboto",sans-serif}.lupa-search-result-filters{padding:0 4.6% 0 0}#lupa-search-results,.top-layout-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start}.search-content{width:100%}.lupa-search-result-filters{flex:25%;flex-grow:1;flex-shrink:0;box-sizing:border-box}#lupa-search-results-products{position:relative;padding:0 0 0 1.6%;width:100%}.lupa-products{display:flex;align-self:flex-start;flex-wrap:wrap;margin:0 0 31.5px -16px}.lupa-loader{background-color:#fff;display:flex;height:calc(100% - 0px);opacity:.5;position:absolute;z-index:555}.lupa-search-result-product-card{box-sizing:border-box}#lupa-search-results-did-you-mean{font-family:"Roboto",sans-serif}.lupa-suggested-search-text{font-weight:bold}.lupa-highlighted-search-text{font-weight:bold;font-style:italic}#lupa-search-results-did-you-mean{margin-bottom:10px}.lupa-did-you-mean{text-decoration:none}.lupa-did-you-mean:hover{text-decoration:underline;cursor:pointer}#lupa-select{position:relative;font-family:"Roboto",sans-serif;color:#161616;text-indent:.01em}.lupa-select-dropdown{cursor:pointer;padding:20px 25px 4px 8px;font-family:"Roboto",sans-serif;background:#fff;background-clip:padding-box;border:1px solid #d8d8d8;border-radius:0;font-size:14px;height:48px;line-height:1.5;vertical-align:baseline;box-sizing:border-box;appearance:none}.lupa-select-dropdown:focus{outline:none;box-shadow:0 0 3px 1px #6c7ef7}.lupa-select-label{font-family:"Roboto",sans-serif;font-size:12px;line-height:1;position:absolute;pointer-events:none;top:8px;left:8px}.lupa-search-results-summary{display:flex;align-items:center}#lupa-search-results-toolbar{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 40px}.lupa-toolbar-left{display:flex}.lupa-toolbar-right{display:flex;flex-direction:row}#lupa-search-results-page-select{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection div{margin:0 16px 0 0}.lupa-search-results-summary{color:#161616;font-family:"Roboto",sans-serif;font-size:14px}#lupa-search-results-page-size{margin:0}#lupa-search-results-page-size .lupa-select-dropdown{width:125px}.lupa-search-results-sort{margin:0 0 0 8px}.lupa-filter-clear{cursor:pointer}#lupa-search-results-page-select{font-family:"Roboto",sans-serif}.lupa-page-number-separator{margin:0 12px 0 0}.lupa-page-number{cursor:pointer;color:#3c53f4;font-size:12px;padding:0 5.25px;margin:0 12px 0 0}.lupa-page-number:hover{color:#161616}.lupa-page-number.lupa-page-number-selected{color:#161616;font-weight:700}.lupa-page-arrow{cursor:pointer;font-weight:700;margin:0 12px 0 0;padding:0 8px}.lupa-page-arrow:before{line-height:31.5px;color:#161616;content:"";font-family:"Roboto",sans-serif;font-size:11px}.lupa-page-arrow:hover:before{color:#3c53f4}.lupa-search-result-product-card{height:auto;min-height:250px;border:1px solid #d8d8d8;padding:12px;margin:0}.lupa-out-of-stock{opacity:.5}.lupa-search-result-product-contents{height:100%;display:flex;flex-direction:column;font-family:"Roboto",sans-serif;font-size:16px}.lupa-search-result-product-contents-list{flex-direction:row}.lupa-search-result-product-details-section{display:flex;flex-direction:column;justify-content:space-between;height:100%}.lupa-search-results-image-wrapper{padding-bottom:125%;display:block;height:0;overflow:hidden;position:relative;z-index:1;display:flex;justify-content:center}.lupa-search-results-image{width:100%;height:100%;object-fit:contain;max-width:240px;max-height:195px;margin:auto;position:absolute}.lupa-search-result-product-image-section{cursor:pointer;border:none;padding:12px 8px;margin:0}.lupa-search-results-product-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-size:16px;margin:0 0 12px;line-height:21px}.lupa-search-results-product-title-text{font-weight:bold;color:#161616}.lupa-search-results-product-title-text.lupa-title-link{text-decoration:none;color:#161616}.lupa-search-results-product-title-text.lupa-title-link:hover{text-decoration:underline;color:#3c53f4}.lupa-search-results-product-regular-price{font-size:16px;font-weight:700;padding:10px 8px 0 5px}#lupa-search-results-rating{display:flex;flex-direction:row;align-items:center;width:auto;margin:0 0 15.75px}.lupa-ratings{display:flex;flex-direction:row;align-items:center;width:auto}.lupa-ratings-base,.lupa-rating-wrapper{display:flex;width:90px}.lupa-rating-wrapper{position:absolute}.lupa-ratings-highlighted{display:flex;overflow:hidden}.lupa-total-ratings{color:#161616 !important;text-decoration:none}.lupa-total-ratings:hover{color:#3c53f4 !important;text-decoration:underline !important}.lupa-search-result-product-contents-list .lupa-search-result-product-card{min-height:50px}.lupa-search-result-product-contents-list .lupa-search-results-image{width:240px;height:195px;object-fit:contain;margin:auto;position:relative}.lupa-search-result-product-contents-list .lupa-search-result-product-details-section{width:100%;padding:15px}.lupa-search-result-product-contents-list .lupa-search-results-image{max-width:120px;max-height:97.5px}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart{order:3;margin:0 -16px 0;position:static}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart button{padding:8px 32px}.lupa-search-results-product-description{max-height:200px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.lupa-empty-results{text-align:center;width:100%;font-size:14px;font-family:"Roboto",sans-serif;color:#161616}.lupa-empty-results .lupa-empty-page-action{cursor:pointer;text-decoration:underline}.lupa-mobile-filter-sidebar{position:fixed;width:100%;height:var(--lupa-full-height);left:0;top:0;bottom:0;z-index:555;background:rgba(0,0,0,0);display:flex}.lupa-mobile-filter-sidebar .lupa-mobile-sidebar-content{height:var(--lupa-full-height);width:100%;z-index:555;background:#fff}.lupa-mobile-filter-sidebar .lupa-sidebar-close{background:rgba(0,0,0,.6);height:var(--lupa-full-height);width:30px}.lupa-sidebar-top{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 13.5px 0 0;border-bottom:1px solid #d8d8d8}.lupa-sidebar-title{margin-left:15px;font-weight:700;font-size:16px;font-family:"Roboto",sans-serif;color:#161616}.lupa-sidebar-filter-options .lupa-facets-title{display:none}.lupa-filter-toggle-mobile:after{font-size:16px;color:#6c7ef7;content:"✖";line-height:inherit;font-family:"Roboto",sans-serif;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;text-align:center}.lupa-sidebar-filter-options{overflow-y:scroll;height:calc(100% - 48px)}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:none}.lupa-category-top-mobile-filters{display:none}.lupa-filters-mobile{display:none}.lupa-mobile-toggle{font-family:"Roboto",sans-serif;font-size:14px;color:#6c7ef7;width:208px;border-radius:0;display:none;padding:15px 0;border:1px solid #d8d8d8;line-height:16px;text-align:center;z-index:2}@media(max-width: 767px){.lupa-mobile-toggle{display:block}.lupa-category-top-mobile-filters{display:block}.lupa-filters-mobile{display:block;border-top:1px solid #d8d8d8}.lupa-filters-mobile.lupa-search-result-current-filters.expandable{padding:15px 0;margin:-20px 0 20px}#lupa-search-results-layout-selection{display:none}.lupa-search-results-summary{display:none}#lupa-search-results-page-size{display:none}#lupa-search-results-toolbar.lupa-toolbar-top{display:none}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:flex}.lupa-toolbar-bottom .lupa-toolbar-right{display:none}.lupa-toolbar-mobile .lupa-toolbar-left{display:none}#lupa-search-results-toolbar{justify-content:center}#lupa-search-results-rating{flex-direction:column;align-items:normal}#lupa-search-results-rating .lupa-total-ratings{margin-left:0;margin-top:5px}.lupa-search-result-filters{display:none}.lupa-mobile-filter-sidebar .lupa-search-result-filters{display:flex;flex-direction:column}#lupa-search-results-products{padding:0}.lupa-select-dropdown{width:208px}.lupa-facets-title{padding:16px}.lupa-search-result-current-filters.expandable{padding:16px;border-bottom:1px solid #d8d8d8;margin:0}.lupa-clear-all-filters{margin:0}#lupa-search-results-did-you-mean{margin-bottom:10px}}@media(max-width: 479px){.lupa-mobile-toggle{width:139px}.lupa-select-dropdown{width:139px}}@media(max-width: 350px){.lupa-mobile-toggle{width:100px}.lupa-select-dropdown{width:100px}}@media(max-width: 767px){.lupa-search-result-filters{flex:100%;padding:0}.lupa-search-result-facets{width:100%}.lupa-search-result-facet-display{padding:0 15px}}@media(max-width: 1024px){#lupa-search-results-badges>#lupa-badges{top:-16px}#lupa-search-results-badges>#lupa-badges .lupa-badge{width:32px;height:32px;font-size:11px}}#lupa-search-results-badges{position:relative}#lupa-badges{display:flex;position:absolute;font-family:"Roboto",sans-serif;top:-24px;z-index:1}#lupa-badges .tl{left:-10px}#lupa-badges .tr{right:-10px}.lupa-badge{width:48px;height:48px;font-size:14px;margin:0 8px 0 0;font-weight:700;border-radius:50%}.lupa-text-badges{display:flex}.lupa-image-badges{display:flex}.lupa-image-badges img{width:100%}.lupa-text-badge{color:#fff;background:#3c53f4;display:flex;align-items:center;justify-content:center;text-align:center}#lupa-badges{flex-direction:column;top:0;pointer-events:none;z-index:1000}.lupa-discount-badge{background:#e0232f;color:#fff}.lupa-preorder-badge{background:#4b81eb;color:#fff}.lupa-generated-badges{display:flex;flex-direction:column}.lupa-dynamic-badge{cursor:pointer;pointer-events:all;display:flex;font-weight:600;font-size:14px;line-height:20px;padding:4px;margin-bottom:4px;margin-right:auto;white-space:nowrap}.lupa-dynamic-badge .lupa-badge-title{font-weight:700;letter-spacing:-0.6px;display:flex;align-items:center;justify-content:center;min-width:42px}.lupa-dynamic-badge .lupa-badge-title img{max-height:20px}.lupa-dynamic-badge .lupa-badge-full-text{display:none;margin-left:10px}.lupa-dynamic-badge:hover .lupa-badge-full-text{display:inline-block}#lupa-search-results-breadcrumbs{margin:0 0 24px;font-size:12px}@media(min-width: 767px){#lupa-search-results-breadcrumbs{max-width:1228px;box-sizing:border-box;width:100%}}@media(max-width: 767px){#lupa-search-results-breadcrumbs{display:none}}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link{text-decoration:none;color:#0c26d7}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link:hover{text-decoration:underline;color:#091da7}#lupa-search-results-similar-queries{margin-top:20px}.lupa-similar-queries-label{font-size:20px;font-family:"Roboto",sans-serif;font-weight:700;line-height:1.1;margin-top:0;margin-bottom:8px}.lupa-similar-query-label{margin-bottom:48px;font-weight:400;line-height:1.5;color:#4f4f4f;font-family:"Roboto",sans-serif}.lupa-similar-query-value{font-size:16px}.lupa-similar-query-link:hover{text-decoration:underline;cursor:pointer}.lupa-similar-query-crossed{text-decoration:line-through}.lupa-category-filter{padding:0;font-family:"Roboto",sans-serif;margin:0 0 25px}.lupa-category-back{padding:13px 0}.lupa-category-back a{color:#161616;font-size:16px;line-height:20px;font-weight:700;text-decoration:none !important}.lupa-category-back a:hover{color:#3c53f4}.lupa-current-category,.lupa-child-category-item{padding:10px 0 10px 25px}.lupa-current-category a,.lupa-child-category-item a{text-decoration:none !important;color:#161616;font-size:16px;line-height:16px}.lupa-current-category a:hover,.lupa-child-category-item a:hover{color:#3c53f4}.lupa-child-category-item-active,.lupa-current-category-active{color:#3c53f4}.lupa-child-category-list{padding:0 0 0 10px}.lupa-category-overview{margin:30px 0 50px}.lupa-category-title{font-weight:600;font-size:14px;margin:0 0 15px}.lupa-spinner-wrapper{width:100%;overflow:hidden}.lupa-spinner{color:#555;display:flex;justify-content:center;position:relative;width:100%;padding-top:100px;padding-right:72px}.lupa-spinner div{transform-origin:40px 40px;animation:lupa-spinner 1.2s linear infinite}.lupa-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#555}.lupa-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.lupa-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lupa-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.lupa-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.lupa-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.lupa-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.lupa-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.lupa-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.lupa-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.lupa-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.lupa-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.lupa-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lupa-spinner{0%{opacity:1}100%{opacity:0}}.lupa-search-result-product-card{width:100%}.lupa-search-box-product-title{font-weight:300}#lupa-search-box-input input{box-sizing:border-box}#lupa-search-box-input::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰍉";font-size:24px;position:absolute;right:16px;top:12px}.lupa-suggestion{font-weight:300}.lupa-search-box-product-details-section{justify-content:space-between}.lupa-search-box-product-regular-price{text-decoration:line-through;color:#9e9e9e}.lupa-more-results{font-size:16px;font-weight:300}#lupa-search-box-panel{box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:24px;border:none;overflow:hidden}.lupa-suggestion-facet-label,.lupa-suggestion-facet-value{line-height:13px}#lupa-search-results-toolbar{margin:0 0 12px;padding-right:1.6%}#lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:center;margin:24px 0}.lupa-search-results-summary{font-weight:300;font-size:18px;line-height:15px}.lupa-search-results-summary span{color:#3c53f4;font-weight:700}.lupa-page-number{min-width:48px;min-height:48px;color:#464646;font-weight:300;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.lupa-page-number.lupa-page-number-selected,.lupa-page-number:hover{background:rgba(60,83,244,.08);font-weight:300}.lupa-page-arrow{font-size:0}.lupa-page-arrow::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅂"}.lupa-page-arrow:first-child::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅁"}#lupa-similar-query-text-component,.lupa-highlighted-search-text{color:#3c53f4}.lupa-similar-query-label{margin-bottom:18px;font-weight:300}.lupa-empty-results{font-weight:300;font-size:18px;margin-bottom:36px;color:#9e9e9e}.lupa-search-result-product-card{border-radius:4px;margin-bottom:36px;border:none}.lupa-search-result-product-contents{border:1px solid #d8d8d8;box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:4px;padding:16px}.lupa-search-result-product-contents:hover{border-color:#3c53f4}.lupa-search-results-product-title-text{font-weight:300;line-height:29px}.lupa-search-results-image-wrapper{padding-bottom:100%}.lupa-discount{display:inline;font-weight:700;font-size:32px;line-height:27px;color:#3c53f4}.lupa-custom-id{opacity:.5}.lupa-custom-brand{color:#3c53f4;font-weight:600}.lupa-final{display:inline;font-weight:700;font-size:32px;line-height:27px}.lupa-regular{text-decoration:line-through;color:#9e9e9e;display:inline-block;margin-left:4px}.lupa-search-result-filters{padding-right:24px;flex:40%}.lupa-filter-title-text{margin-bottom:24px}.lupa-search-result-facet-display{border:none}.lupa-search-result-facet-display:first-child{border:none}.lupa-facet-label-text{font-weight:700;font-size:16px;line-height:24px}.lupa-facet-label-caret::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:22px;content:"󰅀"}.lupa-term-label{font-weight:300;font-size:16px;line-height:1.15}.lupa-stats-facet-summary{margin-top:16px;font-size:16px;font-weight:300}.lupa-current-filter-list{display:flex;flex-wrap:wrap}.lupa-search-result-current-filters{border-bottom:1px solid #d8d8d8}.lupa-search-result-filter-value{flex-direction:row-reverse;display:flex;justify-content:flex-end;background-color:#3c53f4;padding:9px;border-radius:24px;margin:0 8px 8px 0}.lupa-search-result-filter-value .lupa-current-filter-label{display:none}.lupa-search-result-filter-value .lupa-current-filter-value{color:#fff;font-weight:300;font-size:14px}.lupa-search-result-filter-value .lupa-current-filter-action{display:flex;font-size:0}.lupa-search-result-filter-value .lupa-current-filter-action::before{color:#fff;margin-left:9px;width:16px;direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅙"}.lupa-clear-all-filters{font-weight:300;font-size:16px;line-height:22px;color:#464646;display:flex;align-items:center;margin-top:16px}.lupa-clear-all-filters:before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰅖";margin-right:10px;font-size:20px}.lupa-term-checkbox{border-radius:2px;border:2px solid #464646}.lupa-term-checkbox.checked{border-color:#3c53f4;background:#3c53f4}.lupa-term-checkbox.checked:after{border:none;border-left:2px solid #fff;border-bottom:2px solid #fff;display:inline-block;transform:rotate(-45deg);height:7px;width:12px;border-radius:0;top:-2px;content:" ";position:relative}.lupa-term-checkbox-label{font-size:16px;font-weight:300}.lupa-search-box-wrapper input{border-radius:24px}.lupa-mobile-toggle-filter-count{display:inline-flex;color:#fff;background:#3c53f4;border-radius:50%;width:20px;height:20px;justify-content:center;align-items:center}.lupa-category-top-mobile-filters .lupa-category-back{border:1px solid #d8d8d8;cursor:pointer;padding:10px 5px;margin:10px 0}.lupa-category-top-mobile-filters .lupa-category-back::before{content:"<";display:inline-block}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-panel-suggestion-index{grid-area:suggestions}.lupa-panel-document-index{grid-area:docs}#lupa-search-results-products{background:#fff;padding-top:36px}.wrapper{background:#fafafa}
1
+ .slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit !important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none !important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block !important}.slider-horizontal{height:var(--slider-height, 6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height, 16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-width, 16px)}.slider-vertical{height:var(--slider-vertical-height, 300px);width:var(--slider-height, 6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width, 16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-height, 16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg, #d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius, 9999px)}.slider-connect{background:var(--slider-connect-bg, #10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg, #fff);border:var(--slider-handle-border, 0);border-radius:var(--slider-handle-radius, 9999px);box-shadow:var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height, 16px);width:var(--slider-handle-width, 16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, 0.188)),var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled, #9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled, #9ca3af);border-color:var(--slider-tooltip-bg-disabled, #9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg, #10b981);border:1px solid var(--slider-tooltip-bg, #10b981);border-radius:var(--slider-tooltip-radius, 5px);color:var(--slider-tooltip-color, #fff);display:block;font-size:var(--slider-tooltip-font-size, 0.875rem);font-weight:var(--slider-tooltip-font-weight, 600);line-height:var(--slider-tooltip-line-height, 1.25rem);min-width:var(--slider-tooltip-min-width, 20px);padding:var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * -1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}:root{--lupa-available-height: 100%}#lupa-search-box-panel{position:absolute;width:100%;height:auto;border:1px solid #d8d8d8;background:#fff;box-shadow:0px 4px 6px rgba(0,0,0,.25);z-index:5000;border-radius:0;font-family:"Roboto",sans-serif;box-sizing:border-box}#lupa-search-box-panel:empty{display:none}@media(max-width: 767px){#lupa-search-box-panel{max-height:var(--lupa-available-height);overflow-y:auto}}.lupa-main-panel{display:grid;grid-template:"suggestions docs";grid-template-columns:minmax(50px, 35%) minmax(250px, 1fr)}@media(max-width: 767px){.lupa-main-panel{display:block}}.lupa-panel-suggestion-index{grid-area:left;word-break:break-word}@media(min-width: 767px){.lupa-panel-suggestion-index{border-right:1px solid #d8d8d8}}.lupa-panel-document-index{grid-area:right;word-break:break-word}.lupa-more-results{cursor:pointer;border-top:1px solid #d8d8d8;padding:5px 10px;color:#161616;background-color:#fff;font-size:14px;line-height:24px}.lupa-more-results:hover{background-color:rgba(0,0,0,.05);color:#3c53f4}.lupa-search-box-no-results{text-align:center;color:#161616;font-size:14px;line-height:24px}#lupa-search-box-panel{display:flex;justify-content:space-between;flex-direction:column}.lupa-more-results{text-align:center}#lupa-search-box{width:100%}.lupa-search-box-wrapper{position:relative}.lupa-suggestion{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;color:#161616;background-color:#fff;padding:4px 20px;font-size:16px;line-height:24px}.lupa-suggestion strong{color:#161616}.lupa-suggestion-value{margin-right:7px}.lupa-suggestion-facet{font-size:13px}.lupa-suggestion-facet-label{margin-right:2px}.lupa-suggestion-facet-value{font-weight:bold}.lupa-suggestion-highlighted,.lupa-suggestion:hover{cursor:pointer;color:#3c53f4;background-color:rgba(0,0,0,.05)}.lupa-suggestion-highlighted strong,.lupa-suggestion:hover strong{color:#3c53f4}.lupa-suggestion:hover{text-decoration:underline}.lupa-search-box-input-field{position:relative !important;background:rgba(0,0,0,0) !important}.lupa-search-box-input-field,.lupa-hint{color:#161616;height:48px;padding:0 16px;line-height:1.5;font-size:16px;font-family:"Roboto",sans-serif;width:100%}.lupa-search-box-input-field{border:1px solid #d8d8d8;color:#161616}.lupa-hint{opacity:.5;position:absolute !important;pointer-events:none;border:1px solid rgba(0,0,0,0)}.lupa-input-clear{display:none}.lupa-search-box-history-item{cursor:pointer}.lupa-search-box-history-item-content{display:flex;justify-content:space-between}.lupa-search-box-history-item-text{width:100%;display:flex;align-items:center;line-height:24px;font-size:16px;padding:4px 20px;color:#161616}.lupa-search-box-history-item-text:hover,.lupa-search-box-history-item-text.lupa-search-box-history-item-highlighted{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-history-item-text:hover{text-decoration:underline}.lupa-search-box-history-item-clear{display:flex;align-items:center;padding:4px 20px;color:#161616;font-size:24px}.lupa-search-box-history-item-clear:hover{color:#161616;background-color:rgba(0,0,0,.05)}.lupa-search-box-history-clear-all{text-align:center;cursor:pointer;border-top:1px solid #d8d8d8;padding:4px 20px;line-height:24px;font-size:14px;color:#161616}.lupa-search-box-history-clear-all:hover{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-product{padding:10px;font-size:14px;display:flex;cursor:pointer;text-decoration:inherit;color:inherit}.lupa-search-box-product:hover,.lupa-search-box-product.lupa-search-box-product-highlighted{text-decoration:none;background-color:rgba(0,0,0,.05)}.lupa-search-box-product:hover .lupa-search-box-product-title,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-title{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-custom,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-custom{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-price{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-regular-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-regular-price{color:#161616}.lupa-search-box-product-details-section{font-family:"Roboto",sans-serif}.lupa-search-box-product-details-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.lupa-search-box-product-image-section{min-width:85px;flex:0 1}.lupa-search-box-image-wrapper,.lupa-search-box-image{width:70px;height:70px}.lupa-search-box-image{object-fit:contain}.lupa-search-box-product-title{font-size:16px;line-height:15px;color:#161616}.lupa-search-box-product-custom{font-size:14px;line-height:15px;color:#161616}.lupa-search-box-product-price{font-size:16px;line-height:15px;color:#3c53f4}.lupa-search-box-product-regular-price{font-size:14px;line-height:15px;color:#161616;font-weight:normal}.lupa-search-box-product-description{max-height:42px;line-height:14px;color:#161616;overflow:hidden}.lupa-search-box-product-add-to-cart-section{flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center}.lupa-search-result-facets{font-family:"Roboto",sans-serif}.lupa-facets-title{font-size:16px;line-height:1.1;font-weight:700;padding:0 0 10px;color:#161616}.lupa-search-result-facet-display{border-bottom:1px solid #d8d8d8}.lupa-search-result-facet-display:first-child{border-top:1px solid #d8d8d8}.lupa-search-result-facet-label{justify-content:space-between;display:flex;font-size:14px;line-height:21px;font-weight:700;padding:10.5px;color:#161616;cursor:pointer}.lupa-search-result-facet-label:hover{color:#3c53f4}.lupa-search-result-facet-label.open{padding:10.5px 10.5px 0}.lupa-facet-label-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-facet-label-caret.open::after{transform:rotate(180deg)}.lupa-facet-content{padding:5px 10px 20px}.lupa-facet-term{padding:4px 5px;margin:16px 0 0}.lupa-term-checkbox-label{width:100%;padding-left:8px;display:flex;justify-content:space-between;align-items:center}.lupa-facet-term{cursor:pointer;display:flex;align-items:center;font-size:14px;color:#161616}.lupa-facet-term:hover{background:rgba(0,0,0,.05)}.lupa-facet-term.checked{font-weight:bold}.lupa-term-count{color:#161616}.lupa-term-checkbox{display:inline-block;height:18px;width:18px;box-sizing:border-box;border:2px solid #3c53f4;border-radius:0px;content:"";display:flex;justify-content:center;align-items:center}.lupa-term-checkbox.checked::after{border:3px solid #3c53f4;border-radius:0px;display:inline-block;content:""}.lupa-show-more-facet-results{justify-content:center}.lupa-term-filter{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-show-more-facet-results{color:#161616;font-size:14px}.lupa-show-more-facet-results:hover{color:#161616}.lupa-stats-facet-summary{text-align:center;font-size:14px}.lupa-stats-slider-wrapper{margin:10px 0 0;padding:0 8px}.lupa-stats-slider-wrapper .slider-connects{background-color:rgba(60,83,244,.3)}.lupa-stats-slider-wrapper .slider-connect{background-color:#3c53f4}.lupa-stats-slider-wrapper .slider-handle{background:#3c53f4;border-radius:50%;border:0px solid #3c53f4;z-index:3;cursor:pointer}.lupa-stats-slider-wrapper .slider-handle:hover{background:#3c53f4}.lupa-stats-range-label{font-size:12px;margin:0 0 5px}.lupa-stats-facet-summary-input{display:flex;align-items:center;justify-content:center}.lupa-stats-facet-summary-input input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-stats-facet-summary-input .lupa-stats-from,.lupa-stats-facet-summary-input .lupa-stats-to{display:flex;align-items:center}.lupa-stats-facet-summary-input .lupa-stats-separator{margin:0 10px}.lupa-stats-facet-summary-input span{padding:0 5px}.lupa-search-result-facet-list.lupa-top-dropdown{display:flex;flex-wrap:wrap}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-display{margin:0 10px 0 0;border-bottom:none;border-top:none}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-facet-content{position:absolute;background:#fff;z-index:10;border:1px solid #d8d8d8;min-width:220px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-terms-list{overflow-y:auto;max-height:300px;margin:2px 0 0}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label{border:1px solid #d8d8d8}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label.lupa-has-filter{border-width:2px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-single-facet-clear{cursor:pointer;text-align:center;margin:3px 0 0;padding:5px 0 3px;font-size:5px 0 3px;border-top:1px solid #d8d8d8}.lupa-search-result-current-filters{font-family:"Roboto",sans-serif}.lupa-current-filter-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:1.1;font-weight:700;padding:0;color:#161616}.lupa-current-filter-list{margin:0;padding:0 10px 5px}.lupa-search-result-current-filters{margin:0 0 25px}.lupa-clear-all-filters{cursor:pointer;color:#0c26d7;padding:0 10.5px;margin:0 0 31.5px;font-size:14px}.lupa-clear-all-filters:hover{color:#091da7}.lupa-search-result-filter-value{display:flex;align-items:center;flex-wrap:wrap;margin:10.5px 0;font-size:14px}.lupa-current-filter-action{padding:0 5px 0 0;font-size:17px;color:#3c53f4;cursor:pointer}.lupa-current-filter-action:hover{color:#3c53f4}.lupa-current-filter-label,.lupa-current-filter-value{margin:0 0 0 5px}.lupa-current-filter-label{color:#161616}.lupa-current-filter-value{color:#3c53f4}.lupa-filter-title-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;font-size:14px;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-filter-title-caret.open::after{transform:rotate(180deg)}.lupa-filter-count{font-size:14px;color:#161616}.lupa-toolbar-filters,.lupa-toolbar-filters-desktop{margin-right:12px}.lupa-toolbar-filters .filter-values,.lupa-toolbar-filters-desktop .filter-values{display:flex}.lupa-result-page-title{font-size:16px;margin:0 0 38px;font-family:"Roboto",sans-serif}.lupa-search-result-filters{padding:0 4.6% 0 0}#lupa-search-results,.top-layout-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start}.search-content{width:100%}.lupa-search-result-filters{flex:25%;flex-grow:1;flex-shrink:0;box-sizing:border-box}#lupa-search-results-products{position:relative;padding:0 0 0 1.6%;width:100%}.lupa-products{display:flex;align-self:flex-start;flex-wrap:wrap;margin:0 0 31.5px -16px}.lupa-loader{background-color:#fff;display:flex;height:calc(100% - 0px);opacity:.5;position:absolute;z-index:555}.lupa-search-result-product-card{box-sizing:border-box}#lupa-search-results-did-you-mean{font-family:"Roboto",sans-serif}.lupa-suggested-search-text{font-weight:bold}.lupa-highlighted-search-text{font-weight:bold;font-style:italic}#lupa-search-results-did-you-mean{margin-bottom:10px}.lupa-did-you-mean{text-decoration:none}.lupa-did-you-mean:hover{text-decoration:underline;cursor:pointer}#lupa-select{position:relative;font-family:"Roboto",sans-serif;color:#161616;text-indent:.01em}.lupa-select-dropdown{cursor:pointer;padding:20px 25px 4px 8px;font-family:"Roboto",sans-serif;background:#fff;background-clip:padding-box;border:1px solid #d8d8d8;border-radius:0;font-size:14px;height:48px;line-height:1.5;vertical-align:baseline;box-sizing:border-box;appearance:none}.lupa-select-dropdown:focus{outline:none;box-shadow:0 0 3px 1px #6c7ef7}.lupa-select-label{font-family:"Roboto",sans-serif;font-size:12px;line-height:1;position:absolute;pointer-events:none;top:8px;left:8px}.lupa-search-results-summary{display:flex;align-items:center}#lupa-search-results-toolbar{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 40px}.lupa-toolbar-left{display:flex}.lupa-toolbar-right{display:flex;flex-direction:row}#lupa-search-results-page-select{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection div{margin:0 16px 0 0}.lupa-search-results-summary{color:#161616;font-family:"Roboto",sans-serif;font-size:14px}#lupa-search-results-page-size{margin:0}#lupa-search-results-page-size .lupa-select-dropdown{width:125px}.lupa-search-results-sort{margin:0 0 0 8px}.lupa-filter-clear{cursor:pointer}#lupa-search-results-page-select{font-family:"Roboto",sans-serif}.lupa-page-number-separator{margin:0 12px 0 0}.lupa-page-number{cursor:pointer;color:#3c53f4;font-size:12px;padding:0 5.25px;margin:0 12px 0 0}.lupa-page-number:hover{color:#161616}.lupa-page-number.lupa-page-number-selected{color:#161616;font-weight:700}.lupa-page-arrow{cursor:pointer;font-weight:700;margin:0 12px 0 0;padding:0 8px}.lupa-page-arrow:before{line-height:31.5px;color:#161616;content:"";font-family:"Roboto",sans-serif;font-size:11px}.lupa-page-arrow:hover:before{color:#3c53f4}.lupa-search-result-product-card{height:auto;min-height:250px;border:1px solid #d8d8d8;padding:12px;margin:0}.lupa-out-of-stock{opacity:.5}.lupa-search-result-product-contents{height:100%;display:flex;flex-direction:column;font-family:"Roboto",sans-serif;font-size:16px}.lupa-search-result-product-contents-list{flex-direction:row}.lupa-search-result-product-details-section{display:flex;flex-direction:column;justify-content:space-between;height:100%}.lupa-search-results-image-wrapper{padding-bottom:125%;display:block;height:0;overflow:hidden;position:relative;z-index:1;display:flex;justify-content:center}.lupa-search-results-image{width:100%;height:100%;object-fit:contain;max-width:240px;max-height:195px;margin:auto;position:absolute}.lupa-search-result-product-image-section{cursor:pointer;border:none;padding:12px 8px;margin:0}.lupa-search-results-product-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-size:16px;margin:0 0 12px;line-height:21px}.lupa-search-results-product-title-text{font-weight:bold;color:#161616}.lupa-search-results-product-title-text.lupa-title-link{text-decoration:none;color:#161616}.lupa-search-results-product-title-text.lupa-title-link:hover{text-decoration:underline;color:#3c53f4}.lupa-search-results-product-regular-price{font-size:16px;font-weight:700;padding:10px 8px 0 5px}#lupa-search-results-rating{display:flex;flex-direction:row;align-items:center;width:auto;margin:0 0 15.75px}.lupa-ratings{display:flex;flex-direction:row;align-items:center;width:auto}.lupa-ratings-base,.lupa-rating-wrapper{display:flex;width:90px}.lupa-rating-wrapper{position:absolute}.lupa-ratings-highlighted{display:flex;overflow:hidden}.lupa-total-ratings{color:#161616 !important;text-decoration:none}.lupa-total-ratings:hover{color:#3c53f4 !important;text-decoration:underline !important}.lupa-search-result-product-contents-list .lupa-search-result-product-card{min-height:50px}.lupa-search-result-product-contents-list .lupa-search-results-image{width:240px;height:195px;object-fit:contain;margin:auto;position:relative}.lupa-search-result-product-contents-list .lupa-search-result-product-details-section{width:100%;padding:15px}.lupa-search-result-product-contents-list .lupa-search-results-image{max-width:120px;max-height:97.5px}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart{order:3;margin:0 -16px 0;position:static}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart button{padding:8px 32px}.lupa-search-results-product-description{max-height:200px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.lupa-empty-results{text-align:center;width:100%;font-size:14px;font-family:"Roboto",sans-serif;color:#161616}.lupa-empty-results .lupa-empty-page-action{cursor:pointer;text-decoration:underline}.lupa-mobile-filter-sidebar{position:fixed;width:100%;height:var(--lupa-full-height);left:0;top:0;bottom:0;z-index:555;background:rgba(0,0,0,0);display:flex}.lupa-mobile-filter-sidebar .lupa-mobile-sidebar-content{height:var(--lupa-full-height);width:100%;z-index:555;background:#fff}.lupa-mobile-filter-sidebar .lupa-sidebar-close{background:rgba(0,0,0,.6);height:var(--lupa-full-height);width:30px}.lupa-sidebar-top{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 13.5px 0 0;border-bottom:1px solid #d8d8d8}.lupa-sidebar-title{margin-left:15px;font-weight:700;font-size:16px;font-family:"Roboto",sans-serif;color:#161616}.lupa-sidebar-filter-options .lupa-facets-title{display:none}.lupa-filter-toggle-mobile:after{font-size:16px;color:#6c7ef7;content:"✖";line-height:inherit;font-family:"Roboto",sans-serif;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;text-align:center}.lupa-sidebar-filter-options{overflow-y:scroll;height:calc(100% - 48px)}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:none}.lupa-category-top-mobile-filters{display:none}.lupa-filters-mobile{display:none}.lupa-mobile-toggle{font-family:"Roboto",sans-serif;font-size:14px;color:#6c7ef7;width:208px;border-radius:0;display:none;padding:15px 0;border:1px solid #d8d8d8;line-height:16px;text-align:center;z-index:2}@media(max-width: 767px){.lupa-mobile-toggle{display:block}.lupa-category-top-mobile-filters{display:block}.lupa-filters-mobile{display:block;border-top:1px solid #d8d8d8}.lupa-filters-mobile.lupa-search-result-current-filters.expandable{padding:15px 0;margin:-20px 0 20px}#lupa-search-results-layout-selection{display:none}.lupa-search-results-summary{display:none}#lupa-search-results-page-size{display:none}#lupa-search-results-toolbar.lupa-toolbar-top{display:none}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:flex}.lupa-toolbar-bottom .lupa-toolbar-right{display:none}.lupa-toolbar-mobile .lupa-toolbar-left{display:none}#lupa-search-results-toolbar{justify-content:center}#lupa-search-results-rating{flex-direction:column;align-items:normal}#lupa-search-results-rating .lupa-total-ratings{margin-left:0;margin-top:5px}.lupa-search-result-filters{display:none}.lupa-mobile-filter-sidebar .lupa-search-result-filters{display:flex;flex-direction:column}#lupa-search-results-products{padding:0}.lupa-select-dropdown{width:208px}.lupa-facets-title{padding:16px}.lupa-search-result-current-filters.expandable{padding:16px;border-bottom:1px solid #d8d8d8;margin:0}.lupa-clear-all-filters{margin:0}#lupa-search-results-did-you-mean{margin-bottom:10px}}@media(max-width: 479px){.lupa-mobile-toggle{width:139px}.lupa-select-dropdown{width:139px}}@media(max-width: 350px){.lupa-mobile-toggle{width:100px}.lupa-select-dropdown{width:100px}}@media(max-width: 767px){.lupa-search-result-filters{flex:100%;padding:0}.lupa-search-result-facets{width:100%}.lupa-search-result-facet-display{padding:0 15px}}@media(max-width: 1024px){#lupa-search-results-badges>#lupa-badges{top:-16px}#lupa-search-results-badges>#lupa-badges .lupa-badge{width:32px;height:32px;font-size:11px}}#lupa-search-results-badges{position:relative}#lupa-badges{display:flex;position:absolute;font-family:"Roboto",sans-serif;top:-24px;z-index:1}#lupa-badges .tl{left:-10px}#lupa-badges .tr{right:-10px}.lupa-badge{width:48px;height:48px;font-size:14px;margin:0 8px 0 0;font-weight:700;border-radius:50%}.lupa-text-badges{display:flex}.lupa-image-badges{display:flex}.lupa-image-badges img{width:100%}.lupa-text-badge{color:#fff;background:#3c53f4;display:flex;align-items:center;justify-content:center;text-align:center}#lupa-badges{flex-direction:column;top:0;pointer-events:none;z-index:1000}.lupa-discount-badge{background:#e0232f;color:#fff}.lupa-preorder-badge{background:#4b81eb;color:#fff}.lupa-generated-badges{display:flex;flex-direction:column}.lupa-dynamic-badge{cursor:pointer;pointer-events:all;display:flex;font-weight:600;font-size:14px;line-height:20px;padding:4px;margin-bottom:4px;margin-right:auto;white-space:nowrap}.lupa-dynamic-badge .lupa-badge-title{font-weight:700;letter-spacing:-0.6px;display:flex;align-items:center;justify-content:center;min-width:42px}.lupa-dynamic-badge .lupa-badge-title img{max-height:20px}.lupa-dynamic-badge .lupa-badge-full-text{display:none;margin-left:10px}.lupa-dynamic-badge:hover .lupa-badge-full-text{display:inline-block}#lupa-search-results-breadcrumbs{margin:0 0 24px;font-size:12px}@media(min-width: 767px){#lupa-search-results-breadcrumbs{max-width:1228px;box-sizing:border-box;width:100%}}@media(max-width: 767px){#lupa-search-results-breadcrumbs{display:none}}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link{text-decoration:none;color:#0c26d7}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link:hover{text-decoration:underline;color:#091da7}#lupa-search-results-similar-queries{margin-top:20px}.lupa-similar-queries-label{font-size:20px;font-family:"Roboto",sans-serif;font-weight:700;line-height:1.1;margin-top:0;margin-bottom:8px}.lupa-similar-query-label{margin-bottom:48px;font-weight:400;line-height:1.5;color:#4f4f4f;font-family:"Roboto",sans-serif}.lupa-similar-query-value{font-size:16px}.lupa-similar-query-link:hover{text-decoration:underline;cursor:pointer}.lupa-similar-query-crossed{text-decoration:line-through}.lupa-category-filter{padding:0;font-family:"Roboto",sans-serif;margin:0 0 25px}.lupa-category-back{padding:13px 0}.lupa-category-back a{color:#161616;font-size:16px;line-height:20px;font-weight:700;text-decoration:none !important}.lupa-category-back a:hover{color:#3c53f4}.lupa-current-category,.lupa-child-category-item{padding:10px 0 10px 25px}.lupa-current-category a,.lupa-child-category-item a{text-decoration:none !important;color:#161616;font-size:16px;line-height:16px}.lupa-current-category a:hover,.lupa-child-category-item a:hover{color:#3c53f4}.lupa-child-category-item-active,.lupa-current-category-active{color:#3c53f4}.lupa-child-category-list{padding:0 0 0 10px}.lupa-category-overview{margin:30px 0 50px}.lupa-category-title{font-weight:600;font-size:14px;margin:0 0 15px}.lupa-spinner-wrapper{width:100%;overflow:hidden}.lupa-spinner{color:#555;display:flex;justify-content:center;position:relative;width:100%;padding-top:100px;padding-right:72px}.lupa-spinner div{transform-origin:40px 40px;animation:lupa-spinner 1.2s linear infinite}.lupa-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#555}.lupa-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.lupa-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lupa-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.lupa-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.lupa-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.lupa-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.lupa-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.lupa-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.lupa-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.lupa-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.lupa-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.lupa-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lupa-spinner{0%{opacity:1}100%{opacity:0}}.lupa-search-result-product-card{width:100%}.lupa-search-box-product-title{font-weight:300}#lupa-search-box-input input{box-sizing:border-box}#lupa-search-box-input::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰍉";font-size:24px;position:absolute;right:16px;top:12px}.lupa-suggestion{font-weight:300}.lupa-search-box-product-details-section{justify-content:space-between}.lupa-search-box-product-regular-price{text-decoration:line-through;color:#9e9e9e}.lupa-more-results{font-size:16px;font-weight:300}#lupa-search-box-panel{box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:24px;border:none;overflow:hidden}.lupa-suggestion-facet-label,.lupa-suggestion-facet-value{line-height:13px}#lupa-search-results-toolbar{margin:0 0 12px;padding-right:1.6%}#lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:center;margin:24px 0}.lupa-search-results-summary{font-weight:300;font-size:18px;line-height:15px}.lupa-search-results-summary span{color:#3c53f4;font-weight:700}.lupa-page-number{min-width:48px;min-height:48px;color:#464646;font-weight:300;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.lupa-page-number.lupa-page-number-selected,.lupa-page-number:hover{background:rgba(60,83,244,.08);font-weight:300}.lupa-page-arrow{font-size:0}.lupa-page-arrow::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅂"}.lupa-page-arrow:first-child::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅁"}#lupa-similar-query-text-component,.lupa-highlighted-search-text{color:#3c53f4}.lupa-similar-query-label{margin-bottom:18px;font-weight:300}.lupa-empty-results{font-weight:300;font-size:18px;margin-bottom:36px;color:#9e9e9e}.lupa-search-result-product-card{border-radius:4px;margin-bottom:36px;border:none}.lupa-search-result-product-contents{border:1px solid #d8d8d8;box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:4px;padding:16px}.lupa-search-result-product-contents:hover{border-color:#3c53f4}.lupa-search-results-product-title-text{font-weight:300;line-height:29px}.lupa-search-results-image-wrapper{padding-bottom:100%}.lupa-discount{display:inline;font-weight:700;font-size:32px;line-height:27px;color:#3c53f4}.lupa-custom-id{opacity:.5}.lupa-custom-brand{color:#3c53f4;font-weight:600}.lupa-final{display:inline;font-weight:700;font-size:32px;line-height:27px}.lupa-regular{text-decoration:line-through;color:#9e9e9e;display:inline-block;margin-left:4px}.lupa-search-result-filters{padding-right:24px;flex:40%}.lupa-filter-title-text{margin-bottom:24px}.lupa-search-result-facet-display{border:none}.lupa-search-result-facet-display:first-child{border:none}.lupa-facet-label-text{font-weight:700;font-size:16px;line-height:24px}.lupa-facet-label-caret::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:22px;content:"󰅀"}.lupa-term-label{font-weight:300;font-size:16px;line-height:1.15}.lupa-stats-facet-summary{margin-top:16px;font-size:16px;font-weight:300}.lupa-current-filter-list{display:flex;flex-wrap:wrap}.lupa-search-result-current-filters{border-bottom:1px solid #d8d8d8}.lupa-search-result-filter-value{flex-direction:row-reverse;display:flex;justify-content:flex-end;background-color:#3c53f4;padding:9px;border-radius:24px;margin:0 8px 8px 0}.lupa-search-result-filter-value .lupa-current-filter-label{display:none}.lupa-search-result-filter-value .lupa-current-filter-value{color:#fff;font-weight:300;font-size:14px}.lupa-search-result-filter-value .lupa-current-filter-action{display:flex;font-size:0}.lupa-search-result-filter-value .lupa-current-filter-action::before{color:#fff;margin-left:9px;width:16px;direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:"󰅙"}.lupa-clear-all-filters{font-weight:300;font-size:16px;line-height:22px;color:#464646;display:flex;align-items:center;margin-top:16px}.lupa-clear-all-filters:before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"󰅖";margin-right:10px;font-size:20px}.lupa-term-checkbox{border-radius:2px;border:2px solid #464646}.lupa-term-checkbox.checked{border-color:#3c53f4;background:#3c53f4}.lupa-term-checkbox.checked:after{border:none;border-left:2px solid #fff;border-bottom:2px solid #fff;display:inline-block;transform:rotate(-45deg);height:7px;width:12px;border-radius:0;top:-2px;content:" ";position:relative}.lupa-term-checkbox-label{font-size:16px;font-weight:300}.lupa-search-box-wrapper input{border-radius:24px}.lupa-mobile-toggle-filter-count{display:inline-flex;color:#fff;background:#3c53f4;border-radius:50%;width:20px;height:20px;justify-content:center;align-items:center}.lupa-category-top-mobile-filters .lupa-category-back{border:1px solid #d8d8d8;cursor:pointer;padding:10px 5px;margin:10px 0}.lupa-category-top-mobile-filters .lupa-category-back::before{content:"<";display:inline-block}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-panel-suggestion-index{grid-area:suggestions}.lupa-panel-document-index{grid-area:docs}#lupa-search-results-products{background:#fff;padding-top:36px}.wrapper{background:#fafafa}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getlupa/vue",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "main": "dist/lupaSearch.js",
5
5
  "module": "dist/lupaSearch.mjs",
6
6
  "types": "dist/src/index.d.ts",