.predictive-search{width:100%;background-color:var(--color-white);height:0;overflow:hidden;z-index:10;transition:height .75s cubic-bezier(0.7, 0, 0.1, 1),opacity .3s ease .1s}.header-search--active .predictive-search{height:2.5rem;margin-bottom:.5625rem}.predictive-search .header__search-wrapper{display:flex;min-height:2.5rem;padding:.5rem 1rem;position:relative;gap:.75rem}.predictive-search .header__search-wrapper input{width:100%;border:none;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0)}.predictive-search .header__search-wrapper input::-webkit-search-cancel-button,.predictive-search .header__search-wrapper input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.predictive-search .predictive-close svg{width:.75rem;height:.75rem}.predictive-search .predictive-clear{display:none;color:var(--color-dark-grey);align-self:center}.predictive-search predictive-search .spinner{width:1.5rem;height:1.5rem;line-height:0}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:.0625rem}.predictive-search-results{min-height:0;opacity:0;transform:translateY(0);transition:max-height .1s ease .1s,opacity .1s ease .1s,transform .1s ease .1s}.header-search--clearing .predictive-search-results{display:none !important}predictive-search[results=true][open=true] .predictive-search-results{min-height:600px;opacity:1;background-color:rgba(0,0,0,0)}predictive-search[results=true][open=true] .popular-searches{opacity:0;pointer-events:none;height:0;padding:0 !important;transition:opacity .1s ease,transform .1s ease}.popular-searches{background-color:var(--color-white);width:100%;height:0;padding:0 1rem;overflow:hidden;z-index:10;transition:height .75s cubic-bezier(0.7, 0, 0.1, 1)}.header-search--active .popular-searches{height:25.0625rem;max-height:37.5rem;padding:1.5rem 1rem}.popular-searches ul{list-style:none;display:flex;flex-direction:column;gap:1.5rem}.popular-searches ul li a{text-decoration:none}.popular-searches__wrapper div{display:flex;flex-direction:column;gap:1.5rem}predictive-search .predictive-search__result-group{display:flex;flex-direction:column;gap:1.5rem;background-color:var(--color-white)}predictive-search .predictive-search__result-group ul{list-style:none}predictive-search .predictive-search__result-group:first-of-type{padding:1.5rem 1rem;margin-bottom:.5625rem}predictive-search .predictive-search__result-group:first-of-type ul{display:flex;flex-direction:column;gap:1.5rem}predictive-search .predictive-search__result-group:first-of-type ul li a{text-decoration:none}predictive-search .predictive-search__heading.articles-pages{padding:1rem 1rem 0}predictive-search .predictive-search__item-content{max-width:16.375rem}predictive-search .predictive-search__item-content.product-info{display:flex;flex-direction:column;gap:.75rem;justify-content:center}predictive-search .predictive-search__item-content.page-info,predictive-search .predictive-search__item-content.article-info{display:flex;flex-direction:column;gap:.75rem;justify-content:center}predictive-search .predictive-search__item-content.page-info{padding:.5rem 1rem}predictive-search .predictive-search__item{display:flex;gap:.75rem;text-decoration:none;border-bottom:1px solid var(--color-light-grey)}predictive-search .blog-card__title{margin:0}predictive-search .predictive-search__image-wrapper{width:5.5rem;height:5.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}predictive-search .predictive-search__view-all-container{padding:1rem}predictive-search .predictive-search__view-all-button{width:100%}.header-search__overlay{position:fixed;inset:0;z-index:-1;display:none;background:rgba(0,0,0,0);backdrop-filter:none;pointer-events:none;transition:background .3s ease,backdrop-filter .3s ease}.header-search--active .header-search__overlay{display:block;background:var(--background-bg-overlay, rgba(18, 18, 18, 0.5));backdrop-filter:blur(12px);pointer-events:all}@media(min-width: 1025px){predictive-search{position:absolute;top:8.5rem;width:30rem;transform:translateX(-50%);left:50%}}