.search-modal.open{--SearchFilters_zIndex: 200;visibility:visible;opacity:1;position:fixed;width:100vw;height:100%;z-index:calc(var(--SearchFilters_zIndex) + 1);background:transparent;transition:.3s ease-in-out}@media (max-width: 749px){.search-modal.open{transform:translate(0)}}@media (min-width: 750px){.search-modal.modal__content{transition:opacity .2s ease-in-out;padding:0 45px}}.search-modal__content{background:#fff}@media (max-width: 749px){.search-modal__content{height:100%;padding-top:40px;position:relative}}@media (min-width: 750px){.search-modal__content{padding:30px 45px 0;margin-top:100px}}.search-modal__form{width:100%;margin:0 auto}@media screen and (max-width: 749px){.search-modal__form{padding:0 40px}}.search-modal__close-button{position:absolute;right:.3rem}@media screen and (min-width: 750px){.search-modal__close-button{right:1rem}}@media screen and (min-width: 990px){.search-modal__close-button{position:initial;margin-left:.5rem}}.search-modal.modal__content .field{max-width:47.8rem;margin:0 auto;padding-bottom:30px;position:relative}@media (min-width: 750px){.search-modal.modal__content .field{padding-bottom:60px;margin:0 auto}}.search-modal.modal__content .modal-overlay{display:block;z-index:-1;width:100vw;height:100vh;top:0;left:0;position:absolute;background-color:rgb(var(--color-foreground),.5)}.search-modal.modal__content input{justify-content:center;align-items:center;display:flex;padding:10px 0 10px 25px;margin:0;height:35px;border:0;border-bottom:1px solid #000000;outline:0;z-index:1;background:unset}.animated-search-text[aria-hidden=true]{display:none}.animated-search-text{position:absolute;left:25px;top:4px;pointer-events:none;height:18px;background-color:#fff}@media (min-width: 750px){.animated-search-text{top:1.5px;left:25.5px;height:25px}}.search-modal.modal__content input,animated-search-text .animated-search-text__text{font-family:var(--fostr-typography-font-header);font-weight:400;font-size:20px;white-space:nowrap;letter-spacing:0}@media (min-width: 750px){.search-modal.modal__content input,animated-search-text .animated-search-text__text{font-size:24px}}animated-search-text .animated-search-text__text{color:gray}.search-modal.modal__content .field__button{left:0;top:5px;width:15px;height:auto}.search-modal.modal__content .field__button.clear__button{left:auto;right:0;top:8px}.search-modal.modal__content .modal__close-button.link{background-color:transparent;position:absolute;right:16px;top:16px;text-transform:uppercase;text-decoration:none;width:14px;height:auto;align-items:flex-start}@media (min-width: 750px){.search-modal.modal__content .modal__close-button.link{right:0;top:8px}}.predictive-search__show-results{padding:0;position:relative;background:unset;border:unset;font-family:var(--font-stack-secondary);font-size:16px;line-height:1.3;display:flex;gap:5px;color:#000;text-decoration:underline}@media (min-width: 750px){predictive-search{position:relative;display:flex;flex-direction:column;max-height:calc((100vh - 30px - var(--HeaderHeight)))}}predictive-search .predictive-search[aria-hidden=true]{display:none}predictive-search .predictive-search[aria-hidden=false]{display:flex}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{justify-content:center;width:100%;margin-left:auto;margin-right:auto;background:transparent;overflow-y:auto;padding-bottom:30px}@media (max-width: 749px){predictive-search[open] .predictive-search{flex-direction:column;height:100%}}predictive-search .spinner{width:1.5rem;height:1.5rem;line-height:0}predictive-search:not([loading]) .predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:1rem;width:50px;height:50px;margin:0 auto}predictive-search[loading] .predictive-search-no-term,predictive-search[loading] .predictive-search__results-list:first-child{display:none}.search-modal__content tab-switcher .tab.active{border:unset}.predictive-search__tabs{display:flex;gap:20px}@media (max-width: 749px){.predictive-search__tabs{padding-left:40px}}@media (min-width: 750px){.predictive-search__tabs{display:none}}.tab.predictive-search__tab{background:none;border:unset;text-align:left;padding:0;margin:0;width:auto}.tab.predictive-search__tab[aria-selected=true]{border:unset}.tab.predictive-search__tab[aria-selected=false]{opacity:.5}.predictive-search__tab[data-predictive-search-el=recent-searches-tab][data-panel-has-content=false]{display:none}.search-modal__content .predictive-search__tab-title{margin:0}.predictive-search__sidebar{flex-direction:column;display:flex;gap:15px}@media (max-width: 749px){.predictive-search__sidebar{margin-bottom:30px;position:relative;gap:10px}.predictive-search__sidebar:after{content:"";position:absolute;right:0;height:100%;width:30px;background:linear-gradient(90deg,#ffffff05,#fff9,#fffc);pointer-events:none}}@media (min-width: 750px){.predictive-search__sidebar{grid-column:1 / span 3;gap:40px}}@media (min-width: 1500px){.predictive-search__sidebar{grid-column:2 / span 2;gap:40px}}@media (max-width: 749px){.search-modal__content .predictive-search__tab-title{font-size:16px}.predictive-search__sidebar-item{overflow-x:auto}.predictive-search__sidebar-item::-webkit-scrollbar{width:0;height:0}.predictive-search__sidebar-item::-webkit-scrollbar-track{background-color:transparent}.predictive-search__sidebar-item::-webkit-scrollbar-thumb{background-color:transparent}}@media (min-width: 750px){.search-modal__content .tab-content{display:block}}.predictive-search__sidebar-title{display:none}@media (min-width: 750px){.predictive-search__sidebar-title{font-size:16px;display:block}}.predictive-search__sidebar-list{list-style:none;display:flex;gap:0 13px}@media (max-width: 749px){.predictive-search__sidebar-list{padding:0 40px}}@media (min-width: 750px){.predictive-search__sidebar-list{margin-top:20px;flex-wrap:wrap}}@media (max-width: 749px){.predictive-search__sidebar-list-item:last-child{padding-right:20px}}.predictive-search__sidebar-link{font-size:16px;font-weight:400}@media (max-width: 749px){.predictive-search__sidebar-link{white-space:nowrap}}@media (max-width: 749px){.predictive-search__ancillary-menu{display:none}}.predictive-search-no-term{opacity:1;visibility:visible;height:auto;pointer-events:all;transition:opacity .2s ease-in}.predictive-search-no-term[aria-hidden=true]{opacity:0;visibility:hidden;height:0;pointer-events:none}@media (min-width: 750px){.predictive-search-no-term{display:grid;grid-template-columns:repeat(12,1fr);gap:30px;overflow-y:auto;padding-bottom:30px}}.predictive-search__promos{display:flex;flex-direction:column}@media (min-width: 750px){.predictive-search__promos{grid-column:4 / span 9}}@media (min-width: 1500px){.predictive-search__promos{grid-column:4 / span 8}}.predictive-search__promos-header{padding-left:40px}@media (min-width: 750px){.predictive-search__promos-header{display:none}}.predictive-search__promos-header .predictive-search__promos-title{font-size:16px;margin:0}.predictive-search__promos{display:flex;gap:15px}.predictive-search__promos-inner{display:flex;gap:10px}@media (max-width: 749px){.predictive-search__promos-inner{padding:0 40px 20px;flex-wrap:wrap}}@media (min-width: 750px){.predictive-search__promos-inner{gap:30px}}@media (max-width: 749px){.predictive-search__promo{width:calc(33% - 6px);flex-shrink:0}}.predictive-search__promo-link{display:grid;grid-template-areas:"promo"}.predictive-search__promo .predictive-search__promo-text{align-self:flex-end;font-size:24px;font-weight:400}@media (max-width: 749px){.predictive-search__promo .predictive-search__promo-text{margin-top:15px;font-size:16px;color:#000}}@media (min-width: 750px){.predictive-search__promo .predictive-search__promo-text{grid-area:promo;justify-self:center;align-self:flex-end;z-index:1}.predictive-search__promo-text--dark{color:#000}.predictive-search__promo-text--light{color:#fff}}.predictive-search__promo .predictive-search__promo-text-icon{margin-left:10px}@media (min-width: 750px){.predictive-search__promo .predictive-search__promo-text-icon{display:none}}.predictive-search__promo-image{grid-area:promo;position:relative}@media (min-width: 750px){.predictive-search__promo-imageMobile{display:none}}@media (max-width: 750px){.predictive-search__promo-imageDesktop{display:none}}.predictive-search-results{width:100%;height:100%}@media (min-width: 750px){.predictive-search-results{display:grid;grid-template-columns:repeat(12,1fr);gap:30px}}@media (max-width: 749px){.predictive-search-results__ancillary-menu{display:none}}.predictive-search__results{display:flex;flex-direction:column;gap:20px}.predictive-search__results-header{display:flex}@media (max-width: 749px){.predictive-search__no-results,.predictive-search__results{margin-top:30px;padding:0 40px 80px;height:100%}.predictive-search__results::-webkit-scrollbar{width:0;height:0}.predictive-search__results::-webkit-scrollbar-track{background-color:transparent}.predictive-search__results::-webkit-scrollbar-thumb{background-color:transparent}.predictive-search__results-header{justify-content:space-between}.predictive-search__results .predictive-search__results-title{font-size:16px;margin:0}.predictive-search__results .card__content .card-action-buttons{padding:0}}.predictive-search__results .card__content .card__heading{font-size:18px}@media (min-width: 990px){.predictive-search__results .card__content .card__heading .full-unstyled-link{margin-left:29px}}@media (min-width: 750px){.predictive-search__no-results,.predictive-search__results{grid-column:4 / span 9}.predictive-search__results-header{justify-content:flex-end}.predictive-search__results-title{display:none}}@media (min-width: 1500px){.predictive-search__no-results,.predictive-search__results{grid-column:4 / span 6}}.predictive-search__results-list{display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width: 749px){#predictive-search-results-list{display:grid;grid-template-columns:repeat(2,1fr);padding-bottom:100px}}.predictive-search__no-results-text{font-size:32px}@media (min-width: 750px){.predictive-search__list-item:nth-child(n+10){display:none}}
/*# sourceMappingURL=/cdn/shop/t/866/assets/component-predictive-search.css.map */