.header-search-inline{--cc-search-h: 3.4rem;position:relative;z-index:60;width:18rem;height:var(--cc-search-h);align-self:center;margin-right:.5rem}@media screen and (min-width:990px)and (max-width:1199px){.header-search-inline{display:none}}.header-search-inline .header-search-inline__form{position:absolute;display:block;top:0;right:0;width:18rem;transition:width .22s ease}.header-search-inline:focus-within .header-search-inline__form{width:30rem;max-width:80vw;z-index:61}@media screen and (min-width:990px){#mega-menu-root .mm-top-link{transition:padding .26s cubic-bezier(.34,1.56,.64,1)}.header:has(.header-search-inline:focus-within) #mega-menu-root .mm-top-link{padding-left:7px;padding-right:7px}}.header-search-inline .search,.header-search-inline .field{width:100%}.header-search-inline .field{position:relative}.header-search-inline .field__input{height:var(--cc-search-h);background-color:rgb(var(--color-background));border-radius:999px;padding:0 1.2rem 0 4rem;font-size:1.5rem}.header-search-inline .field__input::placeholder{opacity:1;color:rgba(var(--color-foreground),.6)}.header-search-inline .field__input:focus,.header-search-inline .field__input:focus-visible{border-radius:999px}.header-search-inline .field__label{display:none}.header-search-inline .field__button{border:0;height:var(--cc-search-h);top:0}.header-search-inline .search__button{left:.4rem;right:auto;pointer-events:none}.header-search-inline .reset__button{right:.4rem;display:none}.header-search-inline:focus-within .reset__button:not(.hidden){display:flex}.header-search-inline .predictive-search{position:absolute;top:calc(100% + .4rem);left:auto;right:0;width:58rem;max-width:92vw;z-index:61;border-radius:var(--inputs-radius, 0);box-shadow:0 .6rem 2rem #0000001f}.header-search-inline .predictive-search__result-group:first-child:not(:last-child){flex:0 0 20rem}.header-search-inline .predictive-search__item--term{word-break:normal;overflow-wrap:anywhere}.header-search-inline .predictive-search__item-heading{overflow-wrap:anywhere}.header-search-inline-fallback{display:contents}@media screen and (min-width:1200px){.header-search-inline-fallback{display:none}}@media screen and (min-width:990px)and (max-width:1059px){.header.header--mobile-center.header--has-menu{grid-template-areas:"left-icons heading icons";grid-template-columns:1fr 2fr 1fr}.header--mobile-center #mega-menu-root.mm-compact{grid-area:left-icons;justify-self:start}.header--mobile-center .header__heading-link{justify-self:center}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-header-search-inline.css.map */