predictive-search-drawer{display:contents}predictive-search-drawer [hidden],predictive-search-form [hidden],.desktop-search-slot [hidden]{display:none!important}body.predictive-search-open{overflow:hidden}body.predictive-search-inline-open:after{position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop-background);content:"";pointer-events:none;backdrop-filter:var(--modal-backdrop-filter);-webkit-backdrop-filter:var(--modal-backdrop-filter);animation:predictive-search-overlay-in var(--motion-duration-standard) ease both}@keyframes predictive-search-overlay-in{0%{opacity:0}to{opacity:1}}.predictive-search-drawer{position:fixed;z-index:110;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:hidden}.predictive-search-drawer:not([open]){display:none}.predictive-search-drawer::backdrop{background:transparent}.predictive-search-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:var(--modal-backdrop-background);opacity:0;cursor:default;transition:opacity var(--motion-duration-deliberate) var(--motion-ease-standard);backdrop-filter:var(--modal-backdrop-filter);-webkit-backdrop-filter:var(--modal-backdrop-filter)}.predictive-search-drawer__panel{position:absolute;top:0;right:0;display:flex;width:min(100%,var(--predictive-search-drawer-width));height:100dvh;border-left:var(--border-width-hairline) solid var(--color-border);background:var(--color-background-gradient, var(--color-background));color:var(--color-foreground);box-shadow:var(--shadow-drawer);flex-direction:column;overflow:hidden;transform:translate3d(100%,0,0);transition:transform var(--motion-duration-deliberate) var(--motion-ease-standard)}.predictive-search-drawer.is-open .predictive-search-drawer__overlay{opacity:1}.predictive-search-drawer.is-open .predictive-search-drawer__panel{transform:translateZ(0)}.predictive-search-drawer__header{display:flex;min-height:72px;padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-hairline) solid var(--color-border);align-items:center;justify-content:space-between;gap:var(--space-4)}.predictive-search-drawer__header h2{margin:0;font-size:var(--type-title-small-size);font-weight:var(--type-title-weight);line-height:var(--type-title-small-line-height);letter-spacing:var(--type-title-small-letter-spacing);text-transform:var(--type-title-small-transform)}.predictive-search-drawer__close{flex:none}.predictive-search-form,.predictive-search-form__form{min-height:0}.predictive-search-form--drawer,.predictive-search-form--drawer .predictive-search-form__form{display:flex;min-height:0;flex:1;flex-direction:column}.predictive-search-form--drawer .predictive-search-form__field{margin:var(--space-5)}.predictive-search-form__field{position:relative;display:flex;min-height:var(--control-height-default);border-bottom:var(--border-width-default) solid color-mix(in srgb,currentColor 28%,transparent);align-items:center;transition:border-color var(--motion-duration-standard) var(--motion-ease-standard)}.predictive-search-form__field:after{position:absolute;right:0;bottom:-1px;left:0;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:left;transition:transform var(--motion-duration-standard) var(--motion-ease-standard)}.predictive-search-form__field:focus-within:after{transform:scaleX(1)}.predictive-search-form__search-icon{margin-right:var(--space-3);flex:none}.predictive-search-form__input{width:100%;min-width:0;height:var(--control-height-default);padding:0 42px 0 0;border:0;border-radius:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:var(--type-body-large-size);line-height:var(--type-body-large-line-height);letter-spacing:var(--type-body-large-letter-spacing);-webkit-appearance:none;appearance:none}.predictive-search-form__input::-webkit-search-cancel-button{display:none}.predictive-search-form__input::placeholder{color:color-mix(in srgb,currentColor 55%,transparent);opacity:1}.predictive-search-form__clear,.predictive-search-form__loader{position:absolute;z-index:2;top:50%;right:0;width:32px;height:32px;transform:translateY(-50%)}.predictive-search-form__clear{display:grid;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;place-items:center;transition:opacity var(--motion-duration-fast) ease,transform var(--motion-duration-standard) var(--motion-ease-standard)}.predictive-search-form__clear:hover{opacity:.55;transform:translateY(-50%) rotate(8deg)}.predictive-search-form__loader{right:8px;width:16px;height:16px;border:var(--border-width-default) solid color-mix(in srgb,currentColor 18%,transparent);border-top-color:currentColor;border-radius:50%;animation:predictive-search-spin .65s linear infinite}@keyframes predictive-search-spin{to{transform:translateY(-50%) rotate(1turn)}}.predictive-search-form__surface{min-height:0;background:var(--color-background-gradient, var(--color-background));color:var(--color-foreground)}.predictive-search-form--drawer .predictive-search-form__surface{flex:1;padding:0 var(--space-5) var(--space-6);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.predictive-search-form--inline{width:clamp(150px,15vw,230px);color:inherit}.predictive-search-form--inline .predictive-search-form__field{min-height:var(--control-height-compact)}.predictive-search-form--inline .predictive-search-form__input{height:var(--control-height-compact);padding-right:30px;font-size:var(--desktop-nav-font-size);line-height:var(--desktop-nav-line-height)}.predictive-search-form--inline .predictive-search-form__search-icon{margin-right:8px}.predictive-search-form--inline .predictive-search-form__surface{position:absolute;z-index:54;top:calc(100% + ((var(--header-height) - var(--control-height-compact)) / 2));right:0;width:min(680px,calc(100vw - 30px));max-height:min(72dvh,700px);padding:var(--space-5);border:var(--border-width-hairline) solid var(--color-border);box-shadow:var(--shadow-panel);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.985);transform-origin:top right;transition:visibility 0s linear var(--motion-duration-standard),opacity var(--motion-duration-standard) ease,transform var(--motion-duration-deliberate) var(--motion-ease-standard)}.predictive-search-form--inline.is-open .predictive-search-form__surface{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.desktop-search-slot{display:contents}.desktop-search-slot.has-inline-search{position:relative;display:block;min-width:0;flex:0 1 230px}.predictive-search-initial,.predictive-search-response{display:grid;gap:var(--space-6)}.predictive-search-initial__group,.predictive-search-results__group{display:grid;gap:var(--space-3)}.predictive-search-initial__group h3,.predictive-search-results__group h3{margin:0;color:color-mix(in srgb,currentColor 64%,transparent);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line-height);letter-spacing:var(--type-label-letter-spacing);text-transform:var(--type-label-transform)}.predictive-search-initial__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.predictive-search-initial__clear{padding:0;border:0;background:transparent;color:inherit;font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);cursor:pointer;opacity:.62;transition:opacity var(--motion-duration-fast) ease}.predictive-search-initial__clear:hover{opacity:1}.predictive-search-chips{display:flex;flex-wrap:wrap;gap:8px}.predictive-search-chip{display:inline-flex;min-height:34px;padding:7px 12px;border:var(--border-width-hairline) solid color-mix(in srgb,currentColor 24%,transparent);align-items:center;color:inherit;font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height);text-decoration:none;transition:border-color var(--motion-duration-fast) ease,background var(--motion-duration-standard) var(--motion-ease-standard),color var(--motion-duration-standard) var(--motion-ease-standard)}.predictive-search-chip:hover,.predictive-search-chip:focus-visible{border-color:currentColor;background:var(--color-foreground);color:var(--color-background)}.predictive-search-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.predictive-search-featured__card,.predictive-search-product{display:grid;min-width:0;background:transparent;color:inherit;grid-template-columns:88px minmax(0,1fr);gap:var(--space-3);text-decoration:none}.predictive-search-featured__media,.predictive-search-product__media{position:relative;width:100%;margin:0;background:var(--product-card-media-background, var(--color-surface-soft));aspect-ratio:4 / 5;overflow:hidden}.predictive-search-featured__media img,.predictive-search-product__media img,.predictive-search-featured__placeholder,.predictive-search-product__placeholder{display:block;width:100%;height:100%;object-fit:var(--product-card-image-fit, cover)}.predictive-search-featured__content,.predictive-search-product__content{display:flex;min-width:0;align-self:center;flex-direction:column;gap:4px}.predictive-search-featured__vendor,.predictive-search-product__vendor{color:color-mix(in srgb,currentColor 60%,transparent);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}.predictive-search-featured__title,.predictive-search-product__title{font-size:var(--type-body-size);font-weight:var(--type-title-weight);line-height:var(--type-body-line-height)}.predictive-search-featured__card .price,.predictive-search-product .price{font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height)}.predictive-search-featured__sold-out,.predictive-search-product__sold-out{width:fit-content;padding-bottom:2px;border-bottom:var(--border-width-hairline) solid currentColor;font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}.predictive-search-featured__card,.predictive-search-product{transition:opacity var(--motion-duration-fast) ease}.predictive-search-featured__card:hover,.predictive-search-product:hover{opacity:.68}.predictive-search-results__list,.predictive-search-products{display:grid;margin:0;padding:0;list-style:none}.predictive-search-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.predictive-search-results__list>li{border-bottom:var(--border-width-hairline) solid var(--color-border)}.predictive-search-results__list>li:last-child{border-bottom:0}.predictive-search-results__list a,.predictive-search-query{display:flex;min-height:42px;padding:10px 0;align-items:center;justify-content:space-between;gap:var(--space-3);color:inherit;font-size:var(--type-body-size);line-height:var(--type-body-line-height);text-decoration:none;transition:opacity var(--motion-duration-fast) ease,padding-left var(--motion-duration-standard) var(--motion-ease-standard)}.predictive-search-query{justify-content:flex-start}.predictive-search-results__list a:hover,.predictive-search-results__list a:focus-visible{padding-left:5px;opacity:.64}.predictive-search-query mark{background:transparent;color:inherit;font-weight:var(--type-label-weight)}.predictive-search-results__all{display:flex;min-height:var(--control-height-default);padding:12px 0;border-top:var(--border-width-default) solid var(--color-border);border-bottom:var(--border-width-default) solid var(--color-border);align-items:center;justify-content:space-between;gap:var(--space-4);color:inherit;font-size:var(--type-body-size);font-weight:var(--type-label-weight);line-height:var(--type-body-line-height);text-decoration:none;transition:opacity var(--motion-duration-fast) ease}.predictive-search-results__all:hover{opacity:.6}.predictive-search-results__empty{display:grid;min-height:180px;padding:var(--space-6);place-content:center;justify-items:center;gap:var(--space-3);text-align:center}.predictive-search-results__empty p,.predictive-search-initial__hint{margin:0;color:color-mix(in srgb,currentColor 65%,transparent);font-size:var(--type-body-size);line-height:var(--type-body-line-height)}.predictive-search-results__error{margin:0;padding:var(--space-5) 0;border-top:var(--border-width-hairline) solid var(--color-border);border-bottom:var(--border-width-hairline) solid var(--color-border);font-size:var(--type-body-size);line-height:var(--type-body-line-height)}.predictive-search-form.is-loading .predictive-search-form__surface{opacity:.72}.predictive-search-form.has-results .predictive-search-results__group,.predictive-search-form.has-results .predictive-search-results__all,.predictive-search-form.has-results .predictive-search-results__empty{animation:predictive-search-reveal var(--motion-duration-deliberate) var(--motion-ease-standard) both}.predictive-search-form.has-results .predictive-search-results__group:nth-child(2){animation-delay:35ms}.predictive-search-form.has-results .predictive-search-results__group:nth-child(3){animation-delay:70ms}.predictive-search-form.has-results .predictive-search-results__group:nth-child(4){animation-delay:105ms}@keyframes predictive-search-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.desktop-search-slot{display:contents}.predictive-search-form--inline{display:none}.predictive-search-drawer__panel{width:100%;border-left:0}.predictive-search-drawer__header{min-height:var(--mobile-header-height);padding:8px 15px}.predictive-search-form--drawer .predictive-search-form__field{margin:var(--space-4) 15px}.predictive-search-form--drawer .predictive-search-form__surface{padding:0 15px var(--space-5)}}@media(max-width:560px){.predictive-search-featured,.predictive-search-products{grid-template-columns:minmax(0,1fr)}.predictive-search-featured__card,.predictive-search-product{grid-template-columns:78px minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-predictive-search.css.map */