.header-search-bar{width:100%;max-width:56rem;margin:0 auto}.header-search-bar__form{display:block;width:100%}.header-search-bar__inner{display:flex;align-items:stretch;border:1px solid rgba(var(--color-foreground),.15);border-radius:4.4rem;overflow:hidden;transition:border-color .2s;position:relative;background:rgb(var(--color-background))}.header-search-bar__inner:focus-within{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground))}.header-search-bar__category{position:relative;display:flex;align-items:center;border-right:1px solid rgba(var(--color-foreground),.1);flex-shrink:0}.header-search-bar__select{appearance:none;-webkit-appearance:none;background:none;border:none;padding:0 2.8rem 0 1.6rem;font-size:1.3rem;font-family:inherit;color:rgb(var(--color-foreground));cursor:pointer;height:100%;min-width:14rem;outline:none}.header-search-bar__select:focus{outline:none}.header-search-bar__select-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.5}.header-search-bar__input-wrap{flex:1;display:flex;align-items:center;position:relative}.header-search-bar__input{width:100%;border:none;padding:1.1rem 3rem 1.1rem 1.6rem;font-size:1.4rem;font-family:inherit;background:none;color:rgb(var(--color-foreground));outline:none}.header-search-bar__input::placeholder{color:rgba(var(--color-foreground),.5)}.header-search-bar__reset{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.4rem;cursor:pointer;opacity:.5;display:flex}.header-search-bar__reset:hover{opacity:1}.header-search-bar__reset.hidden{display:none}.header-search-bar__submit{display:flex;align-items:center;justify-content:center;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;padding:0 2rem;cursor:pointer;flex-shrink:0;transition:opacity .2s}.header-search-bar__submit:hover{opacity:.85}.header-search-bar .predictive-search--header{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:.4rem;border-radius:.8rem;box-shadow:0 4px 20px #0000001a}@media screen and (max-width:749px){.header-search-bar{display:none}}@media screen and (min-width:750px)and (max-width:989px){.header-search-bar{max-width:32rem;margin:0 auto}.header-search-bar__category{display:none}}@media screen and (min-width:990px){.header--middle-left:not(.drawer-menu){grid-template-areas:"heading navigation search icons";grid-template-columns:auto auto 1fr auto}.header--middle-center:not(.drawer-menu){grid-template-areas:"navigation heading search icons";grid-template-columns:auto auto 1fr auto}.header--top-left:not(.drawer-menu),.header--top-center:not(.drawer-menu){grid-template-areas:"heading search icons" "navigation navigation navigation";grid-template-columns:auto 1fr auto}.header-search-bar-wrapper{grid-area:search;display:flex;align-items:center;min-width:0;padding:0 1rem}}.header--has-search-bar{display:flex;align-items:center}.header--has-search-bar .header__heading,.header--has-search-bar .header__icons{flex-shrink:0}.topbar-enhanced{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;font-size:1.2rem}.topbar-enhanced__left{display:flex;align-items:center;gap:2rem}.topbar-enhanced__center{text-align:center;flex:1}.topbar-enhanced__right{display:flex;align-items:center;gap:1.2rem}.topbar-enhanced__right a{opacity:.7;transition:opacity .2s}.topbar-enhanced__right a:hover{opacity:1}@media screen and (max-width:749px){.topbar-enhanced__left,.topbar-enhanced__right{display:none}.topbar-enhanced__center{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-header-search-bar.css.map */