predictive-search{display:block;position:relative}.predictive-search{--predictive-search-muted: #6b7380;--predictive-search-rule: #e8e4e4;position:absolute;inset-inline:0;inset-block-start:100%;z-index:4;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));max-block-size:calc(100dvh - var(--header-height-mobile, 56px) - var(--announcement-bar-height, 0px) - var(--header-search-bar-height, 0px));overflow-y:auto;overscroll-behavior:contain}.predictive-search__loading-bar{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:50;display:block;inline-size:0;block-size:2px;background-color:rgb(var(--color-foreground));opacity:0;pointer-events:none;transition:inline-size .25s ease-in-out}.predictive-search__loading-bar.is-visible{inline-size:40%;opacity:1}.predictive-search__loading-bar.is-visible.is-finished{inline-size:100%}@media screen and (min-width:750px){.predictive-search__loading-bar{block-size:3px}}.predictive-search__inner{position:relative;padding-block:24px;padding-inline:calc(var(--page-margin) + 4px)}.predictive-search__close{position:absolute;inset-block-start:0;inset-inline-end:var(--page-margin);display:none;border:0;background:none;padding:0;cursor:pointer;color:currentcolor}.predictive-search__close svg{display:block;inline-size:18px;block-size:18px}.predictive-search__close:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.predictive-search__segment{display:flex;align-items:center;justify-content:flex-end;padding-block-end:10px;border-block-end:1px solid rgb(var(--color-foreground))}.predictive-search__segment-title{margin:0;margin-inline-end:auto;font-family:var(--font-brand-family);font-weight:var(--font-weight-semibold);font-size:14px;line-height:24px;letter-spacing:1.12px;text-transform:uppercase}.predictive-search__segment--trending{margin-block-start:32px}.predictive-search__view-all{font-family:var(--font-brand-family);font-weight:var(--font-weight-semibold);font-size:14px;line-height:24px;letter-spacing:1.12px;text-transform:uppercase;color:currentcolor;text-decoration:none}.predictive-search__view-all:hover{text-decoration:underline}.predictive-search__view-all:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.predictive-search__chips{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;padding-block-start:20px;list-style:none}.predictive-search__chip{display:flex;align-items:center;padding-block:8px;padding-inline:16px;border:1px solid var(--brand-rule);border-radius:var(--radius-button);background-color:var(--brand-white);font-family:var(--font-brand-family);font-weight:var(--font-weight-regular);font-size:14px;line-height:22px;letter-spacing:normal;color:currentcolor;text-decoration:none;white-space:nowrap}.predictive-search__chip:hover{border-color:currentcolor}.predictive-search__chip:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.predictive-search__segment--empty{block-size:11px}.predictive-search__message{display:flex;flex-direction:column;gap:6px;padding-block-start:20px}.predictive-search__message-title,.predictive-search__message-hint{margin:0;font-family:var(--font-brand-family);font-weight:var(--font-weight-regular);letter-spacing:normal}.predictive-search__message-title{font-size:16px;line-height:28px}.predictive-search__message-hint{font-size:14px;line-height:22px;color:var(--predictive-search-muted)}.predictive-search__list{display:flex;flex-direction:column;margin:0;padding:0;padding-block-start:8px;list-style:none}.predictive-search__item{border-block-end:1px solid var(--predictive-search-rule)}.predictive-search__item .product-card{display:grid;grid-template-columns:96px 1fr;grid-template-rows:1fr 1fr;column-gap:16px;block-size:149px;padding-block:16px}.predictive-search__item .product-card__media{grid-column:1;grid-row:1 / 3;align-self:stretch;aspect-ratio:auto;inline-size:96px}.predictive-search__item .product-card__badge{display:none}.predictive-search__item .product-card__title{min-block-size:0}.predictive-search__item .product-card__row--title{grid-column:2;grid-row:1;align-self:end;gap:6px;padding-inline:0;padding-block:0;border-block-end:0;font-size:12px;line-height:16px;letter-spacing:1.44px}.predictive-search__item .product-card__row--meta,.predictive-search__item .product-card__action{display:none}.predictive-search__item .product-card__row--rating{--review-popup-inset: -112px;--review-popup-width: calc(100% + 112px) ;grid-column:2;grid-row:2;align-self:start;padding-inline:0;padding-block-start:6px;padding-block-end:0}@media screen and (min-width:750px){.predictive-search{max-block-size:calc(100dvh - 104px)}.predictive-search__inner{padding-block-start:80px;padding-block-end:50px;padding-inline:50px;max-width:none;margin-inline:0}.predictive-search__close{display:block;inset-block-start:12px;inset-inline-end:50px}.predictive-search__segment-title,.predictive-search__view-all{font-size:16px;line-height:28px}.predictive-search__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;padding-block-start:0}.predictive-search__item{border-block-end:0}.predictive-search__item .product-card{display:flex;flex-direction:column;align-items:stretch;gap:0;block-size:auto;padding-block:0}.predictive-search__item .product-card__media{flex:1 1 auto;inline-size:auto;aspect-ratio:289 / 353}.predictive-search__item .product-card__row--title{flex:0 0 auto;align-self:auto;flex-direction:row;justify-content:space-between;gap:8px;padding-inline:10px;padding-block-start:6px;padding-block-end:8px;border-block-end:1px solid var(--product-card-rule)}.predictive-search__item .product-card__price{flex:0 0 auto}.predictive-search__item .product-card__row--meta,.predictive-search__item .product-card__action{display:flex}.predictive-search__item .product-card__row--rating{--review-popup-inset: 0;--review-popup-width: auto;align-self:auto;padding-inline:10px;padding-block-start:8px;padding-block-end:12px}}@media screen and (min-width:990px){.predictive-search__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:1140px){.predictive-search__segment--trending{margin-block-start:50px}}@media screen and (min-width:1240px){.predictive-search__list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1440px){.predictive-search__list{grid-template-columns:repeat(5,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/926/assets/component-predictive-search.css.map */