predictive-search{display:block;position:relative;width:100%;max-width:600px;margin:0 auto}predictive-search form{display:flex;align-items:center;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:.5rem .75rem;box-shadow:0 2px 6px #0000000d;transition:border-color .2s ease,box-shadow .2s ease;height:40px}predictive-search form:focus-within{border-color:#3b82f6;box-shadow:0 4px 10px #3b82f633}predictive-search label{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}predictive-search input[type=search]{flex:1;border:none;outline:none;background:transparent;font-size:1rem;padding:.5rem;color:#111827}predictive-search input[type=search]::placeholder{color:#9ca3af}#predictive-search{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;z-index:50}#predictive-search-results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 20px #00000014;max-height:80vh;overflow-y:auto;padding:.75rem;animation:fadeIn .25s ease-in-out}.predictive-search__heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:#6b7280;margin:1rem 0 .5rem}.predictive-search__results-list{margin:0;padding:0;list-style:none}.predictive-search__list-item{border-radius:8px;transition:background .2s ease}.predictive-search__item{display:flex;align-items:center;padding:.65rem .75rem;color:#111827;text-decoration:none;border-radius:inherit}.predictive-search__list-item:hover,.predictive-search__list-item:focus-within{background:#f9fafb}.predictive-search__item-heading{font-size:.95rem;font-weight:500;margin:0;color:#111827}.predictive-search__item-vendor{font-size:.7rem;text-transform:uppercase;color:#6b7280;margin-bottom:.2rem}.predictive-search__item--link-with-thumbnail{gap:.75rem}.predictive-search__image{border-radius:6px;object-fit:cover;flex-shrink:0;width:50px;height:50px;background:#f3f4f6}.predictive-search__search-for-button{margin-top:1rem;text-align:center}.predictive-search__search-for-button button{width:100%;padding:.75rem;border-radius:10px;background:#f3f4f6;color:#111827;border:none;cursor:pointer;font-size:.95rem;font-weight:500;display:flex;justify-content:center;align-items:center;gap:.4rem;transition:background .2s ease}.predictive-search__search-for-button button:hover{background:#e5e7eb}#predictive-search-results::-webkit-scrollbar{width:8px}#predictive-search-results::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}predictive-search .spinner{width:1.5rem;height:1.5rem;line-height:0}predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading{display:none}predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:1rem}predictive-search[loading] .predictive-search__search-for-button{display:none}predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button{display:initial}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.header__search{display:inline-block}.header__icon--search{cursor:pointer;display:flex;align-items:center;justify-content:center}.header__icon--search .header__icon-close{display:none}details[open] .header__icon--search .svg-wrapper:first-child{display:none}details[open] .header__icon--search .header__icon-close{display:inline-flex}.search-modal{position:absolute;top:0;left:0;right:0;background:#fff;padding:1rem 1.25rem;box-shadow:0 4px 12px #0000001a;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000}details[open] .search-modal{transform:translateY(0);opacity:1;width:44%;margin:150px auto 0;padding:14px}.search-modal form{display:flex;align-items:center;max-width:700px;margin:0 auto;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.5rem .75rem}.search-modal label{position:absolute;left:-9999px}.search-modal input[type=search]{flex:1;border:none;outline:none;background:transparent;font-size:1rem;padding:.5rem;color:#111827}.search-modal input[type=search]::placeholder{color:#9ca3af}.search-modal #predictive-search{position:absolute;top:calc(100% + .25rem);left:0;right:0;max-width:700px;margin:0 auto}@media(max-width:1224px){details[open] .search-modal{margin:93px auto 0}}@media(max-width:768px){predictive-search{max-width:100%}predictive-search form{border-radius:10px;padding:.4rem .6rem}predictive-search input[type=search]{font-size:.95rem}#predictive-search-results{max-height:70vh;padding:.5rem}.predictive-search__item-heading{font-size:.9rem}.predictive-search__image{width:40px;height:40px}.predictive-search__search-for-button button{font-size:.9rem}.search-modal{padding:.75rem}.search-modal form{border-radius:10px;padding:.4rem .6rem}.search-modal input[type=search]{font-size:.95rem}details[open] .search-modal{width:90%}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/predictive-search.css.map */