.search{position:relative;width:100%;max-width:60rem;margin:0 auto}.field{position:relative;width:100%}.search__input{width:100%;padding:1.2rem 6rem 1.2rem 1.6rem;border:2px solid rgba(var(--color-base-text),.2);border-radius:var(--border-radius,8px);font-size:1.6rem;background:rgba(var(--color-base-background),1);color:rgba(var(--color-base-text),1);transition:border-color var(--duration-short) ease}.search__input:focus{outline:0;border-color:rgba(var(--color-base-text),.8)}.search__input::placeholder{color:rgba(var(--color-base-text),.6)}.field__label{position:absolute;left:-9999px;visibility:hidden}.field__button{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:0 0;border:none;padding:.8rem;cursor:pointer;color:rgba(var(--color-base-text),.6);transition:color var(--duration-short) ease}.field__button:hover{color:rgba(var(--color-base-text),1)}.search__button{right:.8rem}.reset__button{right:4rem}.reset__button.hidden{display:none}.field__button svg{width:2rem;height:2rem}.template-search__results{margin-top:4rem}.product-grid{margin-bottom:4rem}.template-search--empty .template-search__header{padding-bottom:8rem}.title-wrapper{text-align:center;padding:4rem 0}.title--primary{font-size:2.4rem;margin-bottom:1rem;opacity:.8}.article-card-wrapper{height:100%}.card--text{padding:2rem;border:1px solid rgba(var(--color-base-text),.1);border-radius:var(--border-radius,8px);height:100%}.card__content{height:100%;justify-content:space-between}.card__heading{font-size:1.8rem;line-height:1.3;margin-bottom:1rem}.full-unstyled-link{color:inherit;text-decoration:none}.full-unstyled-link:hover{color:rgba(var(--color-base-text),.8)}.card__badge{margin-top:auto}.badge{display:inline-block;padding:.4rem 1rem;background:rgba(var(--color-base-text),.1);border-radius:calc(var(--border-radius,8px)/ 2);font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.predictive-search{position:absolute;top:100%;left:0;right:0;z-index:10;background:rgba(var(--color-base-background),1);border:2px solid rgba(var(--color-base-text),.2);border-top:none;border-radius:0 0 var(--border-radius,8px) var(--border-radius,8px);max-height:40rem;overflow-y:auto;display:none}.predictive-search--search-template{margin-top:-2px}.predictive-search__loading-state{padding:2rem}.spinner{width:2rem;height:2rem;animation:1s linear infinite spin}.spinner .path{stroke:rgba(var(--color-base-text),0.3);stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-base-background),.8);display:none;z-index:5}.loading-overlay.loading{display:flex;align-items:center;justify-content:center}.loading-overlay__spinner{display:none}@media screen and (max-width:749px){.search__input{padding:1rem 5rem 1rem 1.2rem;font-size:1.4rem}.field__button{right:.6rem;padding:.6rem}.field__button svg{width:1.8rem;height:1.8rem}.reset__button{right:3.5rem}.title--primary{font-size:2rem}}.template-search .layout-grid{--grid-gap:var(--grid-gap-horizontal, 2rem)}.reset__button:focus,.search__button:focus,.search__input:focus+.field__label{outline:2px solid rgba(var(--color-base-text),.5);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}