.header-search-inline{position:relative;width:100%;max-width:100%;margin:0 auto}.header__search-desktop{grid-column:2;justify-self:center;width:100%}.header-search-wrapper{background-color:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.08);padding:1rem 1.5rem;width:100%}.search-inline{position:relative}.search-inline .field{margin-bottom:0;position:relative}.search-inline .field:before,.search-inline .field:after{display:none!important}.search-inline .field__input{background-color:rgb(var(--color-background));border:.1rem solid #575757;border-radius:.8rem;color:rgb(var(--color-foreground));font-size:1.6rem;width:100%;height:4.2rem;padding:0 10rem 0 1.5rem;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none;box-shadow:0 1px 3px #0000001a}.search-inline .field__input::-webkit-search-decoration,.search-inline .field__input::-webkit-search-cancel-button,.search-inline .field__input::-webkit-search-results-button,.search-inline .field__input::-webkit-search-results-decoration{display:none}.search-inline .field__input::placeholder{color:rgba(var(--color-foreground),.55);opacity:1}.search-inline .field__input:hover{box-shadow:0 2px 4px #00000026}.search-inline .field__input:focus{border:2px solid #0c5caa;box-shadow:0 0 10px 3px #ccc;outline:none}.search-inline .search__button{position:absolute;right:0;top:0;width:5.5rem;height:100%;display:flex;align-items:center;justify-content:center;background-color:#06f;border:none;border-radius:0 .8rem .8rem 0;cursor:pointer;transition:background-color .2s ease,transform .1s ease;padding:0;margin:0;box-shadow:0 1px 3px #0003;background:#0c5caa!important}.search-inline .search__button:hover{background-color:#0052cc;box-shadow:0 2px 4px #00000040}.search-inline .search__button .icon{width:2.2rem;height:2.2rem}.search-inline .search__button svg{width:100%;height:100%;fill:#fff}.search-inline .search__button path{fill:rgb(var(--color-background));stroke:rgb(var(--color-background))}.search-inline .reset__button{position:absolute;right:6.5rem;top:50%;transform:translateY(-50%);width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;color:rgba(var(--color-foreground),.55);padding:0;z-index:1;transition:all .2s ease;border-radius:50%}.search-inline .reset__button:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.search-inline .reset__button:active{transform:translateY(-50%) scale(.95)}.search-inline .reset__button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.search-inline .reset__button.hidden{display:none}.search-inline .reset__button svg{width:1.6rem;height:1.6rem;transition:transform .2s ease}.search-inline .reset__button:hover svg{transform:scale(1.1)}.header-predictive-search .predictive-search{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.08);border-radius:var(--popup-corner-radius);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));z-index:4;display:none;max-height:50rem;overflow-y:auto}.header-predictive-search[open] .predictive-search{display:block}.header-predictive-search .predictive-search__loading-state{display:flex;justify-content:center;padding:2rem}@media screen and (min-width: 990px){.header__inline-menu{margin-left:0;white-space:nowrap}.list-menu--inline{gap:1rem}}@media screen and (max-width: 989px){.header-search-wrapper{padding:.7rem .1rem}.header-search-inline{max-width:none}.search-inline .field__input{font-size:1.6rem;height:4.2rem;padding-right:8.5rem}.search-inline .search__button{width:5.2rem;height:100%}.search-inline .search__button .icon{width:2rem;height:2rem}.search-inline .reset__button{right:5.5rem;width:2.8rem;height:2.8rem}.search-inline .reset__button:after{right:-1.3rem;height:1.8rem}}@media screen and (max-width: 749px){.search-inline .field__input{font-size:1.4rem;height:3.8rem;padding-right:7.5rem}.search-inline .search__button{width:4.8rem;height:100%}.search-inline .search__button .icon{width:1.8rem;height:1.8rem}.search-inline .reset__button{right:5rem;width:2.5rem;height:2.5rem}.search-inline .reset__button svg{width:1.4rem;height:1.4rem}.search-inline .reset__button:after{right:-1.1rem;height:1.6rem}}@media screen and (min-width: 990px){.header-search-wrapper{display:none}}.header-predictive-search .predictive-search__results-groups-wrapper{padding:0}.header-predictive-search .predictive-search__heading{margin:0 2rem}@media screen and (min-width: 990px){.header__heading-logo-wrapper{max-width:200px}.header__heading-logo{width:100%;height:auto}}.search-inline .field__button.search__button{opacity:1;visibility:visible}.header-search-inline .field__input{transition:none;margin:0}.header-search-inline .field__input:focus{transition:border-color .2s ease,box-shadow .2s ease}.search__input:not(:focus-visible){outline:none!important;box-shadow:none!important}.header-search-inline .field:after,.header-search-inline .field:before{display:none!important}@media screen and (min-width: 990px) and (max-width: 1279px){.header-predictive-search .predictive-search__results-groups-wrapper{flex-direction:column;gap:2rem}.header-predictive-search .predictive-search__result-group:first-child{flex:1 1 auto}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/component-header-search.css.map */