.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-background);z-index:9999;display:none;flex-direction:column}body.search-open .search-modal{display:flex;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.search-open{overflow:hidden}.search-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;cursor:pointer}.search-modal__content{position:relative;background-color:var(--color-background);width:100%;max-width:100%;padding:2rem 0;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;align-items:center;z-index:2;min-height:40vh}.search-modal__header{width:100%;max-width:800px;padding:0 2rem;display:flex;align-items:center;gap:1rem}.search-modal__close{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-foreground);display:flex;align-items:center;justify-content:center}.search-modal__close svg{width:24px;height:24px}.search-modal__form{flex:1;position:relative;display:flex;align-items:center;border:1px solid var(--color-border, #e5e5e5);border-radius:50px;padding:0 1.5rem;background-color:var(--color-background)}.search-modal__input{width:100%;border:none;background:none;padding:1rem 0;font-size:1.2rem;color:var(--color-foreground);text-align:right;-webkit-appearance:none;appearance:none}.search-modal__input::-webkit-search-decoration,.search-modal__input::-webkit-search-cancel-button,.search-modal__input::-webkit-search-results-button,.search-modal__input::-webkit-search-results-decoration{display:none}.search-modal__input:focus{outline:none}.predictive-search__image .no-image{width:100%;height:100%;background-color:var(--color-background)}.search-modal__submit{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-foreground);display:flex;align-items:center;order:-1}.search-modal__submit svg{width:20px;height:20px}.search-modal__clear{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-foreground);opacity:.6;display:flex;align-items:center;justify-content:center;order:2}.search-modal__clear svg{width:18px;height:18px}.search-modal__results{width:100%;max-width:1200px;padding:3rem 2rem;flex:1;overflow-y:auto}.search-modal__header-group{margin-bottom:3rem;width:100%}.search-modal__suggestions{text-align:right}.search-modal__suggestions-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.search-modal__suggestions-list{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start}.search-modal__suggestion-item{background-color:var(--color-border);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;text-decoration:none;color:inherit;transition:background-color .2s}.search-modal__suggestion-item:hover{background-color:var(--color-border)}.predictive-search__results-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;text-align:right}@media screen and (min-width: 750px){.predictive-search__results-list{grid-template-columns:repeat(4,1fr)}}.predictive-search__list-item{width:100%}.predictive-search__item{display:flex;flex-direction:column;gap:1rem;text-decoration:none;color:inherit;transition:opacity .3s}.predictive-search__item:hover{opacity:.8}.predictive-search__image{position:relative;aspect-ratio:1;overflow:hidden;border-radius:4px}.predictive-search__image img{width:100%;height:100%;object-fit:cover}.predictive-search__info{display:flex;flex-direction:column;gap:.3rem}.predictive-search__title{font-size:1rem;font-weight:700;margin:0}.predictive-search__price{font-size:.9rem;color:var(--color-foreground);opacity:.7}.predictive-search__heading{font-size:1.5rem;font-weight:800;margin-bottom:2rem;text-align:right;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.search-modal__loading{display:none;justify-content:center;padding:2rem}.search-modal--loading .search-modal__loading{display:flex}.search-modal--loading .predictive-search__results{opacity:.5;pointer-events:none}.search-modal__suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #e5e5e5)}.search-modal__suggestions-title{margin-bottom:0}.search-modal__view-all{font-size:.9rem;text-decoration:underline;color:var(--color-foreground);font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/4/assets/search-modal.css.map */