.search-bar{background:var(--sb-bg);color:var(--sb-text)}.search-bar__inner{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding-top:var(--sb-padding-top);padding-bottom:var(--sb-padding-bottom)}.search-bar__heading{margin:0;color:var(--sb-text);font-size:var(--sb-heading-size);line-height:1.3;text-align:center}.search-bar__wrapper{display:block;width:100%;max-width:var(--sb-max-width)}.search-bar__form{position:relative;display:flex;align-items:stretch;width:100%;background:var(--sb-field-bg);border:var(--sb-border-width) solid var(--sb-border-color);border-radius:var(--sb-radius)}.search-bar__form:focus-within{outline:.2rem solid var(--sb-focus-color);outline-offset:.2rem}.search-bar__input{flex:1 1 auto;min-width:0;height:var(--sb-height);margin:0;padding:0 1.6rem;border:0;border-radius:var(--sb-radius) 0 0 var(--sb-radius);background:transparent;color:var(--sb-field-text);font-family:var(--font-body-family);font-size:1.5rem;line-height:var(--sb-height);appearance:none;-webkit-appearance:none}.search-bar__input::placeholder{color:var(--sb-placeholder);opacity:1}.search-bar__input:focus,.search-bar__input:focus-visible{outline:0;box-shadow:none}.search-bar__input::-webkit-search-decoration,.search-bar__input::-webkit-search-cancel-button,.search-bar__input::-webkit-search-results-button{-webkit-appearance:none;appearance:none}.search-bar__reset,.search-bar__submit{display:flex;flex:0 0 auto;align-items:center;justify-content:center;border:0;cursor:pointer;padding:0}.search-bar__reset{width:3.6rem;background:transparent;color:var(--sb-field-text);opacity:.55;transition:opacity var(--duration-short) ease}.search-bar__reset:hover,.search-bar__reset:focus-visible{opacity:1}.search-bar__submit{width:var(--sb-button-width);background:var(--sb-button-bg);color:var(--sb-button-icon);border-radius:0 var(--sb-radius) var(--sb-radius) 0;transition:background-color var(--duration-short) ease}.search-bar__submit:hover,.search-bar__submit:focus-visible{background:var(--sb-button-bg-hover)}.search-bar__reset .svg-wrapper,.search-bar__submit .svg-wrapper{display:flex;width:1.8rem;height:1.8rem}.search-bar__reset svg,.search-bar__submit svg{width:100%;height:100%}.search-bar__results{display:none;width:calc(100% + .2rem);color:rgb(var(--color-foreground));text-align:left}.search-bar__results .predictive-search__heading{color:rgba(var(--color-foreground),.75)}predictive-search-bar[open] .search-bar__results,predictive-search-bar[loading] .search-bar__results{display:block}predictive-search-bar .spinner{width:1.5rem;height:1.5rem;line-height:0}predictive-search-bar:not([loading]) .predictive-search__loading-state,predictive-search-bar:not([loading]) .predictive-search-status__loading{display:none}predictive-search-bar[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:1rem}predictive-search-bar[loading] .predictive-search__search-for-button{display:none}predictive-search-bar[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state{display:none}predictive-search-bar[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button{display:initial}@media screen and (max-width:749px){.search-bar__submit{width:calc(var(--sb-button-width) - .6rem)}.search-bar__input{font-size:1.6rem}}.search-bar__suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:0;padding:0}.search-bar__suggestion{display:inline-block;padding:.5rem 1.2rem;border:.1rem solid var(--sb-text);border-radius:5rem;color:var(--sb-text);font-size:1.3rem;line-height:1.4;text-decoration:none;opacity:.8;transition:opacity var(--duration-short) ease}.search-bar__suggestion:hover,.search-bar__suggestion:focus-visible{opacity:1;text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-search-bar.css.map */