.header-search-inline-predictive.predictive-search-component{background-color:transparent;margin-inline:0;align-items:stretch}.header-search-inline-predictive{display:flex;flex:1;min-width:0;width:100%;max-width:var(--header-search-max-width, 800px);position:relative}.header-search-inline-predictive .header-search-inline,.header-search-inline-predictive form.header-search-inline{display:flex;flex-direction:column;width:100%;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;outline:none;position:relative}.header-search-inline-predictive .header-search-inline__wrapper{position:relative;width:100%;display:flex;align-items:center;max-width:100%;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;outline:none}.header-search-inline__icon{display:none}.header-search-inline-predictive .header-search-inline__input,.header-search-inline-predictive input.header-search-inline__input,.header-search-inline-predictive form .header-search-inline__input,.header-search-inline-predictive form input.header-search-inline__input{width:100%;color:var(--color-input-text);background-color:#fff;padding-block:var(--padding-sm);padding-inline:var(--padding-md) calc(var(--icon-size-lg) + var(--padding-md));text-overflow:ellipsis;overflow:hidden;border-radius:15px;border:var(--style-border-width-inputs) solid var(--color-input-border);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);transition:border-color var(--animation-speed) var(--animation-easing);appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;outline:none;box-shadow:none}.header-search-inline-predictive .header-search-inline__input:hover,.header-search-inline-predictive .header-search-inline__input:focus,.header-search-inline-predictive .header-search-inline__input:focus-visible{outline:none;background-color:#fff;border-color:var(--color-primary-button-background);border-radius:15px}.header-search-inline__input::placeholder{color:rgb(var(--color-input-text-rgb) / var(--opacity-subdued-text))}.header-search-inline__submit,.header-search-inline__close,.header-search-inline__reset-button{position:absolute}.header-search-inline__submit,.header-search-inline__close{right:2px;top:2px;bottom:2px;width:auto;min-width:calc(var(--padding-sm) * 2 + var(--icon-size-md));border-radius:15px;background:#b6e1ec;color:var(--color-primary-button-text, #000);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background-color var(--animation-speed) var(--animation-easing),opacity var(--animation-speed) var(--animation-easing),visibility var(--animation-speed) var(--animation-easing);border:none;box-shadow:0 1px 2px #0000001a;padding-inline:var(--padding-sm);z-index:2}.header-search-inline__submit:hover,.header-search-inline__close:hover{background-color:#84c7d8}.header-search-inline__close{opacity:0;visibility:hidden;pointer-events:none}.header-search-inline-predictive:has([data-search-results]) .header-search-inline__submit{opacity:0;visibility:hidden;pointer-events:none}.header-search-inline-predictive:has([data-search-results]) .header-search-inline__close{opacity:1;visibility:visible;pointer-events:auto}.header-search-inline__submit-icon svg,.header-search-inline__close-icon svg{width:var(--icon-size-md);height:var(--icon-size-md);color:#000}.header-search-inline__reset-button{right:calc(var(--padding-md) + var(--icon-size-lg) + var(--padding-sm));width:var(--icon-size-lg);height:var(--icon-size-lg);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--animation-speed) var(--animation-easing),visibility var(--animation-speed) var(--animation-easing);color:var(--color-input-text);background:transparent;border-radius:999px;display:flex;align-items:center;justify-content:center;z-index:2}.header-search-inline-predictive:has(.header-search-inline__input:not(:placeholder-shown):not([value=""])) .header-search-inline__reset-button{opacity:1;visibility:visible;pointer-events:auto}.header-search-inline__reset-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform var(--animation-speed) var(--animation-easing)}.header-search-inline__reset-button:active .header-search-inline__reset-icon{transform:scale(.9)}.header-search-inline__reset-button svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.header-search-inline__results{position:absolute;top:calc(100% + var(--padding-xs));left:0;right:0;background-color:var(--color-background);border-radius:var(--card-corner-radius, 8px);box-shadow:0 4px 12px #00000026;max-height:80vh;overflow-y:auto;z-index:var(--layer-overlay);display:none;width:100%;min-width:100%}.header__row--top:has(.header-search-inline-predictive:has([data-search-results])){z-index:var(--layer-overlay)}.header-search-inline-predictive:has([data-search-results]){z-index:var(--layer-overlay)}.header-search-inline-predictive:has([data-search-results]) .header-search-inline__results,.header-search-inline__results:has([data-search-results]){display:block}.header-search-inline__results .predictive-search-results__inner{padding:var(--padding-md)}.header__column--center .header-search-inline-predictive{max-width:var(--header-search-max-width, 800px);margin-inline:auto}@media screen and (min-width:750px){.header__column--center .header-search-inline-predictive{margin-inline-start:var(--gap-xl);border-radius:15px}}@media screen and (max-width:749px){.header-search-inline-predictive{max-width:100%;border-radius:15px}.header-search-inline-predictive .header-search-inline__input,.header-search-inline-predictive input.header-search-inline__input,.header-search-inline-predictive form .header-search-inline__input,.header-search-inline-predictive form input.header-search-inline__input{padding-inline:var(--padding-sm) calc(var(--icon-size-lg) + var(--padding-sm));font-size:var(--font-paragraph--size-mobile)}.header-search-inline__reset-button{right:calc(var(--padding-sm) + var(--icon-size-lg) + var(--padding-xs))}.header-search-inline__results{max-height:60vh}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/header-search-inline.css.map */