.search-modal__content{--modal-width: min(680px, 94dvw);--search-border-radius: 20px}@media screen and (min-width:750px){.search-modal__content{margin-block-start:min(12dvh,8rem)}}.search-modal__content::backdrop{background:#00000052;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}.dialog-modal[open].search-modal__content{border:1px solid rgb(var(--color-foreground-rgb) / .08);border-radius:var(--search-border-radius);box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb) / .03),0 8px 24px #0000001a,0 24px 80px #0000002e;animation:modern-search-in .28s var(--ease-out-quad) both;transform-origin:top center}.dialog-modal.search-modal__content.dialog-closing{animation:modern-search-out .18s var(--ease-out-quad) forwards}@media screen and (max-width:749px){.dialog-modal[open].search-modal__content{border:none;border-radius:0;box-shadow:none}}@keyframes modern-search-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modern-search-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.dialog-modal input.search-input{font-size:1.0625rem;padding-block:1.05rem;letter-spacing:-.01em}.dialog-modal input.search-input::placeholder{color:rgb(var(--color-foreground-rgb) / .4)}.predictive-search__icon{transition:color .2s var(--ease-out-quad),transform .2s var(--animation-timing-bounce)}.predictive-search-form__header-inner:focus-within .predictive-search__icon{color:var(--color-foreground);transform:scale(1.08)}.dialog-modal .predictive-search__reset-button{min-width:unset;height:auto;padding:.3rem .75rem;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .05);border:1px solid rgb(var(--color-foreground-rgb) / .08);font-size:.75rem;font-weight:500;opacity:.85}.dialog-modal .predictive-search__reset-button:hover{background:rgb(var(--color-foreground-rgb) / .1);opacity:1}.predictive-search__kbd-hint{display:none;align-items:center;flex-shrink:0;margin-inline-end:var(--margin-md);padding:.2rem .5rem;border-radius:7px;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-bottom-width:2px;background:rgb(var(--color-foreground-rgb) / .04);color:rgb(var(--color-foreground-rgb) / .55);font-family:inherit;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none}@media screen and (min-width:750px){.predictive-search__kbd-hint{display:inline-flex}}.predictive-search-results__title{font-size:.6875rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .5)}.predictive-search-results__pill{border-radius:999px;background-color:rgb(var(--color-foreground-rgb) / .05);border:1px solid rgb(var(--color-foreground-rgb) / .07)}.predictive-search-results__pill:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.predictive-search-results__pill:focus,.predictive-search-results__pill:hover,.predictive-search-results__card--query:is([aria-selected=true],:focus-within) .predictive-search-results__pill{background-color:rgb(var(--color-foreground-rgb) / .09);outline:none;border-color:rgb(var(--color-foreground-rgb) / .18)}.predictive-search-results__inner mark{background:transparent;color:var(--color-foreground);font-weight:600}.predictive-search-results__card:not(.predictive-search-results__card--product){border-color:rgb(var(--color-foreground-rgb) / .08);border-radius:14px}.predictive-search-results__card:not(.predictive-search-results__card--product):hover{border-color:rgb(var(--color-foreground-rgb) / .16);box-shadow:0 6px 20px #00000012;transform:translateY(-2px)}.predictive-search-results__card--product:hover,.recently-viewed-wrapper .predictive-search-results__card--product:hover{box-shadow:0 8px 24px #00000014}.predictive-search__search-button{border-radius:999px;padding-inline:1.75rem;box-shadow:0 2px 12px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.predictive-search__search-button:hover{box-shadow:0 6px 18px #00000024}@media(prefers-reduced-motion:reduce){.dialog-modal[open].search-modal__content,.dialog-modal.search-modal__content.dialog-closing{animation-duration:1ms}.predictive-search-results__pill:hover,.predictive-search-results__card:not(.predictive-search-results__card--product):hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/137/assets/predictive-search-modern.css.map */
