.predictive-search{display:none;overflow-y:auto;z-index:3;-webkit-overflow-scrolling:touch}.predictive-search__articles-list{display:grid;gap:var(--hh-space-xs);grid-template-columns:1fr;margin-bottom:var(--hh-space-3xl)}@media screen and (min-width: 990px){.predictive-search__articles-list{gap:var(--hh-space-sm);grid-template-columns:repeat(2,1fr);margin-bottom:calc(var(--hh-space-3xl) + var(--hh-space-md))}}.predictive-search__products-list{display:grid;gap:var(--hh-space-xs);grid-template-columns:1fr 1fr;margin-bottom:var(--hh-space-3xl)}@media screen and (min-width: 990px){.predictive-search__products-list{grid-template-columns:repeat(4,1fr)}}.predictive-search__collections-list{display:flex;flex-direction:column;gap:var(--hh-space-sm);padding:0 var(--hh-space-md)}@media screen and (min-width: 990px){.predictive-search__collections-list{padding:0}}.predictive-search__collection:hover{text-decoration:underline;text-underline-offset:2px}.predictive-search__empty{padding:0 var(--hh-space-md);margin-bottom:var(--hh-space-md)}.predictive-search__title{padding:0 var(--hh-space-md) var(--hh-space-sm)}@media screen and (min-width: 990px){.predictive-search__title{align-items:center;display:flex;justify-content:space-between;padding-left:0;padding-right:0}}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.search-tabs{display:flex;gap:var(--hh-space-lg);padding:0 var(--hh-space-md) var(--hh-space-sm)}.search-tab{background-color:transparent;border:none;color:var(--hh-color-ink);cursor:pointer;margin:0;padding:0;transition:color var(--hh-duration-default)}.search-tab:hover{color:var(--hh-color-ink)}.search-tab:not(.active){color:var(--hh-color-subdued)}.search-tabpanels{display:flex}@media screen and (min-width: 990px){.search-tabpanels{gap:var(--hh-space-lg);padding:0 var(--hh-space-md)}}.search-tabpanel{width:100%}@media screen and (min-width: 990px){.search-tabpanel#products-panel{flex:1 0 75%}.predictive-search__result-group{padding:0 var(--hh-space-md)}}predictive-search .icon-assouline{animation:flickerAnimation 2s infinite;transform:translate(calc(50vw - calc(var(--hh-space-3xl) / 2)));width:var(--hh-space-3xl)}@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/470/assets/component-predictive-search.css.map */