.header-search-bar{width:100%;border-top:1px solid rgba(var(--color-foreground),.08);border-bottom:1px solid rgba(var(--color-foreground),.08);position:relative;z-index:4}.header-search-bar__inner{display:flex;align-items:center;padding-top:.8rem;padding-bottom:.8rem}.header-search-bar__form,.header-search-bar__form-el{width:100%;margin:0}.header-search-bar__field{position:relative;display:flex;align-items:center;width:100%}.header-search-bar__label{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);pointer-events:none;color:rgba(var(--color-foreground),.55)}.header-search-bar__icon{width:1.8rem;height:1.8rem;display:inline-flex}.header-search-bar__input.field__input{width:100%;min-height:4.4rem;padding:.8rem 9.6rem .8rem 4rem;font-size:1.5rem;line-height:1.4;border-radius:var(--inputs-radius);border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.header-search-bar__input.field__input::placeholder{color:rgba(var(--color-foreground),.65);opacity:1}.header-search-bar__input.field__input:focus,.header-search-bar__input.field__input:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.6)}.header-search-bar__reset.field__button,.header-search-bar__submit.field__button{position:absolute;top:50%;transform:translateY(-50%);min-height:4.4rem;min-width:4.4rem;width:4.4rem;height:4.4rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:rgb(var(--color-foreground));cursor:pointer;border-radius:var(--inputs-radius)}.header-search-bar__submit.field__button{right:.4rem}.header-search-bar__reset.field__button{right:4.8rem}.header-search-bar__reset.hidden{display:none}.header-search-bar__submit:focus-visible,.header-search-bar__reset:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.header-search-bar__results.predictive-search{position:absolute;left:0;right:0;top:100%;width:100%;max-height:70vh;overflow-y:auto;border-bottom-left-radius:var(--popup-corner-radius);border-bottom-right-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur) rgba(var(--color-shadow),var(--popup-shadow-opacity));z-index:10;display:none}predictive-search[open] .header-search-bar__results.predictive-search,predictive-search[loading] .header-search-bar__results.predictive-search{display:block}.header-search-bar__inner{position:relative}.predictive-search__item-sku{margin-top:.2rem;font-size:1.2rem;letter-spacing:.06rem;color:rgba(var(--color-foreground),.7);font-family:var(--font-body-family),sans-serif}.predictive-search__item-sku strong{font-weight:600;color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.header-search-bar__input.field__input{font-size:1.6rem;min-height:4.4rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-header-search-bar.css.map */