:root{--predictive-search-width: calc(100vw - (2*var(--gutter)))}predictive-search[open] .overlay{z-index:30}predictive-search[open] .search__form{z-index:32}predictive-search[open] .search__input{background-color:rgba(var(--bg-color));box-shadow:inset 0 0 0 1px rgb(var(--text-color))}.header predictive-search[open] .search__input{background-color:rgba(var(--bg-color));box-shadow:inset 0 0 0 1px rgb(var(--text-color))}.search__reset{right:12px;padding:10px}[dir=rtl] .search__reset{right:auto;left:63px}[dir=rtl] .search__reset:after{right:auto;left:-8px}.predictive-search{--heading-color: var(--text-color);display:none;top:-12px;left:calc(var(--gutter) * -1);width:100vw;padding-top:60px;border-radius:8px}.header .predictive-search{top:0}predictive-search[open] .predictive-search{display:block;z-index:31}.predictive-search .tablist{position:sticky;z-index:1;top:0}.predictive-search .tablist__scroller{margin-inline-start:var(--gutter);padding:8px 0}.predictive-search__tabpanel{margin-top:8px}.predictive-search__item:not(.js-submit):hover,.predictive-search__item[aria-selected=true]{background-color:rgba(var(--text-color)/.04)}.predictive-search__view-all{padding:24px var(--gutter) 40px;color:currentColor;line-height:1.75}.predictive-search__view-all>.icon{width:16px;margin-inline-start:8px;vertical-align:middle}.predictive-search__no-results{padding:16px var(--gutter) 24px}.predictive-result{padding:16px var(--gutter);color:var(--text-color)}.predictive-result__media{flex:0 0 56px;width:56px;margin-inline-end:calc(4 * var(--space-unit))}.predictive-result__media img{max-height:100px;object-fit:contain}.predictive-result__title:last-child{margin-bottom:0}.predictive-result__sub-title{margin-top:.4rem;color:rgba(var(--text-color)/.8)}.cc-main-search .predictive-result__title{font-size:1em}.search--speech .search__reset,.search--product-types .search__reset{right:56px}.search--speech .search__reset:after,.search--product-types .search__reset:after{content:"";position:absolute;top:10px;right:-1px;width:1px;height:24px;background-color:rgba(var(--text-color)/.3)}[dir=rtl] .search--speech .search__reset,[dir=rtl] .search--product-types .search__reset{right:auto}[dir=rtl] .search--speech .search__reset:after,[dir=rtl] .search--product-types .search__reset:after{right:auto;left:-8px}predictive-search .search__input{padding-inline-end:95px}.header__grid--centered-logo .search__input:not(.search__input--dirty){padding-inline-end:54px}.predictive-search-view-all{margin-bottom:24px;text-decoration:none;border:1px solid currentColor;border-radius:4px}.predictive-search-list__title,.predictive-search-products__title{font-weight:var(--heading-font-weight);margin-bottom:12px}.predictive-search-results.predictive-search__scroller::-webkit-scrollbar{display:none}.predictive-search .tablist{display:flex;padding:24px 24px 12px}.predictive-search-list__block:not(:last-of-type),.predictive-search-products{margin-bottom:24px}.predictive-search-list__items{display:flex;flex-direction:column;gap:4px}.predictive-search-list__item{width:max-content;max-width:100%}.predictive-search-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.predictive-search-all{display:flex;justify-content:center;width:100%}@media (max-width: 768.98px){.header__search .overlay{z-index:900;background-color:#0006}.header .predictive-search{top:-20px}predictive-search .search__input:not(.search__input--dirty){padding-inline-end:54px}predictive-search .tablist{top:-1px}.predictive-search\a0 {width:100vw}.predictive-search-list__block.categories .predictive-search-list__items{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;gap:12px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.predictive-search-list__block.categories .predictive-search-list__items .predictive-search-list__item{padding:var(--btn-padding-y, 12px) 26px;border-radius:var(--btn-border-radius, 0);border:1px solid currentColor;text-align:center;outline-offset:var(--btn-border-width);scroll-snap-align:center}.predictive-search-list__block.categories .predictive-search-list__items::-webkit-scrollbar,.predictive-search-list__block.info{display:none}.predictive-search-container.predictive-search__scroller{max-height:75vh}.predictive-search .predictive-result__title{padding-top:0}.predictive-search-list{padding-bottom:18px}.predictive-search .tablist{flex-direction:column}.predictive-search-container:after{z-index:1;content:"";position:absolute;left:0;bottom:-1px;height:24px;width:100%;background:linear-gradient(180deg,#fff0,rgba(var(--bg-color)) 75%)}}@media (min-width: 769px){:root{--predictive-search-left: calc((var(--predictive-search-width) * .25) + 5%)}.predictive-search{left:calc(-1 * var(--predictive-search-left));width:var(--predictive-search-width);max-width:var(--page-width, 1320px);padding-top:63px}.predictive-search__results .tablist:after{top:initial;bottom:0;width:100%;height:24px;background:linear-gradient(180deg,#fff0,rgba(var(--bg-color)) 50%)}.predictive-search-results.predictive-search__scroller{max-height:80vh}.predictive-search .tablist__scroller{margin-inline-start:var(--gutter-md)}.header .predictive-search{top:-12px}.predictive-result,.predictive-search__view-all,.predictive-search__no-results{padding-right:36px;padding-left:36px}.predictive-search__view-all{padding-bottom:calc(8 * var(--space-unit))}.predictive-search .tablist{justify-content:space-between;width:100%;gap:24px}.predictive-search-list{min-width:30%}.predictive-search-list__item:hover{text-decoration:underline}}@media (min-width: 1024px){:root{--predictive-search-left: calc((var(--predictive-search-width) * .25))}.predictive-search{left:calc(-1 * var(--predictive-search-left));padding-top:68px}}@media (min-width: 1320px){:root{--predictive-search-left: calc((var(--predictive-search-width) * .25) - 10%)}.predictive-search{left:calc(-1 * var(--predictive-search-left))}}@media (min-width: 2000px){:root{--predictive-search-left: calc((var(--predictive-search-width) * .25) - 40%)}.predictive-search{left:calc(-1 * var(--predictive-search-left))}}@media (min-width: 2800px){:root{--predictive-search-left: calc((var(--predictive-search-width) * .25) - 60%)}.predictive-search{left:calc(-1 * var(--predictive-search-left))}}@media (max-width: 1024px){.predictive-search-products{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/s/files/1/0814/6724/4875/t/122/assets/predictive-search.css.map */