predictive-search{position:relative;display:flex;align-items:center}.predictive-search-form{position:relative;display:flex;align-items:center}.predictive-search-form__input{width:0;padding:0;border:none;background:transparent;color:#fff;font-size:.875rem;font-family:var(--font-body);letter-spacing:.02em;outline:none;opacity:0;transition:width .3s var(--transition-smooth),padding .3s var(--transition-smooth),opacity .3s var(--transition-smooth)}.predictive-search-form__input::placeholder{color:#ffffff80}.predictive-search-form.is-open .predictive-search-form__input{width:200px;padding:8px 12px;opacity:1;border-bottom:1px solid rgba(255,255,255,.2)}.predictive-search-form.is-open .predictive-search-form__input:focus{border-bottom-color:var(--color-accent)}.predictive-search__dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:480px;overflow-y:auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;box-shadow:0 8px 32px #0000001f;z-index:300;display:none}.predictive-search__dropdown[aria-hidden=false]{display:block}.predictive-search__loading{display:none;padding:24px;text-align:center;color:var(--color-muted);font-size:.875rem}.predictive-search__dropdown[data-loading=true] .predictive-search__loading{display:block}.predictive-search__dropdown[data-loading=true] #predictive-search-results{display:none}.predictive-search__group{border-bottom:1px solid var(--color-border)}.predictive-search__group:last-child{border-bottom:none}.predictive-search__group-heading{display:block;padding:12px 20px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--color-secondary)}.predictive-search__option{display:flex;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;color:var(--color-text);transition:background-color .15s ease}.predictive-search__option:hover,.predictive-search__option[aria-selected=true]{background-color:var(--color-background);color:var(--color-heading)}.predictive-search__option:focus-visible{outline:2px solid var(--color-secondary);outline-offset:-2px}.predictive-search__image{width:50px;height:50px;object-fit:cover;border-radius:2px;flex-shrink:0;background-color:var(--color-background)}.predictive-search__image--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-muted)}.predictive-search__option-content{display:flex;flex-direction:column;gap:2px;min-width:0}.predictive-search__option-title{font-size:.875rem;font-weight:500;color:var(--color-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.predictive-search__option-meta{font-size:.8125rem;color:var(--color-muted);letter-spacing:.02em}.predictive-search__view-all{display:block;padding:14px 20px;text-align:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);text-decoration:none;border-top:1px solid var(--color-border);transition:color .2s ease,background-color .2s ease}.predictive-search__view-all:hover{color:var(--color-secondary);background-color:var(--color-background)}.predictive-search__no-results{padding:32px 20px;text-align:center}.predictive-search__no-results p{color:var(--color-muted);font-size:.875rem;margin:0}@media(max-width:768px){.predictive-search-form{position:static}.predictive-search__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:249;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.predictive-search__overlay.is-visible{opacity:1;visibility:visible}.predictive-search__mobile-form{position:fixed;top:0;left:0;right:0;z-index:250;display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--color-primary);transform:translateY(-100%);transition:transform .3s var(--transition-smooth)}.predictive-search__mobile-form.is-visible{transform:translateY(0)}.predictive-search__mobile-input{flex:1;padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:2px;background:#ffffff1a;color:#fff;font-family:var(--font-body);font-size:1rem;outline:none}.predictive-search__mobile-input::placeholder{color:#ffffff80}.predictive-search__mobile-input:focus{border-color:var(--color-accent)}.predictive-search__mobile-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;color:#ffffffe6;cursor:pointer}.predictive-search__dropdown{position:fixed;top:64px;left:0;right:0;width:100%;max-height:calc(100vh - 64px);border:none;border-radius:0;z-index:250}}@media(min-width:769px){.predictive-search__overlay,.predictive-search__mobile-form,.predictive-search__mobile-close{display:none!important}}.predictive-search__dropdown::-webkit-scrollbar{width:4px}.predictive-search__dropdown::-webkit-scrollbar-track{background:transparent}.predictive-search__dropdown::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-predictive-search.css.map */