.search-bar{--search-bar-height: 4.4rem;--search-bar-inset: 4.4rem;--search-bar-icon-size: 1.8rem;--search-bar-font-size: 1.6rem;display:flex;align-items:center;width:100%}.search-bar__component{display:block;position:relative;width:100%}.search-bar__form,.search-bar__field{position:relative;display:block;width:100%}.search-bar__input{box-sizing:border-box;width:100%;height:var(--search-bar-height);margin:0;padding:0 var(--search-bar-inset);border:0;border-radius:10rem;background-color:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--search-bar-font-size);line-height:1;appearance:none;-webkit-appearance:none;transition:background-color var(--duration-short) ease}.search-bar__input::placeholder{color:rgba(var(--color-foreground),.55);opacity:1}.search-bar__input:hover,.search-bar__input:focus{background-color:rgba(var(--color-foreground),.08)}.search-bar__input:focus{box-shadow:none;outline:0}.search-bar__input:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.35)}.search-bar__input::-webkit-search-decoration,.search-bar__input::-webkit-search-cancel-button{-webkit-appearance:none}.search-bar__submit,.search-bar__reset{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--search-bar-inset);height:var(--search-bar-height);padding:0;border:0;background-color:transparent;color:rgba(var(--color-foreground),.6);cursor:pointer}.search-bar__submit{left:0}.search-bar__reset{right:0}.search-bar__submit:hover,.search-bar__reset:hover{color:rgb(var(--color-foreground))}.search-bar__submit .icon,.search-bar__reset .icon{width:var(--search-bar-icon-size);height:var(--search-bar-icon-size);fill:none}.search-bar__reset .icon{stroke-width:.1rem}.search-bar .predictive-search{border-top-left-radius:0;border-top-right-radius:0;text-align:left}.search-bar .predictive-search__item-heading{font-size:1.6rem}.search-bar .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.search-bar .predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:none}.search-bar--header{flex:1 1 auto;min-width:0;margin-right:1.6rem}@media screen and (min-width:990px){.search-bar--header{--search-bar-height: 3.6rem;--search-bar-inset: 3.8rem;--search-bar-icon-size: 1.6rem;--search-bar-font-size: 1.3rem;flex:0 0 auto;width:24rem}.search-bar--header .search-bar__component,.search-bar--header .search-bar__form{position:static}.search-bar--header .predictive-search{top:100%;left:0;right:0;width:auto;padding:0 1rem;border-radius:0}}@media screen and (min-width:990px)and (max-width:1199px){.search-bar--header{width:18rem;margin-right:1rem}}.site-header-transparent .search-bar--header .search-bar__input{background-color:rgba(var(--search-bar-on-image, 255, 255, 255),.18);color:rgb(var(--search-bar-on-image, 255, 255, 255));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.site-header-transparent .search-bar--header .search-bar__input::placeholder{color:rgba(var(--search-bar-on-image, 255, 255, 255),.8)}.site-header-transparent .search-bar--header .search-bar__input:hover,.site-header-transparent .search-bar--header .search-bar__input:focus{background-color:rgba(var(--search-bar-on-image, 255, 255, 255),.26)}.site-header-transparent .search-bar--header .search-bar__input:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--search-bar-on-image, 255, 255, 255),.6)}.site-header-transparent .search-bar--header .search-bar__submit,.site-header-transparent .search-bar--header .search-bar__reset{color:rgba(var(--search-bar-on-image, 255, 255, 255),.85)}.site-header-transparent .search-bar--header .search-bar__submit:hover,.site-header-transparent .search-bar--header .search-bar__reset:hover{color:rgb(var(--search-bar-on-image, 255, 255, 255))}.menu-drawer__inner-container--with-search{display:flex;flex-direction:column}.menu-drawer__inner-container--with-search>.menu-drawer__navigation-container{flex:1 1 auto;min-height:0;height:auto}.menu-drawer__inner-container--with-search>.menu-drawer__navigation-container>.menu-drawer__navigation{padding-top:1rem}.menu-drawer__search{flex:0 0 auto;padding:2rem 3rem .5rem}
/*# sourceMappingURL=/cdn/shop/t/247/assets/component-search-bar.css.map */