.predictive-search{position:relative;width:100%;max-width:500px}.predictive-search__form{position:relative}.predictive-search__input-wrapper{position:relative;display:flex;align-items:center}.predictive-search__icon{position:absolute;left:var(--spacing-3);display:flex;align-items:center;pointer-events:none;color:var(--color-text-secondary)}.predictive-search__icon svg{width:20px;height:20px}.predictive-search__input{flex:1;padding-left:calc(var(--spacing-3) + 24px + var(--spacing-2));padding-right:calc(var(--spacing-3) + 80px)}.predictive-search__input::-webkit-search-cancel-button,.predictive-search__input::-webkit-search-decoration,.predictive-search__input::-webkit-search-results-button,.predictive-search__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.predictive-search__input::-ms-clear{display:none;width:0;height:0}.predictive-search__clear{position:absolute;right:50px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-secondary)}.predictive-search__clear svg{width:16px;height:16px}.predictive-search__submit{position:absolute;right:var(--spacing-1);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-primary);color:var(--color-button-text);border-radius:calc(var(--inputs-border-radius) - 2px);transition:background-color var(--duration-short) var(--ease-out)}.predictive-search__submit:hover{background-color:var(--color-secondary)}.predictive-search__submit svg{width:18px;height:18px}.predictive-search__results{position:absolute;top:calc(100% + var(--spacing-2));left:0;right:0;max-height:70vh;overflow-y:auto;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--card-border-radius);box-shadow:0 10px 40px #00000026;z-index:var(--z-dropdown);visibility:visible;opacity:1}.predictive-search__results.hidden{display:none!important;visibility:hidden;opacity:0}.predictive-search__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8)}.predictive-search__no-results{padding:var(--spacing-6);text-align:center;color:var(--color-text-secondary)}.predictive-search__label{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.predictive-search__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);transition:background-color var(--duration-short) var(--ease-out)}.predictive-search__item:hover,.predictive-search__item.is-selected{background-color:var(--color-background-secondary)}.predictive-search__item a{display:flex;align-items:center;gap:var(--spacing-3);flex:1;text-decoration:none;color:inherit}.predictive-search__item-image{width:50px;height:50px;border-radius:var(--card-border-radius);overflow:hidden;background-color:var(--color-background-secondary);flex-shrink:0}.predictive-search__item-image img{width:100%;height:100%;object-fit:cover}.predictive-search__item-content{flex:1;min-width:0}.predictive-search__item-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.predictive-search__item-price{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.predictive-search__item-type{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase}.predictive-search__recent,.predictive-search__popular{border-bottom:1px solid var(--color-border)}.predictive-search__recent-list,.predictive-search__popular-list{padding:var(--spacing-2) 0}.predictive-search__suggestion{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;color:inherit;transition:background-color var(--duration-short) var(--ease-out)}.predictive-search__suggestion:hover,.predictive-search__suggestion.is-selected{background-color:var(--color-background-secondary)}.predictive-search__suggestion svg{width:16px;height:16px;color:var(--color-text-secondary)}.predictive-search__clear-recent{display:block;width:100%;padding:var(--spacing-2) var(--spacing-4);text-align:left;border-top:1px solid var(--color-border)}.predictive-search__view-all{display:block;padding:var(--spacing-4);text-align:center;font-weight:500;color:var(--color-primary);border-top:1px solid var(--color-border);text-decoration:none;transition:background-color var(--duration-short) var(--ease-out)}.predictive-search__view-all:hover{background-color:var(--color-background-secondary)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-predictive-search.css.map */