.header--search-bar{grid-template-areas:"left-icons heading icons" "search search search";row-gap:1.2rem}.header--search-bar.header--mobile-left{grid-template-areas:"left-icons heading icons" "search search search"}.header--search-bar .header__search-bar{grid-area:search;width:100%}@media screen and (min-width:990px){.header--search-bar,.header--search-bar.header--top-left,.header--search-bar.header--top-center,.header--search-bar.header--middle-left,.header--search-bar.header--middle-center{grid-template-areas:"heading search icons" "navigation navigation navigation";grid-template-columns:auto minmax(0,1fr) auto;column-gap:4rem;row-gap:0}.header--search-bar.drawer-menu{grid-template-areas:"navigation heading search icons";grid-template-columns:auto auto minmax(0,1fr) auto;column-gap:2rem}.header--search-bar .header__heading,.header--search-bar .header__heading-link{justify-self:start}.header--search-bar .header__search-bar{max-width:64rem;justify-self:center}.header--search-bar .header__inline-menu{margin-top:1.6rem;margin-left:-1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.08)}.header--search-bar .header__inline-menu>.list-menu--inline{gap:.4rem}.header--search-bar .header__inline-menu>.list-menu--inline>li>a.header__menu-item,.header--search-bar .header__inline-menu>.list-menu--inline>li>header-menu>details>summary.header__menu-item{position:relative;padding-top:1.4rem;padding-bottom:1.4rem;font-weight:600;letter-spacing:.02rem}.header--search-bar .header__inline-menu .header__menu-item:after{content:"";position:absolute;left:1.6rem;right:1.6rem;bottom:.6rem;height:.2rem;border-radius:.2rem;background-color:rgb(var(--color-button));transform:scaleX(0);transform-origin:left;transition:transform var(--duration-default) ease}.header--search-bar .header__inline-menu summary.header__menu-item:after{right:2.7rem}.header--search-bar .header__inline-menu .header__menu-item:hover:after,.header--search-bar .header__inline-menu details[open]>.header__menu-item:after,.header--search-bar .header__inline-menu .header__menu-item:has(.header__active-menu-item):after{transform:scaleX(1)}.header--search-bar .header__inline-menu .header__submenu .header__menu-item:after{content:none}}.header__search-bar .search{position:relative}.header__search-bar .field{--inputs-radius: 4rem;--inputs-radius-outset: 4rem}.header__search-bar .field:after{box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.12)}.header__search-bar .field:hover:after{box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.3)}.header__search-bar .search .field__input,.header__search-bar .search .field__input:focus,.header__search-bar .search .field__input:not(:placeholder-shown){height:4.4rem;padding:0 9rem 0 2rem;font-size:1.5rem;background-color:rgba(var(--color-foreground),.04)}.header__search-bar .search .field__input:focus{background-color:rgb(var(--color-background))}.header__search-bar .search .field__input::placeholder{opacity:1;color:rgba(var(--color-foreground),.6)}.header__search-bar .search__button{right:.4rem;top:.4rem;width:3.6rem;height:3.6rem;border-radius:50%;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.header__search-bar .search__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.header__search-bar .search__button .svg-wrapper,.header__search-bar .search__button .icon{width:1.6rem;height:1.6rem}.header__search-bar .reset__button{right:4.4rem}.header__search-bar .predictive-search{z-index:4;border-radius:var(--popup-corner-radius);overflow:hidden}@media screen and (max-width:989px){.header__search-bar .search .field__input,.header__search-bar .search .field__input:focus,.header__search-bar .search .field__input:not(:placeholder-shown){font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.header--search-bar .header__inline-menu .header__menu-item:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-header-search-bar.css.map */