.predictive-search{display:none;position:relative;margin-top:12px;border-radius:var(--search-radius, 12px);overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:50vh;animation:predictiveSearchFadeIn .25s ease}@keyframes predictiveSearchFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.predictive-search--glass{--color-foreground: 255, 255, 255;background:#ffffff12;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;color:#fff}.predictive-search--solid{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);box-shadow:0 8px 32px #0000001f;color:rgb(var(--color-foreground))}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search--search-template{z-index:2;position:absolute;top:calc(100% + 8px);left:0;width:100%;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--search-radius, 12px);box-shadow:0 8px 32px #0000001f;color:rgb(var(--color-foreground));animation:none;margin-top:0}.predictive-search__results-groups-wrapper{display:flex;border-bottom:1px solid rgba(var(--search-accent-rgb),.08);padding-bottom:1rem}@media screen and (max-width:749px){.predictive-search--header{max-height:60vh}.predictive-search__results-groups-wrapper{flex-direction:column}.predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions){gap:2rem}}@media screen and (min-width:750px){.predictive-search--header{max-height:50vh}.header predictive-search{position:relative}}.predictive-search__result-group{display:flex;flex-direction:column;flex:1 1 auto;gap:2rem}.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{margin:0 2rem;padding:1.5rem 0 .75rem;text-transform:uppercase;font-size:1.1rem;letter-spacing:1.2px;border-bottom:1px solid rgba(var(--search-accent-rgb),.1)}.predictive-search__results-list{padding-top:1rem}.predictive-search--glass .predictive-search__heading{color:#ffffff80;border-bottom-color:#ffffff14}.predictive-search--solid .predictive-search__heading{color:rgba(var(--color-foreground),.5);border-bottom-color:rgba(var(--color-foreground),.08)}predictive-search .spinner{width:1.5rem;height:1.5rem;line-height:0}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:1.5rem}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[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button{display:initial}.predictive-search__item{display:flex;padding:1rem 2rem;text-align:left;text-decoration:none;width:100%;border-left:3px solid transparent;transition:background-color .15s ease,border-color .15s ease}.predictive-search--glass .predictive-search__item{color:#ffffffd9}.predictive-search--solid .predictive-search__item{color:rgb(var(--color-foreground))}.predictive-search__list-item:hover>*,.predictive-search__item:hover{background-color:rgba(var(--search-accent-rgb),.08)}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__item[aria-selected=true]{background-color:rgba(var(--search-accent-rgb),.12);border-left-color:var(--search-accent)}.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--link-with-thumbnail{display:grid;grid-template-columns:5rem 1fr;grid-column-gap:2rem;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:.9rem}.predictive-search__item-heading{margin:0}.predictive-search__item-query-result *:not(mark){font-weight:bolder}.predictive-search__item-query-result mark{background-color:transparent}.predictive-search--glass .predictive-search__item-query-result mark{color:#ffffff80}.predictive-search--glass .predictive-search__item{color:#fff}.predictive-search--solid .predictive-search__item-query-result mark{color:rgba(var(--color-foreground),.55)}.predictive-search__item .price{font-size:1.2rem}.predictive-search--glass .predictive-search__item .price{color:#fff9}.predictive-search--solid .predictive-search__item .price{color:rgba(var(--color-foreground),.6)}.predictive-search__item-vendor+.predictive-search__item-heading,.predictive-search .price{margin-top:.5rem}.predictive-search__image{grid-area:product-image;object-fit:contain;font-family:"object-fit: contain";border-radius:6px}.predictive-search__item--term{justify-content:space-between;align-items:center;padding:1.3rem 2rem;word-break:break-all;line-height:calc(1 + .4 / var(--font-body-scale));transition:background-color .15s ease}@media screen and (min-width:750px){.predictive-search__item--term{padding-top:1rem;padding-bottom:1rem}}.predictive-search__item--term:hover{background-color:rgba(var(--search-accent-rgb),.08)}.predictive-search__item--term .icon-arrow{width:calc(var(--font-heading-scale) * 1.4rem);height:calc(var(--font-heading-scale) * 1.4rem);flex-shrink:0;margin-left:calc(var(--font-heading-scale) * 2rem)}.predictive-search--glass .predictive-search__item--term .icon-arrow{color:#ffffffb3}.predictive-search--solid .predictive-search__item--term .icon-arrow{color:var(--search-accent)}
/*# sourceMappingURL=/cdn/shop/t/47/assets/component-predictive-search.css.map */