@getlupa/vue 0.4.0 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lupaContainerStyle.css +1 -1
- package/dist/lupaSearch.js +88 -35
- package/dist/lupaSearch.mjs +89 -36
- package/dist/src/components/search-box/SearchBoxNoResults.vue.d.ts +14 -0
- package/dist/src/index.d.ts +2 -2
- package/dist/src/stores/searchBox.d.ts +4 -1
- package/dist/src/types/search-box/SearchBoxOptions.d.ts +20 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -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,16 +3032,16 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
3012
3032
|
resetHighlightIndex
|
|
3013
3033
|
};
|
|
3014
3034
|
});
|
|
3015
|
-
const _hoisted_1$
|
|
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
|
-
const _hoisted_4$
|
|
3038
|
+
const _hoisted_4$q = ["value"];
|
|
3019
3039
|
const _hoisted_5$f = ["placeholder"];
|
|
3020
3040
|
const _hoisted_6$8 = {
|
|
3021
3041
|
key: 0,
|
|
3022
3042
|
class: "lupa-close-label"
|
|
3023
3043
|
};
|
|
3024
|
-
const _sfc_main$
|
|
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$
|
|
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 }]),
|
|
@@ -3110,7 +3130,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
|
|
|
3110
3130
|
class: "lupa-hint",
|
|
3111
3131
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
3112
3132
|
disabled: ""
|
|
3113
|
-
}, null, 8, _hoisted_4$
|
|
3133
|
+
}, null, 8, _hoisted_4$q),
|
|
3114
3134
|
vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
|
|
3115
3135
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
3116
3136
|
}, inputAttributes.value, {
|
|
@@ -3138,7 +3158,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
|
|
|
3138
3158
|
};
|
|
3139
3159
|
}
|
|
3140
3160
|
});
|
|
3141
|
-
const _sfc_main$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
3226
|
+
const _hoisted_1$19 = {
|
|
3207
3227
|
key: 0,
|
|
3208
3228
|
class: "lupa-search-box-history-panel"
|
|
3209
3229
|
};
|
|
3210
|
-
const _sfc_main$
|
|
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$
|
|
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$
|
|
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,
|
|
@@ -3277,7 +3309,7 @@ const _hoisted_3$z = {
|
|
|
3277
3309
|
class: "lupa-suggestion-facet",
|
|
3278
3310
|
"data-cy": "lupa-suggestion-facet"
|
|
3279
3311
|
};
|
|
3280
|
-
const _hoisted_4$
|
|
3312
|
+
const _hoisted_4$p = {
|
|
3281
3313
|
class: "lupa-suggestion-facet-label",
|
|
3282
3314
|
"data-cy": "lupa-suggestion-facet-label"
|
|
3283
3315
|
};
|
|
@@ -3323,7 +3355,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
|
|
|
3323
3355
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
3324
3356
|
}, null, 8, _hoisted_1$17)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$M, vue.toDisplayString(_ctx.suggestion.display), 1)),
|
|
3325
3357
|
_ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$z, [
|
|
3326
|
-
vue.createElementVNode("span", _hoisted_4$
|
|
3358
|
+
vue.createElementVNode("span", _hoisted_4$p, vue.toDisplayString(facetLabel.value), 1),
|
|
3327
3359
|
vue.createElementVNode("span", _hoisted_5$e, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
3328
3360
|
])) : vue.createCommentVNode("", true)
|
|
3329
3361
|
]);
|
|
@@ -3725,7 +3757,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3725
3757
|
const _hoisted_1$10 = ["innerHTML"];
|
|
3726
3758
|
const _hoisted_2$J = { key: 0 };
|
|
3727
3759
|
const _hoisted_3$y = { key: 1 };
|
|
3728
|
-
const _hoisted_4$
|
|
3760
|
+
const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
|
|
3729
3761
|
const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
|
|
3730
3762
|
const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
|
|
3731
3763
|
__name: "SearchBoxProductCustom",
|
|
@@ -3758,7 +3790,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3758
3790
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
3759
3791
|
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
3760
3792
|
!label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$J, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, [
|
|
3761
|
-
vue.createElementVNode("div", _hoisted_4$
|
|
3793
|
+
vue.createElementVNode("div", _hoisted_4$o, vue.toDisplayString(label.value), 1),
|
|
3762
3794
|
vue.createElementVNode("div", _hoisted_5$d, vue.toDisplayString(text.value), 1)
|
|
3763
3795
|
]))
|
|
3764
3796
|
], 16));
|
|
@@ -4154,7 +4186,7 @@ const useTrackingStore = defineStore("tracking", () => {
|
|
|
4154
4186
|
const _hoisted_1$Z = ["href"];
|
|
4155
4187
|
const _hoisted_2$H = { class: "lupa-search-box-product-image-section" };
|
|
4156
4188
|
const _hoisted_3$w = { class: "lupa-search-box-product-details-section" };
|
|
4157
|
-
const _hoisted_4$
|
|
4189
|
+
const _hoisted_4$n = {
|
|
4158
4190
|
key: 0,
|
|
4159
4191
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
4160
4192
|
};
|
|
@@ -4275,7 +4307,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
|
|
|
4275
4307
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
4276
4308
|
}), 128))
|
|
4277
4309
|
]),
|
|
4278
|
-
addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$
|
|
4310
|
+
addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
|
|
4279
4311
|
vue.createVNode(_sfc_main$12, {
|
|
4280
4312
|
class: "lupa-search-box-product-element",
|
|
4281
4313
|
item: _ctx.item,
|
|
@@ -4410,12 +4442,8 @@ const _hoisted_1$X = {
|
|
|
4410
4442
|
key: 0,
|
|
4411
4443
|
id: "lupa-search-box-panel"
|
|
4412
4444
|
};
|
|
4413
|
-
const _hoisted_2$G =
|
|
4414
|
-
|
|
4415
|
-
"data-cy": "lupa-main-panel"
|
|
4416
|
-
};
|
|
4417
|
-
const _hoisted_3$v = ["data-cy"];
|
|
4418
|
-
const _hoisted_4$n = {
|
|
4445
|
+
const _hoisted_2$G = ["data-cy"];
|
|
4446
|
+
const _hoisted_3$v = {
|
|
4419
4447
|
key: 1,
|
|
4420
4448
|
id: "lupa-search-box-panel"
|
|
4421
4449
|
};
|
|
@@ -4452,7 +4480,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
4452
4480
|
const panels = vue.computed(() => props.options.panels);
|
|
4453
4481
|
const sdkOptions = vue.computed(() => props.options.options);
|
|
4454
4482
|
const searchBoxStore = useSearchBoxStore();
|
|
4455
|
-
const { suggestionResults } = storeToRefs(searchBoxStore);
|
|
4483
|
+
const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
|
|
4456
4484
|
const displayResults = vue.computed(
|
|
4457
4485
|
() => {
|
|
4458
4486
|
var _a, _b;
|
|
@@ -4533,6 +4561,12 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
4533
4561
|
`${window.innerHeight - panel.getBoundingClientRect().y - 10}px`
|
|
4534
4562
|
);
|
|
4535
4563
|
};
|
|
4564
|
+
const numberOfVisiblePanels = vue.computed(() => {
|
|
4565
|
+
return panelItemCounts.value.filter((v) => v.count > 0).length;
|
|
4566
|
+
});
|
|
4567
|
+
const expandOnSinglePanel = vue.computed(() => {
|
|
4568
|
+
return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
|
|
4569
|
+
});
|
|
4536
4570
|
return (_ctx, _cache) => {
|
|
4537
4571
|
var _a;
|
|
4538
4572
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
@@ -4540,7 +4574,11 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
4540
4574
|
ref: panelContainer
|
|
4541
4575
|
}, [
|
|
4542
4576
|
displayResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
|
|
4543
|
-
vue.createElementVNode("div",
|
|
4577
|
+
vue.createElementVNode("div", {
|
|
4578
|
+
class: "lupa-main-panel",
|
|
4579
|
+
style: vue.normalizeStyle(expandOnSinglePanel.value ? { display: "block" } : {}),
|
|
4580
|
+
"data-cy": "lupa-main-panel"
|
|
4581
|
+
}, [
|
|
4544
4582
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayPanels.value, (panel, index) => {
|
|
4545
4583
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
4546
4584
|
key: index,
|
|
@@ -4569,16 +4607,21 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
4569
4607
|
key: "0"
|
|
4570
4608
|
} : void 0
|
|
4571
4609
|
]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : vue.createCommentVNode("", true)
|
|
4572
|
-
], 10,
|
|
4610
|
+
], 10, _hoisted_2$G);
|
|
4573
4611
|
}), 128))
|
|
4574
|
-
]),
|
|
4575
|
-
vue.
|
|
4612
|
+
], 4),
|
|
4613
|
+
!vue.unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (vue.openBlock(), vue.createBlock(_sfc_main$1f, {
|
|
4614
|
+
key: 0,
|
|
4615
|
+
labels: labels.value
|
|
4616
|
+
}, null, 8, ["labels"])) : vue.createCommentVNode("", true),
|
|
4617
|
+
vue.unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
|
|
4618
|
+
key: 1,
|
|
4576
4619
|
labels: labels.value,
|
|
4577
4620
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
4578
4621
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
4579
|
-
}, null, 8, ["labels", "showTotalCount"])
|
|
4580
|
-
])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div",
|
|
4581
|
-
vue.createVNode(_sfc_main$
|
|
4622
|
+
}, null, 8, ["labels", "showTotalCount"])) : vue.createCommentVNode("", true)
|
|
4623
|
+
])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$v, [
|
|
4624
|
+
vue.createVNode(_sfc_main$1g, {
|
|
4582
4625
|
options: _ctx.options.history,
|
|
4583
4626
|
history: history.value,
|
|
4584
4627
|
onGoToResults: handleGoToResults,
|
|
@@ -4644,7 +4687,10 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
|
|
|
4644
4687
|
"links",
|
|
4645
4688
|
"options",
|
|
4646
4689
|
"debounce",
|
|
4647
|
-
"showTotalCount"
|
|
4690
|
+
"showTotalCount",
|
|
4691
|
+
"hideMoreResultsButtonOnNoResults",
|
|
4692
|
+
"showNoResultsPanel",
|
|
4693
|
+
"expandOnSinglePanel"
|
|
4648
4694
|
])
|
|
4649
4695
|
);
|
|
4650
4696
|
const searchTriggers = vue.computed(() => {
|
|
@@ -4840,7 +4886,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
|
|
|
4840
4886
|
var _a2;
|
|
4841
4887
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
|
|
4842
4888
|
vue.createElementVNode("div", _hoisted_2$F, [
|
|
4843
|
-
vue.createVNode(_sfc_main$
|
|
4889
|
+
vue.createVNode(_sfc_main$1j, {
|
|
4844
4890
|
options: inputOptions.value,
|
|
4845
4891
|
suggestedValue: suggestedValue.value,
|
|
4846
4892
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -9329,8 +9375,14 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
9329
9375
|
const isTitleResultTopPosition = vue.computed(() => {
|
|
9330
9376
|
return props.options.searchTitlePosition === "search-results-top";
|
|
9331
9377
|
});
|
|
9378
|
+
const handlePopState = () => {
|
|
9379
|
+
var _a;
|
|
9380
|
+
const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url);
|
|
9381
|
+
paramStore.add(parseParams(searchParams));
|
|
9382
|
+
};
|
|
9332
9383
|
vue.onMounted(() => {
|
|
9333
9384
|
var _a, _b;
|
|
9385
|
+
window.addEventListener("popstate", handlePopState);
|
|
9334
9386
|
window.addEventListener("resize", handleResize);
|
|
9335
9387
|
if (props.initialData) {
|
|
9336
9388
|
searchResultStore.add(__spreadValues({}, props.initialData));
|
|
@@ -9341,6 +9393,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
9341
9393
|
});
|
|
9342
9394
|
vue.onBeforeUnmount(() => {
|
|
9343
9395
|
window.removeEventListener("resize", handleResize);
|
|
9396
|
+
window.removeEventListener("popstate", handlePopState);
|
|
9344
9397
|
});
|
|
9345
9398
|
const trackItemListView = (title, items = []) => {
|
|
9346
9399
|
trackingStore.trackEvent({
|
package/dist/lupaSearch.mjs
CHANGED
|
@@ -37,7 +37,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
37
37
|
step((generator = generator.apply(__this, __arguments)).next());
|
|
38
38
|
});
|
|
39
39
|
};
|
|
40
|
-
import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, toDisplayString, createCommentVNode, onMounted, onBeforeMount, Fragment, renderList, createBlock, toHandlers, withModifiers, resolveDynamicComponent, createVNode, renderSlot, createSlots, withCtx, normalizeProps, guardReactiveProps, onBeforeUnmount, createTextVNode, onUnmounted, resolveComponent, vModelSelect,
|
|
40
|
+
import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, toDisplayString, createCommentVNode, onMounted, onBeforeMount, Fragment, renderList, createBlock, toHandlers, withModifiers, resolveDynamicComponent, createVNode, renderSlot, createSlots, withCtx, normalizeProps, guardReactiveProps, onBeforeUnmount, normalizeStyle, createTextVNode, onUnmounted, resolveComponent, vModelSelect, h as h$1, provide, cloneVNode } from "vue";
|
|
41
41
|
var isVue2 = false;
|
|
42
42
|
function set(target, key, val) {
|
|
43
43
|
if (Array.isArray(target)) {
|
|
@@ -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,16 +3030,16 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
3010
3030
|
resetHighlightIndex
|
|
3011
3031
|
};
|
|
3012
3032
|
});
|
|
3013
|
-
const _hoisted_1$
|
|
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
|
-
const _hoisted_4$
|
|
3036
|
+
const _hoisted_4$q = ["value"];
|
|
3017
3037
|
const _hoisted_5$f = ["placeholder"];
|
|
3018
3038
|
const _hoisted_6$8 = {
|
|
3019
3039
|
key: 0,
|
|
3020
3040
|
class: "lupa-close-label"
|
|
3021
3041
|
};
|
|
3022
|
-
const _sfc_main$
|
|
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$
|
|
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 }]),
|
|
@@ -3108,7 +3128,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
|
3108
3128
|
class: "lupa-hint",
|
|
3109
3129
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
3110
3130
|
disabled: ""
|
|
3111
|
-
}, null, 8, _hoisted_4$
|
|
3131
|
+
}, null, 8, _hoisted_4$q),
|
|
3112
3132
|
withDirectives(createElementVNode("input", mergeProps({
|
|
3113
3133
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
3114
3134
|
}, inputAttributes.value, {
|
|
@@ -3136,7 +3156,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
|
3136
3156
|
};
|
|
3137
3157
|
}
|
|
3138
3158
|
});
|
|
3139
|
-
const _sfc_main$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
3224
|
+
const _hoisted_1$19 = {
|
|
3205
3225
|
key: 0,
|
|
3206
3226
|
class: "lupa-search-box-history-panel"
|
|
3207
3227
|
};
|
|
3208
|
-
const _sfc_main$
|
|
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$
|
|
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$
|
|
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,
|
|
@@ -3275,7 +3307,7 @@ const _hoisted_3$z = {
|
|
|
3275
3307
|
class: "lupa-suggestion-facet",
|
|
3276
3308
|
"data-cy": "lupa-suggestion-facet"
|
|
3277
3309
|
};
|
|
3278
|
-
const _hoisted_4$
|
|
3310
|
+
const _hoisted_4$p = {
|
|
3279
3311
|
class: "lupa-suggestion-facet-label",
|
|
3280
3312
|
"data-cy": "lupa-suggestion-facet-label"
|
|
3281
3313
|
};
|
|
@@ -3321,7 +3353,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
|
3321
3353
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
3322
3354
|
}, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(_ctx.suggestion.display), 1)),
|
|
3323
3355
|
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
|
|
3324
|
-
createElementVNode("span", _hoisted_4$
|
|
3356
|
+
createElementVNode("span", _hoisted_4$p, toDisplayString(facetLabel.value), 1),
|
|
3325
3357
|
createElementVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
3326
3358
|
])) : createCommentVNode("", true)
|
|
3327
3359
|
]);
|
|
@@ -3723,7 +3755,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
3723
3755
|
const _hoisted_1$10 = ["innerHTML"];
|
|
3724
3756
|
const _hoisted_2$J = { key: 0 };
|
|
3725
3757
|
const _hoisted_3$y = { key: 1 };
|
|
3726
|
-
const _hoisted_4$
|
|
3758
|
+
const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
|
|
3727
3759
|
const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
|
|
3728
3760
|
const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
3729
3761
|
__name: "SearchBoxProductCustom",
|
|
@@ -3756,7 +3788,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
|
3756
3788
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
3757
3789
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
3758
3790
|
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$J, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
|
|
3759
|
-
createElementVNode("div", _hoisted_4$
|
|
3791
|
+
createElementVNode("div", _hoisted_4$o, toDisplayString(label.value), 1),
|
|
3760
3792
|
createElementVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
|
|
3761
3793
|
]))
|
|
3762
3794
|
], 16));
|
|
@@ -4152,7 +4184,7 @@ const useTrackingStore = defineStore("tracking", () => {
|
|
|
4152
4184
|
const _hoisted_1$Z = ["href"];
|
|
4153
4185
|
const _hoisted_2$H = { class: "lupa-search-box-product-image-section" };
|
|
4154
4186
|
const _hoisted_3$w = { class: "lupa-search-box-product-details-section" };
|
|
4155
|
-
const _hoisted_4$
|
|
4187
|
+
const _hoisted_4$n = {
|
|
4156
4188
|
key: 0,
|
|
4157
4189
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
4158
4190
|
};
|
|
@@ -4273,7 +4305,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
4273
4305
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
4274
4306
|
}), 128))
|
|
4275
4307
|
]),
|
|
4276
|
-
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
4308
|
+
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
|
|
4277
4309
|
createVNode(_sfc_main$12, {
|
|
4278
4310
|
class: "lupa-search-box-product-element",
|
|
4279
4311
|
item: _ctx.item,
|
|
@@ -4408,12 +4440,8 @@ const _hoisted_1$X = {
|
|
|
4408
4440
|
key: 0,
|
|
4409
4441
|
id: "lupa-search-box-panel"
|
|
4410
4442
|
};
|
|
4411
|
-
const _hoisted_2$G =
|
|
4412
|
-
|
|
4413
|
-
"data-cy": "lupa-main-panel"
|
|
4414
|
-
};
|
|
4415
|
-
const _hoisted_3$v = ["data-cy"];
|
|
4416
|
-
const _hoisted_4$n = {
|
|
4443
|
+
const _hoisted_2$G = ["data-cy"];
|
|
4444
|
+
const _hoisted_3$v = {
|
|
4417
4445
|
key: 1,
|
|
4418
4446
|
id: "lupa-search-box-panel"
|
|
4419
4447
|
};
|
|
@@ -4450,7 +4478,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
4450
4478
|
const panels = computed(() => props.options.panels);
|
|
4451
4479
|
const sdkOptions = computed(() => props.options.options);
|
|
4452
4480
|
const searchBoxStore = useSearchBoxStore();
|
|
4453
|
-
const { suggestionResults } = storeToRefs(searchBoxStore);
|
|
4481
|
+
const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
|
|
4454
4482
|
const displayResults = computed(
|
|
4455
4483
|
() => {
|
|
4456
4484
|
var _a, _b;
|
|
@@ -4531,6 +4559,12 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
4531
4559
|
`${window.innerHeight - panel.getBoundingClientRect().y - 10}px`
|
|
4532
4560
|
);
|
|
4533
4561
|
};
|
|
4562
|
+
const numberOfVisiblePanels = computed(() => {
|
|
4563
|
+
return panelItemCounts.value.filter((v) => v.count > 0).length;
|
|
4564
|
+
});
|
|
4565
|
+
const expandOnSinglePanel = computed(() => {
|
|
4566
|
+
return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
|
|
4567
|
+
});
|
|
4534
4568
|
return (_ctx, _cache) => {
|
|
4535
4569
|
var _a;
|
|
4536
4570
|
return openBlock(), createElementBlock("div", {
|
|
@@ -4538,7 +4572,11 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
4538
4572
|
ref: panelContainer
|
|
4539
4573
|
}, [
|
|
4540
4574
|
displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$X, [
|
|
4541
|
-
createElementVNode("div",
|
|
4575
|
+
createElementVNode("div", {
|
|
4576
|
+
class: "lupa-main-panel",
|
|
4577
|
+
style: normalizeStyle(expandOnSinglePanel.value ? { display: "block" } : {}),
|
|
4578
|
+
"data-cy": "lupa-main-panel"
|
|
4579
|
+
}, [
|
|
4542
4580
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
|
|
4543
4581
|
return openBlock(), createElementBlock("div", {
|
|
4544
4582
|
key: index,
|
|
@@ -4567,16 +4605,21 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
4567
4605
|
key: "0"
|
|
4568
4606
|
} : void 0
|
|
4569
4607
|
]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
|
|
4570
|
-
], 10,
|
|
4608
|
+
], 10, _hoisted_2$G);
|
|
4571
4609
|
}), 128))
|
|
4572
|
-
]),
|
|
4573
|
-
|
|
4610
|
+
], 4),
|
|
4611
|
+
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1f, {
|
|
4612
|
+
key: 0,
|
|
4613
|
+
labels: labels.value
|
|
4614
|
+
}, null, 8, ["labels"])) : createCommentVNode("", true),
|
|
4615
|
+
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1i, {
|
|
4616
|
+
key: 1,
|
|
4574
4617
|
labels: labels.value,
|
|
4575
4618
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
4576
4619
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
4577
|
-
}, null, 8, ["labels", "showTotalCount"])
|
|
4578
|
-
])) : displayHistory.value ? (openBlock(), createElementBlock("div",
|
|
4579
|
-
createVNode(_sfc_main$
|
|
4620
|
+
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
4621
|
+
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
|
|
4622
|
+
createVNode(_sfc_main$1g, {
|
|
4580
4623
|
options: _ctx.options.history,
|
|
4581
4624
|
history: history.value,
|
|
4582
4625
|
onGoToResults: handleGoToResults,
|
|
@@ -4642,7 +4685,10 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
4642
4685
|
"links",
|
|
4643
4686
|
"options",
|
|
4644
4687
|
"debounce",
|
|
4645
|
-
"showTotalCount"
|
|
4688
|
+
"showTotalCount",
|
|
4689
|
+
"hideMoreResultsButtonOnNoResults",
|
|
4690
|
+
"showNoResultsPanel",
|
|
4691
|
+
"expandOnSinglePanel"
|
|
4646
4692
|
])
|
|
4647
4693
|
);
|
|
4648
4694
|
const searchTriggers = computed(() => {
|
|
@@ -4838,7 +4884,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
4838
4884
|
var _a2;
|
|
4839
4885
|
return openBlock(), createElementBlock("div", _hoisted_1$W, [
|
|
4840
4886
|
createElementVNode("div", _hoisted_2$F, [
|
|
4841
|
-
createVNode(_sfc_main$
|
|
4887
|
+
createVNode(_sfc_main$1j, {
|
|
4842
4888
|
options: inputOptions.value,
|
|
4843
4889
|
suggestedValue: suggestedValue.value,
|
|
4844
4890
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -9327,8 +9373,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
9327
9373
|
const isTitleResultTopPosition = computed(() => {
|
|
9328
9374
|
return props.options.searchTitlePosition === "search-results-top";
|
|
9329
9375
|
});
|
|
9376
|
+
const handlePopState = () => {
|
|
9377
|
+
var _a;
|
|
9378
|
+
const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url);
|
|
9379
|
+
paramStore.add(parseParams(searchParams));
|
|
9380
|
+
};
|
|
9330
9381
|
onMounted(() => {
|
|
9331
9382
|
var _a, _b;
|
|
9383
|
+
window.addEventListener("popstate", handlePopState);
|
|
9332
9384
|
window.addEventListener("resize", handleResize);
|
|
9333
9385
|
if (props.initialData) {
|
|
9334
9386
|
searchResultStore.add(__spreadValues({}, props.initialData));
|
|
@@ -9339,6 +9391,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
9339
9391
|
});
|
|
9340
9392
|
onBeforeUnmount(() => {
|
|
9341
9393
|
window.removeEventListener("resize", handleResize);
|
|
9394
|
+
window.removeEventListener("popstate", handlePopState);
|
|
9342
9395
|
});
|
|
9343
9396
|
const trackItemListView = (title, items = []) => {
|
|
9344
9397
|
trackingStore.trackEvent({
|
|
@@ -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 };
|
|
@@ -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;
|
|
@@ -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,27 @@ 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;
|
|
55
|
+
expandOnSinglePanel?: boolean;
|
|
36
56
|
};
|
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}
|