header-search-opener{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;padding:0}header-search.search-modal-wrapper,.search-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-index-search-modal);display:flex;justify-content:center;align-items:flex-start;background-color:#0003;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}header-search.search-modal-wrapper[open],.search-modal-wrapper[open]{opacity:1;visibility:visible;pointer-events:auto}header-search.search-modal-wrapper.closing,.search-modal-wrapper.closing{opacity:1;visibility:visible;pointer-events:auto}.search-modal-container{width:100%;max-width:100%;max-height:100vh;background-color:var(--color-surface-primary, #fff);transform:translateY(-100%);transition:transform .3s ease;padding:var(--spacing-margin-desktop, 48px) 0;overflow-y:auto;border-radius:0 0 20px 20px}header-search.search-modal-wrapper[open] .search-modal-container,.search-modal-wrapper[open] .search-modal-container{transform:translateY(0)}header-search.search-modal-wrapper.closing .search-modal-container,.search-modal-wrapper.closing .search-modal-container{transform:translateY(-100%)}.search-modal-close{width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;color:var(--color-text-primary, #000);display:flex;align-items:center;justify-content:center;padding:0}.search-modal-close .svg-wrapper{width:24px;height:24px}.search-modal-close:hover{opacity:.7}.search-modal-form{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--spacing-max-content-width-desktop);padding:0 var(--spacing-margin-desktop, 48px);margin:0 auto;gap:8px}.search-field{display:flex;align-items:center;width:100%;border-radius:45px;height:45px;position:relative}.search-field-prefix{position:absolute;left:16px;top:2px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.search-field-prefix.loading .svg-wrapper,.search-field-prefix .loading__spinner{display:none}.search-field-prefix.loading .loading__spinner{display:flex}.svg-wrapper{width:24px;height:24px}.search__input.field__input{border-radius:45px;width:100%;height:100%;padding:0 24px 0 56px;border:2px solid var(--color-border-primary);font-size:16px;font-weight:400;line-height:150%;color:var(--color-text-primary, #000)}.search__input.field__input::placeholder{padding-left:4px;color:var(--color-text-tertiary, #888)}.search__input.field__input:focus{outline:none;border:2px solid var(--primary-color);box-shadow:none}.search__input.field__input:focus-visible{outline:none;border:2px solid var(--primary-color);box-shadow:none}.search__input.field__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.predictive-search-container{display:flex;flex-direction:column;gap:24px}.predictive-search-recommendations{width:100%;max-width:var(--spacing-max-content-width-desktop);padding:0 var(--spacing-margin-desktop, 48px);margin:0 auto;display:flex;flex-direction:column;gap:16px}.predictive-search-recommendations.hidden{display:none}.predictive-search-recommendations-title{color:var(--color-text-tertiary, #888);font-size:14px;font-weight:400;line-height:150%}.predictive-search-recommendations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.predictive-search-recommendation-item{display:flex;flex-direction:column;gap:16px}.predictive-search-recommendation-item-title{color:var(--color-text-primary, #000);font-size:16px;font-weight:500;line-height:130%}.predictive-search-recommendation-ul{display:flex;flex-direction:column;gap:16px;list-style:none}.predictive-search-recommendation-li{display:flex;align-items:center;gap:8px}.predictive-search-recommendation-a{font-size:14px;text-decoration:none;color:var(--color-text-primary, #000)}.predictive-search-recommendation-a:hover{text-decoration:underline}.predictive-search-recommendation-tag{display:flex;padding:1px 6px;justify-content:center;align-items:center;color:var(--color-text-invert, #fff);text-align:center;font-size:10px;font-weight:400;line-height:150%;border-radius:var(--radius-product-tag, 1000px);background:#ed5555;height:17px;text-decoration:none}.search-modal-header,.predictive-search .predictive-search__loading-state{display:none}.predictive-search__results-container{max-width:var(--spacing-max-content-width-desktop);padding:0 var(--spacing-margin-desktop, 48px);margin:0 auto;display:flex;gap:40px}.predictive-search__result-recommendations{width:100%;max-width:368px;display:flex;gap:24px;flex-direction:column}.predictive-search__result-recommendations.predictive-search__result-fullscreen{max-width:100%}.predictive-search__result-heading{color:var(--color-text-primary, #000);font-size:16px;font-weight:500;line-height:130%}.predictive-search__results-list{display:flex;flex-direction:column;gap:16px}.predictive-search__list-item-a{-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;text-decoration:none;color:var(--color-text-secondary, #555);font-size:14px;font-weight:400;line-height:150%}.predictive-search__list-item-a mark,.predictive-search__list-item-a .highlight{color:var(--color-text-primary, #000);font-size:14px;font-weight:500;background-color:transparent}.predictive-search__result-products{width:100%;display:flex;flex-direction:column;gap:24px}.predictive-search__result-products-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.predictive-search__more-results-button{display:flex;align-items:center;gap:2px;cursor:pointer;color:var(--color-text-highlight);font-size:12px;font-weight:500;text-transform:capitalize;line-height:100%;height:15px}.predictive-search__more-results-button .svg-wrapper{width:14px;height:14px;display:flex;align-items:center;justify-content:center;transition:transform .5s ease}.predictive-search__more-results-button:hover .svg-wrapper{transform:translate(4px)}.predictive-search__results-grid{display:grid;row-gap:10px;column-gap:16px;grid-template-columns:repeat(2,1fr)}.predictive-search__results-grid.predictive-search__results-grid-fullscreen{grid-template-columns:repeat(3,1fr)}.predictive-search__grid-item-container{display:flex;align-items:center;text-decoration:none}.predictive-search__grid-item-image{width:100px;height:100px;object-fit:cover;z-index:1}.predictive-search__grid-item-content{display:flex;flex-direction:column;gap:16px;padding:20px 20px 20px 60px;margin-left:-50px;background-color:#f8f8f8;border-radius:8px;height:110px}.predictive-search__grid-item-title{overflow:hidden;color:var(--color-text-primary, #000);text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;font-size:14px;font-weight:500;max-width:400px}.predictive-search__grid-item-tag{display:flex;padding:1px 6px;justify-content:center;align-items:center;border-radius:1000px;background:var(--primary-color);color:var(--color-text-invert, #fff);text-align:center;font-size:10px;font-weight:400;line-height:150%;width:min-content;white-space:nowrap}.template-search>.predictive-search__result-no-results{margin-top:32px}.predictive-search__result-no-results{width:100%;display:flex;align-items:center;justify-content:center}.predictive-search__result-no-results-text{text-align:center;color:var(--color-text-tertiary, #888);font-size:20px;font-weight:300}.predictive-search__result-no-results-text span{color:var(--color-text-primary, #000)}@media screen and (max-width:1024px){.search-modal-container{padding:var(--spacing-margin-tablet, 40px) 0}.search-modal-form,.predictive-search-recommendations{max-width:var(--media-pad-width);padding:0 var(--spacing-margin-tablet, 40px)}.predictive-search-recommendations-grid{gap:24px}.predictive-search__results-container{gap:24px;padding:0 var(--spacing-margin-tablet, 40px)}.predictive-search__result-recommendations{max-width:300px}.predictive-search__grid-item-container{flex-direction:column;align-items:start}.predictive-search__grid-item-image{width:80px;height:80px;margin-left:10px}.predictive-search__grid-item-content{margin:-10px 0 0;padding:20px 16px 16px;gap:10px;height:100px}.predictive-search__grid-item-title{font-size:12px}}@media screen and (max-width:767px){.search-modal-container{transform:translate(-100%);visibility:hidden;transition:transform .3s,visibility .3s}header-search.search-modal-wrapper[open] .search-modal-container,.search-modal-wrapper[open] .search-modal-container{transform:translate(0);visibility:visible}header-search.search-modal-wrapper.closing .search-modal-container,.search-modal-wrapper.closing .search-modal-container{transform:translate(-100%)}.search-field-prefix{left:8px}.search__input.field__input{padding:0 24px 0 48px}.search-modal-container{height:100%;border-radius:0;padding:0 0 var(--spacing-margin-mobile, 24px)}.search-modal-header{height:56px;border-bottom:1px solid var(--color-border-primary, #ddd);display:flex;align-items:center;padding:0 10px;position:sticky;top:0;background:#fff;z-index:1}.predictive-search__result-recommendations{max-width:100%}.search-modal-header .svg-wrapper{display:flex;align-items:center;justify-content:center}.predictive-search-container{padding:24px 0 0}.search-modal-form .search-modal-close{display:none}.predictive-search-recommendations{gap:10px}.search-modal-form,.predictive-search-recommendations{max-width:var(--media-mobile-width);padding:0 var(--spacing-margin-mobile, 24px)}.predictive-search-recommendations-grid{grid-template-columns:repeat(1,1fr);gap:24px}.predictive-search-recommendation-item{gap:16px}.predictive-search__results-container{flex-direction:column;padding:0 var(--spacing-margin-mobile, 24px)}.predictive-search__result-recommendations{gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/311/assets/component-search.css.map */