.header__search-inline{display:none}predictive-search:not([loading]) .predictive-search__loading-state{display:none}@media screen and (min-width:990px){.header{position:relative}.header__search-inline{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:40rem;padding:0 2rem;z-index:3;pointer-events:none}.header__search-inline-form,.header__search-inline .field{width:100%;pointer-events:auto}.header__search-inline{--header-search-radius: 1.2rem;--header-search-border-color: rgba(var(--color-foreground), .15);--header-search-border-color-focus: rgba(var(--color-foreground), .35);--header-search-border-width: 1px}.header__search-inline .field{min-height:4rem;height:4rem;border-radius:var(--header-search-radius)}.header__search-inline .field:before,.header__search-inline .field:after{border-radius:var(--header-search-radius)!important}.header__search-inline .field:before{box-shadow:none!important}.header__search-inline .field:after{top:0!important;right:0!important;bottom:0!important;left:0!important;border:0!important;box-shadow:0 0 0 var(--header-search-border-width) var(--header-search-border-color)!important}.header__search-inline .field:hover.field:after{box-shadow:0 0 0 var(--header-search-border-width) var(--header-search-border-color-focus)!important}.header__search-inline .field__input,.header__search-inline .field__input:focus,.header__search-inline .field__input:not(:placeholder-shown),.header__search-inline .field__input:-webkit-autofill{height:4rem!important;min-height:4rem!important;padding:0 4rem!important;margin:0!important;font-size:1.4rem;line-height:4rem;border-radius:var(--header-search-radius)!important}.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{box-shadow:0 0 0 var(--header-search-border-width) var(--header-search-border-color-focus)!important;outline:0}.header__search-inline .field__label,.header__search-inline .field__input:focus~.field__label,.header__search-inline .field__input:not(:placeholder-shown)~.field__label,.header__search-inline .field__input:-webkit-autofill~.field__label{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important;top:auto!important;left:auto!important;font-size:0!important;line-height:0!important;letter-spacing:0!important}.header__search-inline .field__button{height:4rem;width:4rem;top:0;right:auto;left:auto}.header__search-inline .search__button{left:0}.header__search-inline .reset__button{right:0}.header__search-inline-results{position:absolute;top:calc(100% + .6rem);left:50%;right:auto;transform:translate(-50%);width:60rem;min-width:100%;max-width:calc(100vw - 4rem);background:rgb(var(--color-background));box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));border-radius:var(--header-search-radius);overflow:hidden;z-index:4;border:var(--header-search-border-width) solid var(--header-search-border-color)!important}.header__search-inline-results .predictive-search__result-group,.header__search-inline-results .predictive-search__item-content{min-width:0}.header__search-inline-results>*:first-child{border-top-left-radius:var(--header-search-radius);border-top-right-radius:var(--header-search-radius)}.header__search-inline-results>*:last-child{border-bottom-left-radius:var(--header-search-radius);border-bottom-right-radius:var(--header-search-radius)}.header .header__search{display:none!important}}@media screen and (min-width:990px)and (max-width:1199px){.header__search-inline{max-width:32rem}}@media screen and (min-width:990px)and (max-width:1100px){.header__search-inline-results .predictive-search__results-groups-wrapper{flex-direction:column;gap:1rem}.header__search-inline-results .predictive-search__result-group:first-child{flex:1 1 auto}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-header-search-inline.css.map */