.predictive-search{display:none;position:absolute;top:calc(100% + var(--layout-space-pixel));left:calc(-1 * var(--layout-space-pixel));border-width:var(--popup-border-width);border-style:solid;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));background-color:rgb(var(--color-background));z-index:3;border-bottom-right-radius:var(--popup-corner-radius);border-bottom-left-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));overflow-y:auto;-webkit-overflow-scrolling:touch}.predictive-search--search-template{z-index:2;width:calc(100% + var(--layout-space-pixel))}.predictive-search__search-button{text-align:center}.predictive-search__search-button p{margin-top:var(--layout-space-12);margin-bottom:var(--layout-space-12)}.predictive-search__search-label{display:flex;justify-content:center;align-items:center;width:100%;color:rgba(var(--color-foreground),.7);text-align:center;text-decoration:none;padding:var(--layout-space-8);margin-left:auto;margin-right:auto}@media screen and (min-width: 990px){.predictive-search__search-label{padding:var(--layout-space-12)}}.predictive-search__search-label p{font-size:var(--text-size-xs);margin:0}@media screen and (min-width: 990px){.predictive-search__search-label p{font-size:var(--text-size-s)}}.predictive-search__search-label .predictive-search-keyword{color:rgba(var(--color-foreground),1);text-decoration:underline;text-underline-offset:.3rem}.predictive-search__results-groups-wrapper{display:flex;padding:var(--layout-space-4) var(--layout-space-8);background-color:rgb(var(--color-light-background))}@media screen and (max-width: 750px){.predictive-search[open] .predictive-search{overflow:auto}}@media screen and (min-width: 750px){.predictive-search__results-groups-wrapper{padding:var(--layout-space-4) var(--layout-space-16)}}.predictive-search.predictive-search--header{position:absolute;margin-top:-1px}@media screen and (min-width: 990px){.predictive-search.predictive-search--header{margin-top:-60px}}@media screen and (max-width: 749px){.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))}}search-results-curtain{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-2;content:"";pointer-events:none;display:block;width:100%;height:100vh;transition:opacity ease-in-out var(--duration-default);background-color:rgba(var(--color-base-black),.4)}predictive-search[open]+search-results-curtain{opacity:1;transition:opacity ease-in-out var(--duration-default)}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search--curtain:empty{opacity:0;transition:opacity var(--duration-default);pointer-events:none;display:block;visibility:visible}predictive-search[open] .predictive-search+.predictive-search--curtain{position:fixed;top:130px;left:0;right:0;bottom:0;background-color:rgb(var(--color-base-black));opacity:.4;pointer-events:all;height:100vh}.predictive-search__results-list{margin:0;padding-bottom:var(--layout-space-12)}@media screen and (max-width: 750px){.predictive-search__results-list{border-bottom:1px solid rgba(var(--color-foreground),.2)}}.predictive-search__results-list.products-results-list{display:grid;grid-auto-flow:row;grid-template-columns:repeat(1,1fr);gap:var(--layout-space-8)}@media screen and (min-width: 750px){.predictive-search__results-list.products-results-list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.predictive-search__results-list.products-results-list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 750px){.predictive-search__result-group{order:2}}.predictive-search__result-group{display:flex;flex-direction:column}@media screen and (min-width: 990px){.predictive-search__result-group{flex:1 1 auto}}.predictive-search__result-group--products{margin-top:var(--layout-space-7)}@media screen and (max-width: 750px){.predictive-search__result-group--products{order:1}}@media screen and (min-width: 990px){.predictive-search__result-group--products{margin-top:var(--layout-space-12)}}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}@media screen and (min-width: 750px){.predictive-search__result-group .predictive-search__pages-wrapper{border-top:1px solid rgba(var(--color-foreground),.2)}}@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 185px;margin-right:var(--layout-space-8)}}@media screen and (min-width: 990px){.predictive-search__result-group:first-child{flex:0 0 315px;margin-right:var(--layout-space-16)}}.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-top:var(--layout-space-8);margin-bottom:var(--layout-space-8);color:rgb(var(--color-foreground));font-size:var(--text-size-base)}@media screen and (min-width: 750px){.predictive-search__heading{margin-top:var(--layout-space-12)}.predictive-search__heading.fallback{margin-top:0}}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__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__list-item .predictive-search__item-heading{font-family:var(--font-body-family);font-size:var(--text-size-xs);color:rgba(var(--color-foreground),.7);margin-top:0;margin-bottom:var(--layout-space-4)}@media screen and (min-width: 990px){.predictive-search__list-item .predictive-search__item-heading{margin-bottom:var(--layout-space-8);font-size:var(--text-size-xs)}}.predictive-search__list-item:last-child .predictive-search__item-heading{margin-bottom:0}.predictive-search__list-item:last-of-type{margin-bottom:0}.predictive-search__item{display:flex;text-align:left;text-decoration:none;width:100%}.predictive-search__item--link-with-thumbnail{grid-template-columns:var(--layout-space-10) 1fr;grid-column-gap:var(--layout-space-6);grid-template-areas:"product-image product-content"}.predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column}.predictive-search__item-vendor{font-size:var(--text-size-xxs)}.predictive-search__list-item.predictive-search__list-item--product .predictive-search__item-heading{margin:0;font-family:var(--font-heading-family);color:rgba(var(--color-foreground),.75)}@media screen and (min-width: 750px){.predictive-search__list-item.predictive-search__list-item--product .predictive-search__item-heading{max-width:200px}}.predictive-search__list-item.predictive-search__list-item--product .predictive-search__item-heading{font-size:14px;color:rgba(var(--color-foreground),1)}.predictive-search__list-item.predictive-search__list-item--product .product-group__number-visible{font-size:var(--text-size-xxs)}.predictive-search__list-item.predictive-search__list-item--product .predictive-search__item-heading .link{color:rgba(var(--color-foreground),.75);font-size:14px}.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-2)}.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{width:80px;height:auto;grid-area:product-image;object-fit:contain;font-family:"object-fit: contain";margin-bottom:auto}
/*# sourceMappingURL=/cdn/shop/t/181/assets/component-predictive-search.css.map */