.search-form{position:relative;display:flex;align-items:center;gap:.5rem;width:100%;min-height:3.25rem;padding:.375rem .375rem .375rem 1rem;border:var(--bw) solid var(--ink);border-radius:var(--r-pill);background-color:var(--white);transition:box-shadow var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.search-form:focus-within{box-shadow:var(--shadow-pop-sm);transform:translateY(-2px)}.search-form__icon{display:grid;flex:none;color:var(--blue);place-items:center}.search-form__input{min-width:0;flex:1 1 auto;padding:.5rem 0;border:0;background:none;color:var(--ink);font-family:var(--font-sans);font-size:1rem;font-weight:500}.search-form__input::placeholder{color:var(--slate);opacity:1}.search-form__input:focus,.search-form__input:focus-visible{outline:none}.search-form__input::-webkit-search-decoration,.search-form__input::-webkit-search-cancel-button,.search-form__input::-webkit-search-results-button,.search-form__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search-form__clear{display:grid;width:1.75rem;height:1.75rem;flex:none;border:var(--bw-thin) solid var(--line);border-radius:var(--r-pill);background-color:var(--paper-2);color:var(--slate);place-items:center;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.search-form__clear:hover{background-color:var(--blue-soft);color:var(--blue)}.search-form__clear[hidden]{display:none}.search-form__submit{flex:none}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:block}.search-overlay[data-state=closed]{visibility:hidden;pointer-events:none}.search-overlay__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#080d1f59;background-color:color-mix(in srgb,var(--fixed-ink) 35%,transparent);opacity:0;transition:opacity var(--dur-3) var(--ease-out)}.search-overlay[data-state=open] .search-overlay__scrim{opacity:1}.search-overlay__panel{position:relative;max-height:100%;padding-block:1.25rem 2rem;overflow-y:auto;overscroll-behavior:contain;border-bottom:var(--bw) solid var(--ink);border-end-start-radius:var(--r-2xl);border-end-end-radius:var(--r-2xl);background-color:var(--paper);box-shadow:var(--shadow-lift);opacity:0;transform:translateY(-1.5rem);filter:blur(6px);transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out),filter var(--dur-3) var(--ease-out)}.search-overlay[data-state=open] .search-overlay__panel{opacity:1;transform:none;filter:none}.search-overlay__inner{display:flex;flex-direction:column;gap:1rem}.search-overlay__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.search-overlay__title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.02em}predictive-search{display:block}.predictive{position:relative}.predictive__results[hidden],.predictive__default[hidden],.predictive__recent[hidden]{display:none}.predictive__results,.predictive__default{margin-top:1rem}.predictive__groups{display:grid;gap:1.25rem}@media(min-width:768px){.predictive__groups--split{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}}.predictive__group{display:flex;flex-direction:column;gap:.25rem}.predictive__group-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem;color:var(--blue);font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.predictive__option{display:flex;align-items:center;gap:.75rem;padding:.5rem;border:var(--bw) solid transparent;border-radius:var(--r-md);color:var(--ink);text-decoration:none;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.predictive__option:hover,.predictive__option.is-active{border-color:var(--ink);background-color:var(--blue-soft);transform:translate(2px)}.predictive__thumb{display:grid;width:3rem;height:3rem;flex:none;overflow:hidden;border:var(--bw) solid var(--ink);border-radius:var(--r-sm);background-color:var(--paper-2);place-items:center}.predictive__thumb img{width:100%;height:100%;object-fit:cover}.predictive__thumb--icon{color:var(--blue)}.predictive__body{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:.125rem}.predictive__title{overflow:hidden;font-size:.92rem;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.predictive__sub{color:var(--slate);font-size:.78rem;line-height:1.4}.predictive__price{display:flex;flex:none;align-items:baseline;gap:.375rem;font-family:var(--font-mono);font-size:.85rem;font-weight:700}.predictive__price s{color:var(--slate);font-size:.75rem;font-weight:500}.predictive__badge{flex:none}.predictive__view-all{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.25rem;padding:.75rem 1rem;border:var(--bw) solid var(--ink);border-radius:var(--r-pill);background-color:var(--white);color:var(--ink);font-family:var(--font-display);font-size:.9rem;font-weight:800;text-decoration:none;box-shadow:var(--shadow-pop-sm);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.predictive__view-all:hover,.predictive__view-all.is-active{background-color:var(--blue-soft);transform:translateY(-3px);box-shadow:var(--shadow-pop)}.predictive__view-all:active{transform:translateY(3px);box-shadow:none}.predictive__skeleton-row{display:flex;align-items:center;gap:.75rem;padding:.5rem}.predictive__skeleton-thumb{width:3rem;height:3rem;flex:none;border-radius:var(--r-sm)}.predictive__skeleton-lines{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:.4rem}.predictive__skeleton-line{height:.7rem;border-radius:var(--r-pill)}.predictive__skeleton-line--short{width:40%}.predictive__empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background-color:var(--white);text-align:center}.predictive__empty-title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.predictive__empty-text{color:var(--slate);font-size:.88rem}.predictive__chips{display:flex;flex-wrap:wrap;gap:.5rem}.predictive__chip{text-decoration:none}.predictive__clear{color:var(--slate);font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.25em;transition:color var(--dur-1) var(--ease-out)}.predictive__clear:hover{color:var(--blue)}html.no-anim .search-overlay__panel,html.no-anim .search-overlay__scrim{transition-duration:.001ms}@media(prefers-reduced-motion:reduce){.search-form,.search-form__clear,.search-overlay__panel,.search-overlay__scrim,.predictive__option,.predictive__view-all,.predictive__clear{transition-duration:.001ms!important}.search-overlay__panel{filter:none;transform:none}.predictive__option:hover,.predictive__option.is-active,.predictive__view-all:hover,.predictive__view-all.is-active{transform:none}.predictive__skeleton-thumb,.predictive__skeleton-line{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-search.css.map */