.header__inline-search-wrapper,.header__inline-search,.header__inline-search-form{position:relative}.header__inline-search-input-wrapper{position:relative;display:flex;align-items:center;background:rgb(var(--background-primary) / .05);border:1px solid rgb(var(--text-color) / .15);border-radius:100px;padding:.5rem 1rem;min-width:180px;transition:all .2s ease}.header__inline-search-input-wrapper:focus-within{background:rgb(var(--background-primary) / .1);border-color:rgb(var(--text-color) / .3)}.header__inline-search-icon{width:18px;height:18px;margin-right:.5rem;opacity:.6;flex-shrink:0}.header__inline-search-input{border:none;background:transparent;outline:none;width:100%;font-size:var(--text-sm);color:rgb(var(--text-color));padding:0}.header__inline-search-input::placeholder{color:rgb(var(--text-color) / .5)}.header__inline-search-results{position:absolute;top:calc(100% + .5rem);right:0;max-width:450px;background:rgb(var(--background-primary));border:1px solid rgb(var(--border-color));border-radius:var(--rounded-input);box-shadow:var(--shadow-lg);max-height:70vh;overflow-y:auto;z-index:100;color:rgb(var(--text-primary))}.header__inline-search-results:not([hidden]){display:block;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header__inline-search-results .predictive-search-result{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--rounded-sm);transition:background .15s ease;text-decoration:none;color:rgb(var(--text-primary))}.header__inline-search-results .predictive-search-result:hover{background:rgb(var(--text-color) / .05)}.header__inline-search-results .predictive-search-result img{width:60px;height:60px;object-fit:cover;border-radius:var(--rounded-sm);flex-shrink:0;background:rgb(var(--text-color) / .05)}.header__inline-search-results .predictive-search-result__content{flex:1;min-width:0}.header__inline-search-results .predictive-search-result__vendor{font-size:var(--text-xs);color:rgb(var(--text-primary) / .5);margin-bottom:.125rem}.header__inline-search-results .predictive-search-result__title{font-weight:600;font-size:var(--text-sm);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--text-primary))}.header__inline-search-results .predictive-search-result__price{font-size:var(--text-xs);color:rgb(var(--text-primary) / .7);display:flex;align-items:center;gap:.5rem}.header__inline-search-results .predictive-search-result__price s{opacity:.6;text-decoration:line-through}.header__inline-search-view-all{display:block;padding:.75rem;text-align:center;font-size:var(--text-sm);color:rgb(var(--text-primary) / .7);text-decoration:none;border-top:1px solid rgb(var(--border-color));margin-top:.5rem;transition:color .15s ease}.header__inline-search-view-all:hover{color:rgb(var(--text-primary))}.header__inline-search-loading{padding:1rem}.header__inline-search-results .skeleton--thumbnail{width:60px;height:60px;border-radius:var(--rounded-sm);background:linear-gradient(90deg,rgb(var(--text-color) / .08) 25%,rgb(var(--text-color) / .12),rgb(var(--text-color) / .08) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.header__inline-search-results .skeleton--text{height:12px;border-radius:4px;background:linear-gradient(90deg,rgb(var(--text-color) / .08) 25%,rgb(var(--text-color) / .12),rgb(var(--text-color) / .08) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;width:var(--skeleton-text-width, 100%)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.header__inline-search-results .h-stack{display:flex;align-items:center}.header__inline-search-results .v-stack{display:flex;flex-direction:column}.header__inline-search-results .gap-1{gap:.25rem}.header__inline-search-results .gap-2{gap:.5rem}.header__inline-search-results .gap-3{gap:.75rem}.header__inline-search-results .gap-4{gap:1rem}.header__inline-search-results .w-full{width:100%}.header__inline-search-results .align-center{align-items:center}.header__inline-search-no-results{padding:2rem 1rem;text-align:center;color:rgb(var(--text-primary) / .6)}.header__inline-search-no-results p{margin:0}@media screen and (min-width:1400px){.header__inline-search-input-wrapper{min-width:180px}.header__inline-search-results{min-width:450px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/header-inline-search.css.map */