tl-predictive-search{display:block;position:static;flex:1 1 auto;max-width:var(--search-max-width,45rem);margin-inline:auto}tl-predictive-search .search{max-width:none;margin-inline:0}tl-predictive-search .search__input{-webkit-appearance:none!important;appearance:none!important}tl-predictive-search .search__input::-webkit-search-cancel-button,tl-predictive-search .search__input::-webkit-search-decoration,tl-predictive-search .search__input::-webkit-search-results-button,tl-predictive-search .search__input::-webkit-search-results-decoration,tl-predictive-search .search__input::-ms-clear,tl-predictive-search .search__input::-ms-reveal{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important}tl-predictive-search .search__reset{display:inline-flex;align-items:center;justify-content:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);min-width:var(--minimum-touch-target);min-height:var(--minimum-touch-target);padding:0;background:transparent;color:var(--color-foreground);transition:color var(--animation-speed-medium) var(--ease-out-cubic)}tl-predictive-search .search__reset:hover,tl-predictive-search .search__reset:focus-visible{background:transparent;color:var(--color-primary)}tl-predictive-search .search__reset svg{width:var(--icon-size-md);height:var(--icon-size-md)}tl-predictive-search .search__reset[hidden]{display:none!important}body.tl-search-open tl-header{z-index:var(--layer-header-menu)}body.tl-search-open:before{content:"";position:fixed;inset-block-start:var(--header-sticky-height,var(--custom-header-initial-height,0px));inset-inline:0;inset-block-end:0;background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity));-webkit-backdrop-filter:brightness(.75);backdrop-filter:brightness(.75);cursor:default;pointer-events:auto;z-index:calc(var(--layer-header-menu) - 1)}@media(max-width:749px){body.tl-search-open:before{-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){body.tl-search-open:before{-webkit-backdrop-filter:none;backdrop-filter:none}}tl-predictive-search .search-results__backdrop{-webkit-appearance:none;appearance:none;position:fixed;inset-block-start:var(--header-sticky-height,var(--custom-header-initial-height,0px));inset-inline:0;inset-block-end:0;display:block;width:auto;height:auto;margin:0;padding:0;border:0;background:transparent;cursor:default;opacity:0;visibility:hidden;pointer-events:none;z-index:calc(var(--layer-header-menu) - 1);transition:opacity var(--drawer-animation-speed) var(--ease-out-cubic),visibility var(--drawer-animation-speed) var(--ease-out-cubic)}tl-predictive-search.is-open .search-results__backdrop{opacity:1;visibility:visible;pointer-events:auto}tl-predictive-search .search-results__backdrop[hidden]{display:none!important}tl-predictive-search .search-results{position:absolute;inset-block-start:100%;inset-inline-start:calc(50% - 50vw);inset-inline-end:calc(50% - 50vw);width:auto;max-width:none;max-height:min(36rem,80dvh);overflow-y:auto;background:var(--color-background);border-block-start:var(--style-border-width) solid var(--color-border);border-block-end:var(--style-border-width) solid var(--color-border);box-shadow:none;z-index:var(--layer-header-menu);padding:0;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(var(--gap-xs) * -1));transition:opacity var(--drawer-animation-speed) var(--ease-out-cubic),transform var(--drawer-animation-speed) var(--ease-out-cubic),visibility var(--drawer-animation-speed) var(--ease-out-cubic)}tl-predictive-search.is-open .search-results{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}tl-predictive-search .search-results__inner{max-width:var(--narrow-page-width);margin-inline:auto;padding:var(--padding-2xl) var(--gap-lg) var(--gap-xl);position:relative}tl-predictive-search .search-results__close{display:inline-flex;align-items:center;justify-content:center;position:absolute;inset-block-start:var(--padding-md);inset-inline-end:var(--gap-lg);width:var(--minimum-touch-target);height:var(--minimum-touch-target);min-width:var(--minimum-touch-target);min-height:var(--minimum-touch-target);padding:0;background:transparent;color:var(--color-foreground);transition:color var(--animation-speed-medium) var(--ease-out-cubic);z-index:1}tl-predictive-search .search-results__close:hover,tl-predictive-search .search-results__close:focus-visible{background:transparent;color:var(--color-primary)}tl-predictive-search .search-results__close svg{width:var(--icon-size-md);height:var(--icon-size-md)}tl-predictive-search .search-results__grid{display:grid;align-items:start;gap:var(--gap-2xl)}tl-predictive-search .search-results__grid--with-aside{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr)}tl-predictive-search .search-results__grid--products-only{grid-template-columns:minmax(0,1fr)}tl-predictive-search .search-results__aside{display:flex;flex-direction:column;gap:var(--gap-xl);min-width:0;border-inline-end:var(--style-border-width) solid var(--color-border);padding-inline-end:var(--padding-2xl)}tl-predictive-search .search-results__block{display:flex;flex-direction:column;gap:var(--gap-xs)}tl-predictive-search .search-results__title{font-family:var(--font-heading--family);font-size:var(--font-size--sm);font-weight:var(--font-accent--weight);letter-spacing:var(--letter-spacing--body-normal);line-height:var(--line-height--body-tight);color:var(--color-foreground);margin:0}tl-predictive-search .search-results__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--gap-2xs)}tl-predictive-search .search-results__query{display:inline-flex;color:var(--color-foreground);text-decoration:none;font-size:var(--font-size--sm);line-height:var(--line-height--body-normal);padding-block:0;transition:color var(--animation-speed-medium) var(--ease-out-cubic)}tl-predictive-search .search-results__query:hover,tl-predictive-search .search-results__query[aria-selected=true]{color:var(--color-primary)}tl-predictive-search .search-results__query mark{background:transparent;color:var(--color-primary);font-weight:var(--font-accent--weight)}tl-predictive-search .search-results__products{display:flex;flex-direction:column;gap:var(--gap-sm);min-width:0}tl-predictive-search .search-results__products-head{display:flex;align-items:baseline;justify-content:flex-start;gap:var(--gap-lg);flex-wrap:wrap}tl-predictive-search .predictive-search-results__title{margin:0;color:var(--color-foreground);font-family:var(--font-heading--family);font-size:var(--font-size--sm);font-weight:var(--font-accent--weight);letter-spacing:var(--letter-spacing--body-normal);line-height:var(--line-height--body-tight)}tl-predictive-search .predictive-search-results__products{display:flex;flex-direction:column;gap:var(--gap-sm);min-width:0}tl-predictive-search .predictive-search-results__wrapper-products{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-sm)}tl-predictive-search .predictive-search-results__card--product{min-width:0;display:flex}tl-predictive-search .predictive-search-results__card--product>product-card{height:100%}tl-predictive-search .search-results__json-product-link{display:flex;flex-direction:column;gap:var(--gap-xs);width:100%;min-width:0;color:var(--color-foreground);text-decoration:none}tl-predictive-search .search-results__json-product-image{width:100%;aspect-ratio:1;object-fit:contain;background:var(--color-background);border:var(--style-border-width) solid var(--color-border);border-radius:var(--style-border-radius-card);padding:var(--padding-xs);transition:border-color var(--animation-speed-medium) var(--ease-out-cubic)}tl-predictive-search .search-results__json-product-link:hover .search-results__json-product-image,tl-predictive-search .search-results__json-product-link:focus-visible .search-results__json-product-image{border-color:var(--color-primary)}tl-predictive-search .search-results__json-product-content{display:flex;flex-direction:column;gap:var(--gap-3xs);min-width:0}tl-predictive-search .search-results__json-product-vendor{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));font-size:var(--font-size--xs);line-height:var(--line-height--body-tight)}tl-predictive-search .search-results__json-product-title{color:var(--color-foreground);font-size:var(--font-size--sm);line-height:var(--line-height--body-tight)}tl-predictive-search .search-results__json-product-link:hover .search-results__json-product-title,tl-predictive-search .search-results__json-product-link:focus-visible .search-results__json-product-title{color:var(--color-primary)}tl-predictive-search .predictive-search-results__card--product:hover,tl-predictive-search .predictive-search-results__card--product:active,tl-predictive-search .predictive-search-results__card--product:is([aria-selected=true].keyboard-focus,:focus-visible),tl-predictive-search .predictive-search-results__card--product:has(product-card:focus-visible){margin:0;padding:0;border-radius:0;background:transparent;background-color:transparent;box-shadow:none;transform:none}tl-predictive-search .search-results__view-all,tl-predictive-search .search-results__view-all-inline{display:inline-flex;align-items:center;width:fit-content;margin-block-start:var(--margin-md);color:var(--color-primary);font-size:var(--font-size--sm);font-weight:var(--font-accent--weight);text-decoration:underline;text-underline-offset:var(--padding-2xs)}tl-predictive-search .search-results__view-all-inline{margin-block-start:var(--margin-xs)}tl-predictive-search .search-results__view-all:hover,tl-predictive-search .search-results__view-all-inline:hover,tl-predictive-search .search-results__view-all[aria-selected=true],tl-predictive-search .search-results__view-all-inline[aria-selected=true]{color:var(--color-primary-hover, var(--color-primary));text-decoration:none}tl-predictive-search .search-results__empty{margin-block:0 var(--gap-lg);margin-inline:0;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));font-size:var(--font-size--sm);line-height:var(--line-height--body-normal)}tl-predictive-search .search-results__empty strong{color:var(--color-foreground);font-weight:var(--font-accent--weight)}tl-predictive-search .search-results__empty-fallback{border-block-start:var(--style-border-width) solid var(--color-border);padding-block-start:var(--padding-lg)}tl-predictive-search .spotlight{display:block}tl-predictive-search .spotlight__grid{display:grid;gap:var(--gap-2xl)}tl-predictive-search .spotlight__grid--with-aside{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr)}tl-predictive-search .spotlight__grid--single{grid-template-columns:minmax(0,1fr)}tl-predictive-search .spotlight__aside{display:flex;flex-direction:column;gap:var(--gap-xl);border-inline-end:var(--style-border-width) solid var(--color-border);padding-inline-end:var(--padding-2xl)}tl-predictive-search .spotlight__block{display:flex;flex-direction:column;gap:var(--gap-xs)}tl-predictive-search .spotlight__title{font-family:var(--font-heading--family);font-size:var(--font-size--sm);font-weight:var(--font-accent--weight);letter-spacing:var(--letter-spacing--body-normal);line-height:var(--line-height--body-tight);color:var(--color-foreground);margin:0}tl-predictive-search .spotlight__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--gap-2xs)}tl-predictive-search .spotlight__query{display:inline-flex;color:var(--color-foreground);text-decoration:none;font-size:var(--font-size--sm);line-height:var(--line-height--body-normal);padding-block:0;transition:color var(--animation-speed-medium) var(--ease-out-cubic)}tl-predictive-search .spotlight__query:hover{color:var(--color-primary)}tl-predictive-search .spotlight__trending{display:flex;flex-direction:column;gap:var(--gap-sm);min-width:0}tl-predictive-search .spotlight__products{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-sm)}tl-predictive-search .spotlight__product{min-width:0;display:flex}tl-predictive-search .spotlight__product>product-card{height:100%}tl-predictive-search .spotlight__empty{margin:0;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));font-size:var(--font-size--sm);text-align:center}@media(max-width:749px){tl-predictive-search .search-results{position:fixed;inset-block-start:var(--header-sticky-height,8rem);inset-inline:0;width:auto;max-width:none;max-height:none;height:calc(100dvh - var(--header-sticky-height,8rem));padding-block-end:env(safe-area-inset-bottom,0);box-shadow:none;border-inline:0;border-block-end:none;transform:translateY(calc(var(--gap-xs) * -1))}tl-predictive-search.is-open .search-results{transform:translateY(0)}tl-predictive-search .search-results__inner{padding:var(--padding-lg) max(var(--gap-lg),env(safe-area-inset-right,0)) var(--gap-xl) max(var(--gap-lg),env(safe-area-inset-left,0));min-height:100%}tl-predictive-search .search-results__close{inset-block-start:var(--gap-xs);inset-inline-end:var(--gap-xs)}tl-predictive-search .search-results__grid,tl-predictive-search .spotlight__grid{grid-template-columns:minmax(0,1fr);gap:var(--gap-lg)}tl-predictive-search .search-results__aside,tl-predictive-search .spotlight__aside{display:contents}tl-predictive-search .search-results__block--suggestions,tl-predictive-search .spotlight__block--popular{order:1;border-block-end:var(--style-border-width) solid var(--color-border);padding-block-end:var(--padding-md)}tl-predictive-search .search-results__products,tl-predictive-search .spotlight__trending{order:2}tl-predictive-search .search-results__block--collections,tl-predictive-search .spotlight__block--helpful{order:3;border-block-start:var(--style-border-width) solid var(--color-border);padding-block-start:var(--padding-md)}tl-predictive-search .predictive-search-results__wrapper-products{grid-template-columns:repeat(2,minmax(0,1fr))}tl-predictive-search .spotlight__products{grid-template-columns:repeat(2,minmax(0,1fr))}tl-predictive-search .search-results__products-head{flex-direction:column;align-items:flex-start;gap:var(--gap-2xs)}tl-predictive-search .search-results__query,tl-predictive-search .spotlight__query{padding-block:var(--padding-2xs)}}body.tl-search-open{overflow:hidden}@media(prefers-reduced-motion:reduce){tl-predictive-search .search-results,tl-predictive-search .search-results__backdrop,tl-predictive-search .search-results__query,tl-predictive-search .spotlight__query,tl-predictive-search .search-results__view-all,tl-predictive-search .search-results__view-all-inline,tl-predictive-search .search__reset,tl-predictive-search .search-results__close{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/tl-predictive-search.css.map */