.search-inline{--search-border-radius: 0;--search-border-width: var(--style-border-width-inputs);display:none;flex:1;min-width:200px;max-width:400px;position:relative}@media screen and (min-width:750px){.search-inline.desktop-only{display:flex}}.search-inline predictive-search-component{--resource-card-corner-radius: var(--product-corner-radius);display:flex;width:100%;position:relative;align-items:center;z-index:var(--layer-heightened)}.search-inline .predictive-search-form{position:relative;width:100%;align-self:flex-start}.search-inline .predictive-search-form__header{display:flex;width:100%;align-items:center;border:none;border-radius:var(--search-border-radius)}.search-inline .predictive-search-form__header-inner{background:var(--color-background);border:none;color:var(--color-foreground);border-radius:var(--search-border-radius);display:flex;align-items:center;width:100%;position:relative;overflow:hidden}.search-inline .predictive-search-form__header:focus-within{outline-offset:var(--focus-outline-offset);outline:var(--focus-outline-width) solid var(--color-primary)}.search-inline input.search-input{border-radius:var(--search-border-radius) 0 0 var(--search-border-radius);padding-block:var(--padding-xs);font-size:var(--font-size--sm);width:100%;height:40px;color:var(--color-foreground);padding-inline:var(--padding-md) 0;background:transparent;text-overflow:ellipsis;overflow:hidden;outline:none;border:var(--search-border-width) solid var(--color-border)}.search-inline .search-input::placeholder{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.search-inline .search-input,.search-inline .search-input:is(:focus,:focus-visible,:focus-within),.search-inline .predictive-search-form__header *:is(:focus,:focus-visible){outline:none;box-shadow:none}.search-inline .search-input:hover{background-color:transparent}.search-inline__submit-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0;margin:0;border:var(--search-border-width) solid var(--color-primary-button-background);border-radius:0 var(--search-border-radius) var(--search-border-radius) 0;background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);cursor:pointer;transition:background-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing)}.search-inline__submit-button:hover{background-color:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text)}.search-inline__submit-button:active{transform:scale(.95);transition:transform .1s var(--animation-timing-active)}.search-inline__submit-button .svg-wrapper{display:flex;align-items:center;justify-content:center;width:var(--icon-size-md);height:var(--icon-size-md)}.search-inline__submit-button svg{width:var(--icon-size-md);height:var(--icon-size-md)}.search-inline .predictive-search__reset-button{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:var(--minimum-touch-target);height:var(--minimum-touch-target);padding:0;margin-inline-end:var(--margin-2xs);position:absolute;right:0;background:transparent;color:var(--color-foreground);opacity:.68;transition:opacity var(--animation-speed-medium) var(--animation-timing-fade-out),visibility var(--animation-speed-medium) var(--animation-timing-fade-out)}.search-inline .predictive-search__reset-button:hover{color:var(--color-foreground)}.search-inline .predictive-search__reset-button:active{transform:scale(.9);transition:transform .1s var(--animation-timing-active)}.search-inline .predictive-search__reset-button[hidden]{opacity:0;pointer-events:none;visibility:hidden}.search-inline .predictive-search-form__content-wrapper{position:absolute;top:100%;width:100%;left:0;z-index:var(--layer-raised);display:none;flex-direction:column;border-radius:0 0 var(--search-border-radius) var(--search-border-radius);transition:box-shadow var(--animation-speed) var(--animation-easing);transform:translateZ(0);will-change:transform,opacity;overflow:hidden;max-height:60vh;background-color:var(--color-background);box-shadow:var(--shadow-popover);border:var(--style-border-popover);border-top:none}.search-inline .predictive-search-form__content{max-height:50dvh;overflow-y:auto;background-color:var(--color-background);scrollbar-width:none}.search-inline .predictive-search-form__content::-webkit-scrollbar{display:none}.search-inline .predictive-search-form__header:focus-within~.predictive-search-form__content-wrapper,.search-inline .predictive-search-form__content-wrapper:hover{display:flex}.search-inline .predictive-search-form__footer{display:none;padding-block:var(--padding-xs) var(--padding-lg);background-image:linear-gradient(to top,rgb(var(--color-background-rgb) / var(--opacity-90)),rgb(var(--color-background-rgb) / var(--opacity-80)),rgb(var(--color-background-rgb) / var(--opacity-40)),transparent)}.search-inline predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer{display:block}.search-inline .predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{padding-block-end:var(--padding-6xl)}.search-inline .predictive-search__search-button{margin:auto;z-index:var(--layer-raised);transition:transform var(--animation-speed-medium) var(--animation-timing-bounce),box-shadow var(--animation-speed-medium) var(--animation-timing-hover);transform-origin:center}.search-inline .predictive-search__search-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / var(--opacity-5))}.search-inline .predictive-search__search-button:active{transform:scale(.97);transition:transform .1s var(--animation-timing-active);box-shadow:none}.search-inline .predictive-search-form__header:focus-within .predictive-search-form__header-inner,.search-inline .predictive-search-form__header:has(~.predictive-search-form__content-wrapper:hover) .predictive-search-form__header-inner{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.search-inline .predictive-search-form__header:focus-within .search-inline__submit-button,.search-inline .predictive-search-form__header:has(~.predictive-search-form__content-wrapper:hover) .search-inline__submit-button{border-bottom-right-radius:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/search-inline.css.map */