.predictive-search{display:none;width:100%;margin:0 auto;overflow-y:auto;background:linear-gradient(0deg,#ffffff4d,#ffffff4d),radial-gradient(50% 50% at 50% 50%,#fff3,#fff0);max-height:calc(100dvh - 68px - var(--section-announcement-bar) * 40px)}.predictive-search .predictive-search__heading{border-bottom:1px solid rgba(0,0,0,.4);padding:0 0 .5em;display:flex;justify-content:space-between;align-items:center}.predictive-search #predictive-search-results{margin:0 auto;max-width:768px;padding:16px}.predictive-search--search-template{z-index:2;width:calc(100% + .2rem)}predictive-search{display:flex;flex-direction:column;height:100%}predictive-search[open] .predictive-search,predictive-search [loading] .predictive-search{display:block;position:absolute;top:100%;left:0}predictive-search:not([loading]) .predictive-search__heading .spinner,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:1rem}predictive-search[loading] .predictive-search__heading~.predictive-search__loading-state,predictive-search[loading] .predictive-search__results-list:first-child{display:none}predictive-search .spinner{width:24px;height:24px;line-height:0}predictive-search .predictive-search__search-for-button{margin:40px 0 0}predictive-search #predictive-search-results-products-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}predictive-search .predictive-search__list-item[aria-selected=true]>*,predictive-search .predictive-search__list-item:hover>*{color:#2f4156}predictive-search .search-defaults-wrapper{position:absolute;top:100%;left:0;width:100%;background-color:linear-gradient(0deg,rgba(255,255,255,.3),rgba(255,255,255,.3)),radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 100%)}predictive-search .search-defaults{width:100vw;max-width:768px;margin:0 auto;padding:16px;display:block}predictive-search .search-defaults.has-both{display:grid;grid-template-columns:1fr;gap:20px}predictive-search .search-defaults.has-both .search-products{grid-template-columns:1fr 1fr}predictive-search .search-defaults .search-products{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}predictive-search .search-defaults .search-menu a{display:inline-block;margin:8px 0;text-decoration:none}predictive-search .search-defaults .search-menu a:hover{text-decoration:underline}predictive-search[results=true] .search-defaults{display:none}@media only screen and (max-width:768px){.predictive-search{overflow-y:auto;--webkit-overflow-scrolling: touch}}@media only screen and (min-width:769px){.predictive-search{max-height:calc(100dvh - 60px - var(--section-announcement-bar) * 40px)}.predictive-search #predictive-search-results{padding:0 0 40px}predictive-search .search-defaults{padding:0 0 40px}predictive-search .search-defaults.has-both{grid-template-columns:1fr auto}predictive-search .search-defaults .search-products{gap:20px}predictive-search #predictive-search-results-products-list{grid-template-columns:1fr 1fr 1fr;gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/component-predictive-search.css.map */