.mp-predictive-search{position:relative;display:inline-flex}html.mp-search-open,html.mp-search-open body{overflow:hidden}html.mp-search-open{scrollbar-gutter:stable}.mp-predictive-search__dialog{--mp-predictive-search-top: clamp(3.2rem, 8vh, 8rem);position:fixed;top:var(--mp-predictive-search-top);right:auto;bottom:auto;left:50%;width:min(72rem,calc(100vw - 4rem));max-width:none;max-height:calc(100vh - var(--mp-predictive-search-top) - 3.2rem);max-height:calc(100dvh - var(--mp-predictive-search-top) - 3.2rem);margin:0;padding:0;overflow:hidden;border:0;border-radius:var(--mp-radius-lg);background:var(--mp-color-white);color:var(--mp-color-ink);box-shadow:0 2.4rem 6rem #1a1a1a2e;overscroll-behavior:contain;transform:translate(-50%)}.mp-predictive-search__dialog::backdrop{background:#1a1a1a47}.mp-predictive-search__panel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:1.2rem;min-width:0;max-height:inherit;padding:2rem}.mp-predictive-search__header{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.mp-predictive-search__eyebrow{margin:0;color:var(--mp-color-pink-text);font-size:var(--mp-text-sm);font-weight:var(--mp-font-weight-heavy);letter-spacing:.08em;text-transform:uppercase}.mp-predictive-search__close{display:inline-grid;width:4rem;height:4rem;place-items:center;border:0;border-radius:var(--mp-radius-pill);background:var(--mp-color-surface);color:var(--mp-color-ink);cursor:pointer;font-size:2.2rem;line-height:1}.mp-predictive-search__form{display:flex;width:100%;min-width:0;gap:var(--mp-space-2);padding:.8rem;border:.1rem solid var(--mp-color-border);border-radius:var(--mp-radius-pill);background:var(--mp-color-white);box-shadow:0 1.6rem 4rem #1a1a1a14}.mp-predictive-search__form:focus-within{outline:.2rem solid var(--mp-color-ink);outline-offset:.3rem}.mp-predictive-search__input{flex:1;min-width:0;min-height:5.2rem;padding-inline:2rem;border:0;border-radius:var(--mp-radius-pill);background:transparent;color:var(--mp-color-ink);font-size:var(--mp-text-lg);outline:none}.mp-predictive-search__submit{flex:0 0 auto}.mp-predictive-search__input::placeholder{color:color-mix(in srgb,var(--mp-color-text) 68%,transparent)}.mp-predictive-search__meta{display:flex;min-width:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--mp-space-2)}.mp-predictive-search__status{margin:0;color:var(--mp-color-text);font-size:var(--mp-text-sm)}.mp-predictive-search__view-all{color:var(--mp-color-pink-text);font-size:var(--mp-text-sm);font-weight:var(--mp-font-weight-heavy);text-decoration:none}.mp-predictive-search__results{display:grid;gap:.8rem;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.mp-predictive-search__results[hidden],.mp-predictive-search__view-all[hidden]{display:none!important}.mp-predictive-search__result{display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:var(--mp-space-3);align-items:center;padding:var(--mp-space-3);border:.1rem solid var(--mp-color-border);border-radius:var(--mp-radius-sm);background:var(--mp-color-white);color:var(--mp-color-ink);text-decoration:none}.mp-predictive-search__result:hover,.mp-predictive-search__result:focus-visible,.mp-predictive-search__result.is-active{border-color:var(--mp-color-pink);box-shadow:0 0 0 .2rem #fd219b24}.mp-predictive-search__result-image{width:5.6rem;aspect-ratio:1;border-radius:var(--mp-radius-xs);object-fit:cover;background:var(--mp-color-surface)}.mp-predictive-search__result-title{display:block;font-size:var(--mp-text-base);font-weight:var(--mp-font-weight-heavy)}.mp-predictive-search__result-meta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:var(--mp-space-1);color:var(--mp-color-text);font-size:var(--mp-text-sm)}.mp-predictive-search__result-type{color:var(--mp-color-pink-text);font-weight:var(--mp-font-weight-heavy);text-transform:uppercase;letter-spacing:.08em}.mp-predictive-search__empty{padding:var(--mp-space-3) 0 var(--mp-space-1);color:var(--mp-color-text);font-size:var(--mp-text-sm)}.mp-sr-only{position:absolute;width:.1rem;height:.1rem;padding:0;margin:-.1rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:749px){.mp-predictive-search__dialog{--mp-predictive-search-top: max(1.6rem, env(safe-area-inset-top));width:calc(100vw - 3.2rem);max-height:calc(100vh - var(--mp-predictive-search-top) - max(1.6rem,env(safe-area-inset-bottom)));max-height:calc(100dvh - var(--mp-predictive-search-top) - max(1.6rem,env(safe-area-inset-bottom)));border-radius:var(--mp-radius-lg)}.mp-predictive-search__panel{padding:1.6rem}.mp-predictive-search__form{gap:.8rem}.mp-predictive-search__submit{min-height:5.2rem;padding-inline:2rem}.mp-predictive-search__input{padding-inline:1.6rem}}@media(prefers-reduced-motion:reduce){.mp-predictive-search__result{transition:none}}.mp-predictive-search__close .mp-icon-plus{--mp-icon-plus-size: 2.4rem}
/*# sourceMappingURL=/cdn/shop/t/22/assets/mp-predictive-search.css.map */