.predictive-search{--suggest-edge: var(--field-inset);--suggest-thumb: calc(56 * var(--px));--suggest-column: calc(320 * var(--px));--suggest-line: rgba(var(--color-foreground), var(--alpha-10));--suggest-side: var(--suggest-edge);--suggest-foot-space: var(--space-16);position:absolute;z-index:3;top:calc(100% + 1px);inset-inline:0;overflow:clip;border-radius:var(--radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media(forced-colors:active){.predictive-search{outline:1px solid CanvasText;outline-offset:-1px}}.search-field--page .predictive-search{top:calc(100% + var(--space-4));border:var(--list-border);box-shadow:var(--list-shadow)}.search-field--bar{--search-bleed: var(--gutter)}.search-field--bar .field{z-index:4}.search-field--bar .predictive-search{--suggest-edge: var(--gutter);--suggest-side: var(--search-bleed);--suggest-foot-space: var(--search-bleed);top:calc(-1 * var(--search-bleed));inset-inline:calc(-1 * var(--search-bleed));padding-block-start:calc(2 * var(--search-bleed) + var(--field-height) + 2 * var(--border-width));border-radius:0 0 var(--radius) var(--radius)}.search-field--bar [data-predictive-results]{border-block-start:1px solid var(--suggest-line)}@media screen and (min-width:769px){.search-field--beside-logo{--search-bleed: var(--space-12)}.search-field--beside-logo .predictive-search{--suggest-edge: calc(var(--search-bleed) + var(--field-inset));border-radius:var(--radius)}}.predictive-search__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgb(0 0 0 / var(--alpha-40));cursor:pointer}.search-field--drawer,.search-field--drawer .search{display:flex;flex:1;flex-direction:column;min-height:0}.search-field--drawer .field{flex:none;width:auto;margin:var(--dialog-gutter-block) var(--dialog-gutter) var(--space-8)}.search-field--drawer .predictive-search{--suggest-edge: var(--dialog-gutter);position:static;display:flex;flex:1;flex-direction:column;min-height:0;border-radius:0}.search-field--drawer .predictive-search[hidden]{display:none}.search-field--drawer [data-predictive-results]{display:flex;flex:1;flex-direction:column;min-height:0;max-height:var(--search-room, none)}.search-field--drawer .predictive-search__results{flex:1 0 auto}[data-predictive-results]{max-height:min(66dvh,var(--search-room, 66dvh));overflow-y:auto;overscroll-behavior:contain;scroll-padding-block-end:calc(2 * var(--suggest-foot-space) + var(--button-box) + 1px)}predictive-search[loading][results] [data-predictive-results]{opacity:var(--alpha-60)}.predictive-search__results{display:flex;flex-direction:column;padding-block-start:var(--space-8)}.predictive-search__heading{display:block;padding:var(--space-16) var(--suggest-edge) var(--space-4);font-size:var(--text-label);font-weight:var(--font-body-weight-bold);line-height:var(--leading-body);color:rgba(var(--color-foreground),var(--text-soft))}.predictive-search__rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--suggest-column)),1fr))}.predictive-search__rows>product-component{display:block}.predictive-search__item{display:flex;align-items:center;gap:var(--space-16);box-sizing:border-box;width:100%;padding:var(--space-8) var(--suggest-edge);color:inherit;text-align:start;text-decoration:none}.predictive-search__media{flex:none;width:var(--suggest-thumb);height:var(--suggest-thumb);overflow:hidden;border-radius:var(--radius-small)}.predictive-search__glyph{display:flex;flex:none;justify-content:center;width:var(--suggest-thumb);color:rgba(var(--color-foreground),var(--text-soft))}.predictive-search__text{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.predictive-search__title{font-size:var(--text-body);font-weight:calc(var(--font-body-weight) + 200);line-height:var(--leading-body)}.predictive-search__title mark{background-color:transparent;color:inherit;font-weight:var(--font-body-weight)}.predictive-search__meta{display:flex;flex-wrap:wrap;font-size:var(--text-label);line-height:var(--leading-body);color:rgba(var(--color-foreground),var(--text-soft));overflow-wrap:anywhere}.predictive-search__meta-item+.predictive-search__meta-item:before{content:"\b7" / "";margin-inline:var(--space-8)}.predictive-search__footer{position:sticky;inset-block-end:0;margin-block-start:auto;padding:var(--suggest-foot-space) var(--suggest-side);border-block-start:1px solid var(--suggest-line);background-color:rgb(var(--color-background))}.predictive-search__group:has(+.predictive-search__footer){padding-block-end:var(--space-8)}.predictive-search__message{margin:0;padding:var(--space-20) var(--suggest-edge)}.predictive-search .spinner{--predictive-spinner: calc(15 * var(--px));width:var(--predictive-spinner);height:var(--predictive-spinner);line-height:0}predictive-search:not([loading]) .predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:var(--space-12)}predictive-search[loading][results] .predictive-search__loading-state{display:none}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-predictive-search.css.map */