.c-predictive-search{position:static}.c-predictive-search predictive-search{display:block}.c-predictive-search__toggle{cursor:pointer;list-style:none}.c-predictive-search__toggle::-webkit-details-marker{display:none}.c-predictive-search__surface{position:absolute;inset-block-start:100%;inset-inline:var(--gutter);z-index:var(--z-overlay);max-block-size:min(75vh,42rem);overflow-y:auto;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-block-start:0;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--shadow-md)}.c-predictive-search__form,.c-predictive-search__field{display:grid;gap:var(--space-3)}.c-predictive-search__field{grid-template-columns:minmax(0,1fr) auto}.c-predictive-search__input{min-inline-size:0}.c-predictive-search__results:not([hidden]){display:block;margin-block-start:var(--space-4)}.c-predictive-search__content{display:grid;gap:var(--space-5)}.c-predictive-search__group{min-inline-size:0}.c-predictive-search__heading{margin-block-end:var(--space-2);font-size:var(--step-0)}.c-predictive-search__list{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.c-predictive-search__link,.c-predictive-search__product,.c-predictive-search__view-all{border-radius:var(--radius-xs);color:inherit;text-decoration:none}.c-predictive-search__link,.c-predictive-search__view-all{display:flex;align-items:center;min-block-size:var(--control-height);padding:var(--space-2) var(--space-3)}.c-predictive-search__product{display:grid;grid-template-columns:3.75rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-2)}.c-predictive-search__link:hover,.c-predictive-search__product:hover,.c-predictive-search__view-all:hover{background:var(--color-bg);color:var(--color-accent)}.c-predictive-search__media{display:grid;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--radius-xs);background:var(--color-bg)}.c-predictive-search__image{inline-size:100%;block-size:100%;object-fit:contain}.c-predictive-search__placeholder{border:var(--border-width) dashed var(--color-border)}.c-predictive-search__product-copy{display:flex;min-inline-size:0;flex-direction:column;justify-content:center}.c-predictive-search__title{font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.c-predictive-search__meta{color:var(--color-text-muted);font-size:var(--step--1)}.c-predictive-search__price{margin-block-start:var(--space-1);font-weight:var(--font-weight-medium)}.c-predictive-search__empty{margin:0;color:var(--color-text-muted)}.c-predictive-search__view-all{justify-content:center;border-block-start:var(--border-width) solid var(--color-border);color:var(--color-link);font-weight:var(--font-weight-semibold)}@media(min-width:48rem){.c-predictive-search__surface{inset-inline-start:auto;inline-size:min(42rem,calc(100vw - (2 * var(--gutter))))}.c-predictive-search__content{grid-template-columns:repeat(2,minmax(0,1fr))}.c-predictive-search__view-all,.c-predictive-search__empty{grid-column:1 / -1}}.c-predictive-search__surface{border-radius:0 0 var(--radius-xs) var(--radius-xs)}.c-predictive-search__form,.c-predictive-search__field{gap:var(--space-2)}.c-predictive-search__content{gap:var(--space-4)}.c-predictive-search__product{border-radius:var(--radius-xs)}.c-predictive-search--inline{position:relative;display:block;inline-size:100%}.c-predictive-search--inline>.c-predictive-search__toggle{display:none}.c-predictive-search--inline>.c-predictive-search__surface{position:static;inline-size:100%;max-block-size:none;overflow:visible;padding:0;border:0;background:transparent;box-shadow:none}.c-predictive-search--inline .c-predictive-search__form{position:relative}.c-predictive-search--inline .c-predictive-search__field{gap:0}.c-predictive-search--inline .c-predictive-search__field:focus-within{border-radius:var(--radius-sm);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 55%,transparent)}.c-predictive-search--inline .c-predictive-search__field--scope{grid-template-columns:auto minmax(0,1fr) auto}.c-predictive-search--inline .c-predictive-search__scope{inline-size:7rem;min-block-size:2.75rem;padding-inline:var(--space-3);border:var(--border-width) solid var(--color-border);border-inline-end:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.c-predictive-search--inline .c-predictive-search__input{min-block-size:2.75rem;padding-inline:var(--space-4);border-inline-end:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--color-bg)}.c-predictive-search--inline .c-predictive-search__field--scope .c-predictive-search__input{border-radius:0}.c-predictive-search--inline .c-predictive-search__submit{min-block-size:2.75rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.c-predictive-search--inline .c-predictive-search__field :where(input,select):focus-visible{border-color:var(--color-border);outline:0;box-shadow:none}.c-predictive-search--inline .c-predictive-search__submit:focus-visible{outline:0;box-shadow:none}.c-predictive-search--inline .c-predictive-search__results:not([hidden]){position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline:0;z-index:var(--z-overlay);max-block-size:min(65vh,38rem);overflow-y:auto;margin:0;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-sm)}@media(max-width:35.99rem){.c-predictive-search--inline .c-predictive-search__scope{inline-size:5.25rem;padding-inline:var(--space-2);font-size:var(--step--1)}.c-predictive-search--inline .c-predictive-search__input{padding-inline:var(--space-3)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-predictive-search.css.map */