.inline-search__input-container{border-radius:9999px;padding:0 6px 0 24px;gap:4px}#InlineSearch-header .inline-search__input,.drawer #InlineSearch-drawer .inline-search__input{min-width:0;padding:0;background:transparent;font-family:var(--navigation-font-stack);font-size:18px;font-style:normal;font-weight:600;line-height:1.667;letter-spacing:.72px;-webkit-appearance:none;appearance:none;outline:none;box-shadow:none;border:none}.inline-search__input::-webkit-search-cancel-button{display:none}.inline-search .predictive-search__clear{white-space:nowrap}.inline-search__submit{flex-shrink:0;width:44px;height:44px;color:inherit}.inline-search--header{--inline-search-duration: .32s;--inline-search-easing: ease-out;position:relative;display:flex;align-items:center}.inline-search--header .inline-search__toggle{transition:opacity .1s linear calc(var(--inline-search-duration) - .1s)}.inline-search--header[open] .inline-search__toggle{opacity:0;pointer-events:none;transition:none}.inline-search--header .inline-search__bar{position:absolute;top:50%;right:-5px;z-index:2;width:54px;color:var(--nav-text-color);transform:translateY(-50%);opacity:0;visibility:hidden;transition:width var(--inline-search-duration) var(--inline-search-easing),opacity .1s linear calc(var(--inline-search-duration) - .1s),visibility 0s linear var(--inline-search-duration)}.inline-search--header[open] .inline-search__bar{width:min(360px,32vw);opacity:1;visibility:visible;transition:width var(--inline-search-duration) var(--inline-search-easing),opacity .1s linear,visibility 0s}.inline-search--header .inline-search__input-container{height:54px;padding:0 4px;overflow:hidden;background:color-mix(in srgb,var(--nav-text-color) 20%,var(--header-color));border:1px solid currentColor}.inline-search--header .inline-search__input{flex:1 1 auto}.inline-search--header .inline-search__submit{order:-1}.inline-search--header .predictive-search__clear{display:none!important}.inline-search__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:0;background:none;color:inherit;opacity:0;visibility:hidden;transition:none}.inline-search--header[open] .inline-search__close{opacity:1;visibility:visible;transition:opacity .15s ease calc(var(--inline-search-duration) - .05s),visibility 0s linear calc(var(--inline-search-duration) - .05s)}@media(max-width:1234.98px){.site-header .site-header__nav{transition:opacity .2s ease,visibility 0s linear 0s}body[data-inline-search-open] .site-header .site-header__nav{opacity:0;visibility:hidden;transition:opacity .15s ease,visibility 0s linear .15s}}@media(prefers-reduced-motion:reduce){.inline-search--header{--inline-search-duration: .1s}}.inline-search--header .inline-search__input::placeholder{opacity:.85}.inline-search__dropdown--header{position:fixed;top:var(--inline-search-top, 0px);left:0;right:0;z-index:1;max-height:calc(100vh - var(--inline-search-top, 0px) - 30px);max-height:calc(100dvh - var(--inline-search-top, 0px) - 30px);overflow:auto;padding-top:30px;color:var(--nav-text-color);background-color:var(--header-color);border-radius:0 0 var(--block-border-radius) var(--block-border-radius);box-shadow:0 10px 20px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease-in,transform .25s ease-in,visibility 0s linear .25s}.inline-search__overlay{position:fixed;top:var(--inline-search-top, 0px);left:0;right:0;bottom:0;z-index:0;background-color:var(--body-overlay-color);opacity:0;visibility:hidden;transition:opacity .25s ease-in,visibility 0s linear .25s}.inline-search__dropdown--header.is-open:has(.predictive-search__results-container .predictive-search__results,.predictive-search__empty-state:not([hidden])){opacity:1;visibility:visible;transform:none;transition:opacity .25s ease-out,transform .25s ease-out,visibility 0s}.inline-search__dropdown--header.is-open:has(.predictive-search__results-container .predictive-search__results,.predictive-search__empty-state:not([hidden]))+.inline-search__overlay{opacity:1;visibility:visible;transition:opacity .25s ease-out,visibility 0s}.mobile-nav__item.mobile-nav__search{padding:20px 0}.mobile-nav__item.mobile-nav__search:after{display:none}.inline-search--drawer{--header-color: var(--menu-drawer-color);--nav-text-color: var(--menu-drawer-text-color);--nav-text-hover: var(--menu-drawer-text-hover-color);--nav-text-color-transparent5: color-mix(in srgb, var(--menu-drawer-text-color), transparent 95%);--nav-text-color-transparent10: color-mix(in srgb, var(--menu-drawer-text-color), transparent 90%);--nav-text-color-transparent30: color-mix(in srgb, var(--menu-drawer-text-color), transparent 70%);--nav-text-color-transparent50: color-mix(in srgb, var(--menu-drawer-text-color), transparent 50%);display:block;color:var(--menu-drawer-text-color)}.inline-search--drawer predictive-search{height:auto}.inline-search--drawer .inline-search__input-container{height:48px;padding-left:20px;background:transparent;border:1px solid currentColor}.inline-search--drawer .inline-search__dropdown{margin:0 -15px;text-transform:none;letter-spacing:normal}.inline-search--drawer .inline-search__dropdown:has(.predictive-search__results){padding-top:20px}.inline-search--drawer .wrapper-spacing--h{padding-left:15px;padding-right:15px}.inline-search--drawer .predictive-search__results{padding-bottom:0}.inline-search--drawer .predictive-search__view-all-mobile{position:static}.inline-search--drawer:not([active]) .predictive-search__empty-state{display:none}.inline-search__bar [data-predictive-search-submit].standalone-icon--wrapper svg,.inline-search__close.standalone-icon--wrapper svg,.inline-search__toggle.standalone-icon--wrapper svg{min-width:24px;min-height:24px;width:24px;height:24px}
/*# sourceMappingURL=/cdn/shop/t/88/assets/component-header-inline-search.css.map */