.header-search-new{display:inline-flex;width:100%;max-width:35rem;line-height:normal}.header-search-new__predictive,.header-search-new__form-fallback{position:relative;width:100%}.menu-drawer__search{padding:1.2rem 2rem;flex-shrink:0}.header-search-new--drawer{max-width:100%}.search-bar__form{width:100%;margin:0}.search-bar__field{position:relative;display:flex;width:100%}.search-bar__input{width:100%;height:4.2rem;margin:0;padding:1rem 4.8rem 1rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;background-color:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;font-style:var(--font-body-style);font-weight:var(--font-body-weight);line-height:1.4;appearance:none;-webkit-appearance:none;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease}.search-bar__input::placeholder{color:rgba(var(--color-foreground),.55);opacity:1}.search-bar__input:focus,.search-bar__input:focus-visible{outline:none;border-color:rgb(var(--color-button));background-color:rgb(var(--color-background));box-shadow:none}.search-bar__input::-webkit-search-decoration,.search-bar__input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.search-bar__reset{position:absolute;top:50%;right:4.6rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:0;border-radius:50%;background:transparent;color:rgba(var(--color-foreground),.55);cursor:pointer}.search-bar__reset:hover,.search-bar__reset:focus-visible{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.06)}.search-bar__reset .svg-wrapper{display:flex;width:1.4rem;height:1.4rem}.search-bar__submit{position:absolute;top:.1rem;right:.1rem;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:0 .8rem .8rem 0;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:pointer;transition:opacity var(--duration-short) ease}.search-bar__submit:hover,.search-bar__submit:focus-visible{opacity:.9}.search-bar__submit .svg-wrapper{display:flex;width:1.4rem;height:1.4rem}.search-bar__submit .svg-wrapper svg{width:1.4rem;height:1.4rem}@media screen and (max-width:749px){.header-search-new{max-width:100%}.search-bar__input{font-size:14px;height:40px}.search-bar__submit{height:40px;width:40px}}@media screen and (min-width:990px){.header-search-new{min-width:28rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-header-search-new.css.map */