.predictive-search{display:block;overflow-y:auto;max-height:calc(100vh - 20.5rem);border:none}predictive-search[loading] .predictive-search{padding-bottom:3rem}.predictive-search--search-template{z-index:2;width:calc(100 + var(--layout-space-pixel))}.predictive-search__results-list{padding-bottom:3rem}@media screen and (max-width: 749px){.predictive-search__results-list{grid-template-columns:repeat(2,1fr)}.predictive-search--header{right:0;left:0;top:100%}.predictive-search__results-groups-wrapper{flex-direction:column}.predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions){gap:var(--layout-space-4)}}@media screen and (min-width: 750px){.predictive-search{border-top:none;width:calc(100% + var(--layout-space-pixel))}.header predictive-search{position:relative}}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search__result-group{display:flex;flex-direction:column;flex:1 1 auto;gap:var(--layout-space-4)}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}@media screen and (min-width: 750px){.predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:nth-child(2),.predictive-search__result-group:last-child .predictive-search__pages-wrapper{display:none}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:initial}.predictive-search__result-group:first-child{flex:0 0 26.4rem}.predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child,.predictive-search__result-group:only-child{flex-grow:1}}.predictive-search__heading{border-bottom:var(--layout-space-pixel) solid rgba(var(--color-foreground),.08);margin:0 var(--layout-space-4);padding:var(--layout-space-3) 0 var(--layout-space-2);color:rgba(var(--color-foreground),.7)}predictive-search .spinner{width:var(--layout-space-3);height:var(--layout-space-3);line-height:var(--leading-none)}predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading{display:none}predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:var(--layout-space-2)}predictive-search[loading] .predictive-search__loading-state .spinner{width:var(--layout-space-16);height:var(--layout-space-16)}predictive-search[loading] .predictive-search__search-for-button{display:none}predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state{display:none}predictive-search:has(:not(#predictive-search-results-groups-wrapper)) .predictive-search__search-for-button{display:none}predictive-search:has(#predictive-search-results-groups-wrapper) .predictive-search__search-for-button{display:flex;justify-content:center;padding-bottom:var(--layout-space-16)}.header predictive-search[data-show-message=true] #predictive-search-results span[data-predictive-search-live-region-count-value]{display:flex;justify-content:center;padding-bottom:var(--layout-space-16)}.header predictive-search[loading] #predictive-search-results span[data-predictive-search-live-region-count-value],.header predictive-search[data-show-message=false] #predictive-search-results span[data-predictive-search-live-region-count-value]{display:none}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__list-item:hover>*,.predictive-search__item[aria-selected=true],.predictive-search__item:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:underline;text-underline-offset:.3rem}.predictive-search__item{display:flex;padding:var(--layout-space-2) var(--layout-space-4);text-align:left;text-decoration:none;width:100%}.predictive-search__item--link-with-thumbnail{display:grid;grid-template-columns:var(--layout-space-10) 1fr;grid-column-gap:var(--layout-space-20);grid-template-areas:"product-image product-content"}.predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column}.predictive-search__item-content--centered{justify-content:center}.predictive-search__item-vendor{font-size:var(--text-size-xs)}.predictive-search__item-heading{margin:0}.predictive-search__item-query-result *:not(mark){font-weight:bolder}.predictive-search__item-query-result mark{color:rgba(var(--color-foreground),.75)}.predictive-search__item-query-result mark{background-color:transparent}.predictive-search__item .price{color:rgba(var(--color-foreground),.7);font-size:var(--text-size-xs)}.predictive-search__item-vendor+.predictive-search__item-heading,.predictive-search .price{margin-top:var(--layout-space-3)}.predictive-search__item--term{justify-content:space-between;align-items:center;padding:var(--layout-space-3) var(--layout-space-4);word-break:break-all;line-height:var(--leading-looser)}@media screen and (min-width: 750px){.predictive-search__item--term{padding-top:var(--layout-space-2);padding-bottom:var(--layout-space-2)}}.predictive-search__item--term .icon-arrow{width:calc(var(--font-heading-scale) * var(--layout-space-3));height:calc(var(--font-heading-scale) * var(--layout-space-3));flex-shrink:0;margin-left:calc(var(--font-heading-scale) * var(--layout-space-4));color:rgb(var(--color-link))}.predictive-search__image{grid-area:product-image;object-fit:contain;font-family:"object-fit: contain"}.predictive-search__suggestions{display:none;padding:0 0 0 var(--layout-space-8);margin-top:var(--layout-space-8);max-height:calc(100dvh - 23rem - var(--layout-space-8));max-width:100vw;padding-bottom:var(--layout-space-16);overflow-y:auto}predictive-search[data-show-suggestions=true] .predictive-search__suggestions{display:block}.predictive-search__suggestions .divider{display:block;height:var(--layout-space-pixel);width:calc(100% - var(--layout-space-8));background-color:rgba(var(--color-foreground),1);margin-bottom:var(--layout-space-16)}.predictive-search__suggestions .predictive-search__suggestions--title{text-transform:uppercase;font-size:var(--text-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--layout-space-8)}.predictive-search__suggestions .predictive-search__suggestions--pills{display:flex;max-width:100%;overflow-x:auto;gap:var(--layout-space-4);padding-bottom:var(--layout-space-4);margin-bottom:var(--layout-space-12);padding-right:var(--layout-space-8)}.predictive-search__suggestions .predictive-search__suggestions--pill{height:4rem;padding:var(--layout-space-6) var(--layout-space-8);border:2px solid rgb(var(--color-base-dark));border-radius:6.4rem;background-color:transparent;font-size:var(--text-size-xxs);font-family:var(--font-lead-family);line-height:1rem;font-weight:var(--font-weight-bold);color:rgb(var(--color-base-dark));text-transform:uppercase;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;white-space:nowrap}.predictive-search__suggestions .predictive-search__suggestions--products{max-width:100%;padding-right:var(--layout-space-8);display:grid;grid-template-columns:1fr 1fr;column-gap:var(--layout-space-8);row-gap:var(--layout-space-16)}@media (max-width: 749px){.predictive-search__suggestions .predictive-search__suggestions--pills::-webkit-scrollbar{display:none}.predictive-search__suggestions{max-height:calc(100dvh - 9rem - var(--layout-space-8))}}@media (min-width: 750px){.predictive-search__suggestions .predictive-search__suggestions--title{text-align:center}.predictive-search__suggestions .predictive-search__suggestions--pills{width:fit-content;margin:var(--layout-space-8) auto var(--layout-space-12)}.predictive-search__suggestions{margin-top:0;padding-bottom:var(--layout-space-16)}.predictive-search__suggestions>p:first-of-type{margin-top:0;margin-bottom:var(--layout-space-12)}.predictive-search__suggestions>p:last-of-type{margin-bottom:var(--layout-space-16)}.predictive-search__suggestions::-webkit-scrollbar{height:.2rem;width:.2rem}.predictive-search__suggestions::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground))}.predictive-search__suggestions::-webkit-scrollbar-track{background-color:rgba(var(--color-foreground),.2)}.predictive-search__suggestions .predictive-search__suggestions--products{grid-template-columns:repeat(4,1fr)}}.search-input-suggestions{position:absolute;top:1rem;left:3.8rem;width:calc(100% - 8rem);height:2.5rem;z-index:2;display:flex;flex-direction:column;gap:2rem;overflow:hidden;pointer-events:none}.search-input-suggestions:has(+.search__input:valid){opacity:0}.search-input-suggestions .animated-suggestion{font-size:var(--text-size-s);color:#767676;position:absolute;top:0;left:0}.search-input-suggestions .animated-suggestion:not(:first-child){font-size:var(--text-size-s);color:#767676;position:absolute;top:0;left:0;transform:translateY(-100%);transition:transform .3s}body#template-search .template-search predictive-search .field{position:relative}body#template-searchc .template-search predictive-search .field .search-input-suggestions{display:none}body#template-search .template-search predictive-search .field .predictive-search.predictive-search--search-template{display:none}body#template-search .template-search predictive-search .field input{padding-left:5rem}body#template-search .template-search .search__button{left:2rem;top:4.9rem}
/*# sourceMappingURL=/cdn/shop/t/118/assets/component-predictive-search.css.map */