.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{display:block;inline-size:100%;block-size:100%;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(min-width:48rem){.c-predictive-search--inline .c-predictive-search__content{grid-template-columns:1fr}.c-predictive-search--inline .c-predictive-search__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.c-predictive-search--inline .c-predictive-search__view-all{grid-column:1/-1}}@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)}}@media(max-width:47.99rem){.c-predictive-search--inline .c-predictive-search__field{overflow:hidden;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.c-predictive-search--inline .c-predictive-search__field:focus-within{border-radius:var(--radius-sm)}.c-predictive-search--inline .c-predictive-search__scope,.c-predictive-search--inline .c-predictive-search__input,.c-predictive-search--inline .c-predictive-search__submit{border:0;border-radius:0}.c-predictive-search--inline .c-predictive-search__scope{background:color-mix(in srgb,var(--color-surface) 90%,var(--color-accent) 10%)}.c-predictive-search--inline .c-predictive-search__input,.c-predictive-search--inline .c-predictive-search__submit{background:transparent}}.c-predictive-search--inline .c-predictive-search__field{display:grid;grid-template-columns:minmax(0,1fr) 3.4rem!important;gap:0!important;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--header-accent,var(--color-accent)) 72%,var(--color-border));border-radius:1.65rem!important;background:var(--color-bg);box-shadow:none}.c-predictive-search--inline .c-predictive-search__field:focus-within{border-radius:1.65rem!important;border-color:var(--header-accent,var(--color-accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--header-accent,var(--color-accent)) 18%,transparent)!important}.c-predictive-search--inline .c-predictive-search__scope{display:none!important}.c-predictive-search--inline .c-predictive-search__input{min-block-size:3.2rem!important;padding-inline:1.25rem!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--header-heading,var(--color-text));font-size:clamp(.96rem,1.08vw,1.1rem);line-height:1.2}.c-predictive-search--inline .c-predictive-search__input::placeholder{color:color-mix(in srgb,var(--header-heading,var(--color-text)) 82%,transparent);opacity:1}.c-predictive-search--inline .c-predictive-search__submit{display:grid;place-items:center;min-inline-size:3.4rem!important;min-block-size:3.2rem!important;padding:0!important;border:0!important;border-inline-start:1px solid color-mix(in srgb,var(--header-accent,var(--color-accent)) 26%,transparent)!important;border-radius:0!important;background:color-mix(in srgb,var(--header-accent,var(--color-accent)) 18%,var(--color-bg))!important;color:var(--header-accent,var(--color-accent))!important;transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.c-predictive-search--inline .c-predictive-search__submit:hover{background:color-mix(in srgb,var(--header-accent,var(--color-accent)) 28%,var(--color-bg))!important}.c-predictive-search--inline .c-predictive-search__submit .c-header__icon{inline-size:1.15rem;block-size:1.15rem}@media(max-width:47.99rem){.c-predictive-search--inline .c-predictive-search__field{border-radius:1.35rem!important}}.c-predictive-search--inline .c-predictive-search__field{border:2px solid var(--header-accent,var(--color-accent))!important;border-radius:1.65rem!important;background:var(--color-bg)!important}.c-predictive-search--inline .c-predictive-search__field:focus-within{border-color:var(--header-accent,var(--color-accent))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--header-accent,var(--color-accent)) 18%,transparent)!important}.c-predictive-search--inline .c-predictive-search__submit{border-inline-start:1px solid color-mix(in srgb,var(--header-accent,var(--color-accent)) 34%,transparent)!important}@media(min-width:48rem){.template-index .c-predictive-search--inline .c-predictive-search__field{border:1px solid #d8cdbf!important;background:#f7f2e8!important;box-shadow:none!important}.template-index .c-predictive-search--inline .c-predictive-search__input{background:transparent!important}.template-index .c-predictive-search--inline .c-predictive-search__submit{border-inline-start:1px solid #ddd0bc!important;background:#efe5d4!important;color:var(--header-accent,var(--color-accent))!important}.template-index .c-predictive-search--inline .c-predictive-search__submit:hover{background:#e8dcc7!important}.template-index .c-predictive-search--inline .c-predictive-search__field:focus-within{border-color:var(--header-accent,var(--color-accent))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--header-accent,var(--color-accent)) 14%,transparent)!important}}@media(min-width:48rem){.template-index .c-header .c-predictive-search--inline .c-predictive-search__field{border:0!important;box-shadow:none!important}.template-index .c-header .c-predictive-search--inline .c-predictive-search__field:focus-within{border:0!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--header-accent,var(--color-accent)) 12%,transparent)!important}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/component-predictive-search.css.map */