.search-panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;background:var(--color-bg-page);color:var(--color-text-primary);overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(-1.2rem);transition:opacity var(--duration-fast) var(--ease-exit),transform var(--duration-fast) var(--ease-exit)}.search-panel[data-state=open]{opacity:1;transform:none;transition:opacity var(--duration-base) var(--ease-enter),transform var(--duration-base) var(--ease-enter)}.search-panel::backdrop{background:var(--color-bg-scrim);opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.search-panel[data-state=open]::backdrop{opacity:1}predictive-search{display:block}.search-panel__form{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-bottom:var(--border-hairline) solid var(--color-border-default)}.search-panel__field{display:flex;flex:1;align-items:center;gap:var(--space-2);min-width:0;min-height:4.8rem;padding-inline:var(--space-3) 0;background:var(--color-bg-subtle)}.search-panel__icon{flex-shrink:0;color:var(--color-text-muted)}.search-panel__input{flex:1;min-width:0;min-height:4.6rem;padding:0;border:0;background:transparent;color:var(--color-text-primary);font-family:var(--font-body);font-size:1.6rem;outline:none;-webkit-appearance:none;appearance:none}.search-panel__input::-webkit-search-cancel-button{display:none}.search-panel__input::placeholder{color:var(--color-text-placeholder)}.search-panel__field:focus-within{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.search-panel__clear{display:flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);padding:0;border:0;background:none;color:var(--color-text-muted);cursor:pointer}.search-panel__cancel{min-height:var(--touch-target);padding:0 var(--space-1);border:0;background:none;color:var(--color-text-primary);font-family:var(--font-body);font-size:1.4rem;font-weight:var(--weight-medium);cursor:pointer}.search-panel__body{padding-block:var(--space-5) var(--space-8)}.search-panel__start{display:grid;gap:var(--space-6)}.search-panel__start[hidden],.search-panel__group[hidden]{display:none}.search-panel__label{margin-bottom:var(--space-3);font-size:1.1rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-button);text-transform:uppercase;color:var(--color-text-muted)}.search-panel__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.search-panel__chips .chip{min-height:3.6rem;padding-inline:1.2rem}.predictive__grid{display:grid;gap:var(--space-6)}.predictive__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.predictive__suggestion{display:flex;align-items:center;gap:var(--space-3);min-height:4.4rem;padding-inline:var(--space-2);border-bottom:var(--border-hairline) solid var(--color-border-subtle);color:var(--color-text-primary);font-size:1.5rem}.predictive__suggestion .icon{color:var(--color-text-muted)}.predictive__suggestion mark{background:none;color:inherit;font-weight:var(--weight-regular)}.predictive__suggestion span{font-weight:var(--weight-semibold)}.predictive-row{display:grid;grid-template-columns:5.6rem minmax(0,1fr) auto;gap:var(--space-4);align-items:center;padding-block:var(--space-3);color:var(--color-text-primary)}.predictive-row__media{--media-ratio: 4 / 5;background:var(--color-bg-subtle)}.predictive-row__text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.predictive-row__meta span+span:before{content:"\b7";margin-inline:.6em}.predictive-row__title{font-family:var(--font-display);font-size:1.5rem;line-height:1.3}.predictive-row__price{font-size:1.3rem;font-weight:var(--weight-semibold)}.predictive__col--more{display:grid;gap:var(--space-5)}.predictive__link{display:block;padding-block:var(--space-2);color:var(--color-text-primary);font-size:1.4rem;line-height:1.45}.predictive__empty{padding-block:var(--space-4);font-size:1.5rem;color:var(--color-text-secondary)}.predictive [role=option]:hover,.predictive [role=option][aria-selected=true]{background:var(--color-bg-subtle);color:var(--color-text-primary)}.predictive [role=option][aria-selected=true]{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:-2px}.predictive__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:var(--border-hairline) solid var(--color-border-default)}.predictive__hint{font-size:1.2rem;color:var(--color-text-muted)}.predictive__all{display:flex;flex:1;align-items:center;justify-content:center;min-height:var(--control-lg);background:var(--color-action-primary-bg);color:var(--color-action-primary-text);font-size:var(--text-button);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-button);text-transform:uppercase}.predictive .predictive__all:hover,.predictive .predictive__all[aria-selected=true]{background:var(--color-action-primary-bg-hover);color:var(--color-action-primary-text)}@media(min-width:48em){.search-panel{inset:var(--search-panel-top, 0) 0 auto;height:auto;max-height:calc(100% - var(--search-panel-top, 0rem));background:var(--color-bg-surface);box-shadow:var(--shadow-overlay)}.search-panel__form{gap:var(--space-4);padding-block:var(--space-5) 0;border-bottom:0}.search-panel__field{min-height:6.4rem;padding:0;border-bottom:var(--border-hairline) solid var(--color-border-strong);background:none;gap:var(--space-4)}.search-panel__field:focus-within{box-shadow:0 1px 0 0 var(--color-border-strong)}.search-panel__input{min-height:6.2rem;font-family:var(--font-display);font-size:2.8rem}.search-panel__body{padding-block:var(--space-6) var(--space-7)}.search-panel__start{grid-template-columns:repeat(2,minmax(0,1fr))}.predictive__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--space-8)}.predictive__col--more{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.predictive__suggestion{min-height:3.8rem;border-bottom:0;font-size:1.4rem}.predictive-row__title{font-size:1.6rem}.predictive__all{flex:0 0 auto;min-height:0;padding-bottom:var(--space-1);background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;color:var(--color-text-primary);font-size:1.15rem}.predictive .predictive__all:hover,.predictive .predictive__all[aria-selected=true]{background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;color:var(--color-text-accent)}}@media(min-width:64em){.search-panel__input{font-size:3rem}.predictive__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) minmax(0,.9fr);gap:var(--space-10)}.predictive__col--more{grid-column:auto;grid-template-columns:minmax(0,1fr);align-content:start}}@media(prefers-reduced-motion:reduce){.search-panel,.search-panel[data-state=open]{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/component-predictive-search.css.map */