.header-search-bar{display:inline-flex;align-items:center}.header-search-bar__trigger{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:1rem;margin:0;background:transparent;border:2px solid transparent;border-radius:50%;cursor:pointer;color:currentColor;line-height:1;transition:background-color .2s ease}.header-search-bar__trigger:hover{background-color:#0000001a}.header-search-bar__trigger:hover .header-search-bar__trigger-icon,.header-search-bar__trigger:focus-visible .header-search-bar__trigger-icon{transform:scale(1.05)}.header-search-bar__trigger-icon{width:2.4rem;height:2.4rem;transition:transform .2s ease;color:currentColor}.header-search-bar__panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:block;pointer-events:none}.header-search-bar__panel[hidden]{display:none}.header-search-bar__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000059;opacity:0;transition:opacity .25s ease;pointer-events:auto;cursor:pointer}.header-search-bar.is-open .header-search-bar__overlay{opacity:1}.header-search-bar__inner{position:relative;background-color:#fff;color:#111;padding:1.2rem clamp(1.6rem,4vw,4.8rem) 1.6rem;transform:translateY(-100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);pointer-events:auto;box-shadow:0 .8rem 1.6rem #0000000d;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.header-search-bar.is-open .header-search-bar__inner{transform:translateY(0);margin-top:113px}.ais-InstantSearch{display:block;width:100%;margin:0}.ais-SearchBox{position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.ais-SearchBox-form{position:relative;display:flex;align-items:center;width:50%;border-bottom:.1rem solid #111;padding:0;background:transparent}.ais-SearchBox-input{flex:1 1 auto;width:100%;border:0;outline:none;background:transparent;font-family:inherit;font-size:1.4rem;font-weight:400;line-height:1.2;letter-spacing:.02em;color:#111;padding:.6rem 8rem .6rem 2.8rem;-webkit-appearance:none;appearance:none;caret-color:#111}.ais-SearchBox-input::placeholder{color:#999;font-weight:400;opacity:1}.ais-SearchBox-input::-webkit-search-decoration,.ais-SearchBox-input::-webkit-search-cancel-button,.ais-SearchBox-input::-webkit-search-results-button,.ais-SearchBox-input::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.ais-SearchBox-submit,.ais-SearchBox-reset{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;color:#111;padding:.4rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.ais-SearchBox-submit{left:0}.ais-SearchBox-submit:hover .ais-SearchBox-submitIcon,.ais-SearchBox-reset:hover .ais-SearchBox-resetIcon{opacity:.6}.ais-SearchBox-submitIcon{width:1.4rem;height:1.4rem;color:#111;transition:opacity .2s ease}.ais-SearchBox-reset{right:2.6rem;padding:.4rem .6rem;color:#888;transition:color .2s ease}.ais-SearchBox-reset[hidden]{display:none}.ais-SearchBox-reset:hover,.ais-SearchBox-reset:focus-visible{color:#111}.ais-SearchBox-resetLabel{display:inline-block;font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1;color:inherit}.ais-SearchBox-resetIcon{width:1rem;height:1rem;color:#111;transition:opacity .2s ease}.ais-SearchBox-loadingIndicator{position:absolute;right:8rem;top:50%;transform:translateY(-50%);display:none}.ais-SearchBox-loadingIndicator:not([hidden]){display:inline-flex}.ais-SearchBox-loadingIcon{width:1.2rem;height:1.2rem}.header-search-bar__close{position:absolute;top:50%;right:0;transform:translateY(-50%);background:transparent;border:0;padding:.4rem;cursor:pointer;color:#111;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.header-search-bar__close:hover,.header-search-bar__close:focus-visible{opacity:.6}.header-search-bar__close svg{display:block}.header-search-bar__results.predictive-search{position:static;border:0;background:transparent;box-shadow:none;border-radius:0;width:100%;margin-top:1.6rem;padding:0;max-height:none;overflow:visible}.header-search-bar__predictive[open] .header-search-bar__results,.header-search-bar__predictive[loading] .header-search-bar__results{display:block}.header-search-bar__predictive .predictive-search__results-groups-wrapper{border-bottom:0;padding-bottom:0;gap:4rem}@media screen and (max-width:749px){.header-search-bar__predictive .predictive-search__results-groups-wrapper{flex-direction:column;gap:2.4rem}}.header-search-bar__predictive .predictive-search__heading{margin:0 0 1.2rem;padding:0 0 .8rem;border-bottom:.1rem solid rgba(0,0,0,.08);font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:#0000008c}.header-search-bar__predictive .predictive-search__item{padding:1rem 0}.header-search-bar__predictive .predictive-search__item--link-with-thumbnail{grid-template-columns:6rem 1fr;grid-column-gap:1.6rem}.header-search-bar__predictive .predictive-search__list-item:hover>*,.header-search-bar__predictive .predictive-search__list-item[aria-selected=true]>*{background-color:#00000008}.header-search-bar__predictive .predictive-search__item-heading{font-size:1.4rem;font-weight:400;letter-spacing:.01em}.header-search-bar__predictive .predictive-search__item-query-result *:not(mark){font-weight:500}.header-search-bar__predictive .predictive-search__search-for-button{border-top:.1rem solid rgba(0,0,0,.08);margin-top:1.6rem}.header-search-bar__predictive .predictive-search__item--term{padding:1.4rem 0;font-size:1.3rem;letter-spacing:.04em;text-transform:uppercase}body.header-search-open{overflow:hidden}.ais-SearchBox,.ais-SearchBox:focus,.ais-SearchBox:focus-visible,.ais-SearchBox:focus-within,.ais-SearchBox-form,.ais-SearchBox-form:focus,.ais-SearchBox-form:focus-visible,.ais-SearchBox-form:focus-within,.ais-SearchBox-input,.ais-SearchBox-input:focus,.ais-SearchBox-input:focus-visible,.ais-SearchBox-input:-webkit-autofill{outline:none!important;box-shadow:none!important}.ais-SearchBox-input:focus,.ais-SearchBox-input:focus-visible{border:0!important}.header-search-bar__trigger:focus-visible,.header-search-bar__close:focus-visible,.ais-SearchBox-submit:focus-visible,.ais-SearchBox-reset:focus-visible{outline:.2rem solid currentColor;outline-offset:.2rem}.header-search-bar__trigger:focus:not(:focus-visible),.header-search-bar__close:focus:not(:focus-visible),.ais-SearchBox-submit:focus:not(:focus-visible),.ais-SearchBox-reset:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}@media screen and (max-width:749px){.header-search-bar__inner{padding:1.2rem 1.6rem 1.6rem}.ais-SearchBox-input{padding:.6rem 7.4rem .6rem 2.6rem;font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/665/assets/component-header-search-bar.css.map */