.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:var(--ui-input-border, 2px solid rgba(var(--color-base-text), .2));border-radius:var(--ui-input-radius, var(--border-radius, 8px));font-size:var(--text-lg);background:var(--ui-input-background, rgba(var(--color-base-background), 1));color:var(--ui-input-color, rgba(var(--color-base-text), 1));box-shadow:var(--ui-input-shadow, none);transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.search__input:focus{outline:var(--ui-input-focus-outline, none);box-shadow:var(--ui-input-shadow-focus, var(--ui-input-shadow, none))}.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:none;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)}.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:var(--heading-md);margin-bottom:1rem;opacity:.8}.article-card-wrapper{height:100%}.card--text{padding:2rem;border:var(--ui-surface-border, 1px solid rgba(var(--color-base-text), .1));border-radius:var(--border-radius, 8px);height:100%;box-shadow:var(--ui-surface-shadow, none)}.card__content{height:100%;justify-content:space-between}.card__heading{font-size:var(--heading-xs);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:var(--text-xs);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[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search--search-template{margin-top:-2px}.predictive-search--header{position:relative;top:auto;border:none;border-top:1px solid rgba(var(--color-foreground),.1);border-radius:0;max-height:50vh}.predictive-search__loading-state{padding:2rem}.predictive-search__result-group{padding:.8rem 0}.predictive-search__result-group+.predictive-search__result-group{border-top:1px solid rgba(var(--color-base-text),.08)}.predictive-search__heading{padding:.6rem 1.2rem;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--color-base-text),.5);margin:0}.predictive-search__results-list{list-style:none;padding:0;margin:0}.predictive-search__item{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;text-decoration:none;color:inherit;transition:background-color var(--duration-short, .1s) ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;font:inherit}.predictive-search__item:hover,.predictive-search__list-item[aria-selected=true] .predictive-search__item{background:rgba(var(--color-base-text),.05)}.predictive-search__item--term{padding:1rem 1.2rem;font-weight:500;border-top:1px solid rgba(var(--color-base-text),.08)}.predictive-search__image{width:5rem;height:5rem;object-fit:cover;border-radius:calc(var(--border-radius, 8px) / 2);flex-shrink:0}.predictive-search__item-content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.predictive-search__item-heading{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.predictive-search__item-price{font-size:var(--text-xs);color:rgba(var(--color-base-text),.6)}.predictive-search__no-results{padding:1.5rem 1.2rem;font-size:var(--text-sm);color:rgba(var(--color-base-text),.6);margin:0}.spinner{width:2rem;height:2rem;animation:spin 1s linear infinite}.spinner .path{stroke:rgba(var(--color-base-text),.3);stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round}@keyframes spin{0%{transform:rotate(0)}to{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}.field__button{right:.6rem;padding:.6rem}.field__button svg{width:1.8rem;height:1.8rem}.reset__button{right:3.5rem}}.template-search .layout-grid{--grid-gap: var(--grid-gap-horizontal, 2rem)}.search__input:focus+.field__label,.search__button:focus,.reset__button:focus{outline:2px solid rgba(var(--color-base-text),.5);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-search.css.map */