.predictive-search{display:none;width:100%;margin:0 auto;overflow-y:auto;background:#414042}.predictive-search .predictive-search__heading{border-bottom:1px solid rgba(0,0,0,.4);padding:0;display:flex;justify-content:space-between;align-items:center}.predictive-search #predictive-search-results{margin:0 auto;max-width:768px}.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-results-products-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}predictive-search .predictive-search__list-item[aria-selected=true]>*,predictive-search .predictive-search__list-item:hover>*{color:#1a172c}predictive-search .search-defaults-wrapper{position:absolute;top:100%;left:0;width:100%;background-color:#414042}predictive-search .search-defaults{width:100%;max-width:768px;margin:0 auto 40px;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:10px}predictive-search .search-defaults .search-menu a{display:inline-block}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: 900px){.predictive-search{overflow-y:auto;-webkit-overflow-scrolling:touch}}@media only screen and (min-width: 901px){predictive-search .search-defaults.has-both{grid-template-columns:1fr auto}predictive-search .search-defaults .search-products{gap:10px}predictive-search #predictive-search-results-products-list{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}}