.search-modal-content predictive-search .predictive-search{display:none}.search-modal-content:has(predictive-search[open=true]) .predictive-search{display:flex}.snippet-predictive-search{--mobile-padding: 1.5rem;z-index:150;order:3}@media (max-width: 1023.98px){.snippet-predictive-search{width:100%;height:60px;transition:all var(--transition-duration) var(--transition-timing) 0s;background-color:var(--colour-sugar-cane);padding:0}}@media (min-width: 1024px){.snippet-predictive-search{order:0;flex-grow:1}}.snippet-predictive-search.is-visible{opacity:1;visibility:visible}.snippet-predictive-search .search-form-field{height:3rem;position:relative;z-index:100;background-color:var(--colour-white);box-sizing:content-box;border-radius:1.5rem;display:flex}@media (max-width: 1023.98px){.snippet-predictive-search .search-form-field{width:100%;margin-bottom:0}}@media (min-width: 1024px){.snippet-predictive-search .search-form-field{height:3.5rem;justify-content:flex-end}}.snippet-predictive-search .search-form-field input{color:inherit;background-color:var(--colour-white);border:1px solid var(--colour-emperor);border-radius:var(--border-radius-xs);-webkit-appearance:none;appearance:none;background-color:var(--colour-purple-x-light);padding-left:1.5rem;font-size:var(--font-size-base);width:100%;border-radius:1.5rem;border:none;transition:border var(--transition-duration) var(--transition-timing) 0s;overflow:hidden;padding-right:3rem}.snippet-predictive-search .search-form-field input:focus{outline:none}.snippet-predictive-search .search-form-field input:hover{outline:none}.snippet-predictive-search .search-form-field input:disabled{opacity:.5;pointer-events:none;cursor:default}.snippet-predictive-search .search-form-field input.placeholder{color:var(--colour-emperor);opacity:.5}.snippet-predictive-search .search-form-field input:-moz-placeholder{color:var(--colour-emperor);opacity:.5}.snippet-predictive-search .search-form-field input::-moz-placeholder{color:var(--colour-emperor);opacity:.5}.snippet-predictive-search .search-form-field input:-ms-input-placeholder{color:var(--colour-emperor);opacity:.5}.snippet-predictive-search .search-form-field input::-webkit-input-placeholder{color:var(--colour-emperor);opacity:.5}.snippet-predictive-search .search-form-field input:focus{border:1px solid black;transition-delay:var(--search-wrapper-delay)}@media (min-width: 1024px){.snippet-predictive-search .search-form-field input{font-size:var(--font-size-m);max-width:512px}}.snippet-predictive-search .search-form-field input[type=search]::-webkit-search-decoration,.snippet-predictive-search .search-form-field input[type=search]::-webkit-search-cancel-button,.snippet-predictive-search .search-form-field input[type=search]::-webkit-search-results-button,.snippet-predictive-search .search-form-field input[type=search]::-webkit-search-results-decoration{display:none}.snippet-predictive-search .search-form-field button.submit-button{position:absolute;top:12px;right:17px;height:auto;width:auto;border-radius:100%;background-color:transparent;color:var(--colour-black);display:grid;place-content:center;padding:0}@media (min-width: 1024px){.snippet-predictive-search .search-form-field button.submit-button{top:15px}}.snippet-predictive-search .search-form-field button.submit-button svg{height:24px;width:24px;fill:transparent}.snippet-predictive-search .search-form-field .reset-button{position:absolute;right:3.5rem;top:0;z-index:10;height:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-items:center}@media (min-width: 768px){.snippet-predictive-search .search-form-field .reset-button{right:4rem}}.snippet-predictive-search .search-form-field .reset-button.hidden{display:none;visibility:hidden}.snippet-predictive-search predictive-search[open]{height:auto}.snippet-predictive-search .predictive-search{opacity:0;visibility:hidden;display:none;overflow-y:auto;overflow-x:hidden;width:100vw;margin-left:-1rem;background-color:#fff}@media (max-width: 767.98px){.snippet-predictive-search .predictive-search{height:calc(100vh - 145px);max-height:none!important;padding-bottom:1.5rem}}@media (min-width: 768px){.snippet-predictive-search .predictive-search{transition:all var(--transition-duration) var(--transition-timing) 0s;position:absolute;top:106px;left:0;width:calc(100vw + var(--gutter));z-index:3;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2rem 0 1.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:auto;padding-left:var(--gutter)}}@media (min-width: 1024px){.snippet-predictive-search .predictive-search{left:calc(-1 * var(--gutter))}}@media (max-width: 767.98px){.snippet-predictive-search .predictive-search .close-button{display:none}}.snippet-predictive-search .close-button{position:absolute;top:1.5rem;right:1.5rem;height:2rem;width:2rem;padding:0;display:none;justify-content:flex-end}.snippet-predictive-search .close-button svg{height:1rem;width:1rem}@media (min-width: 768px){.snippet-predictive-search .close-button[data-search-close-wrapper]{display:none}}@media (max-width: 767.98px){.snippet-predictive-search #predictive-search-results{position:relative}}.snippet-predictive-search .search-for-btn{position:absolute;top:0;right:1.5rem}@media (min-width: 768px){.snippet-predictive-search .search-for-btn{right:0}}.snippet-predictive-search .predictive-results-wrapper{display:flex;flex-direction:column;gap:2rem;position:relative}@media (min-width: 768px){.snippet-predictive-search .predictive-results-wrapper{display:grid;grid-template-columns:20vw 1fr}.snippet-predictive-search .predictive-results-wrapper tabbed-view{grid-column:2}.snippet-predictive-search .predictive-results-wrapper tabbed-view .tab-buttons .container{padding-left:0}.snippet-predictive-search .predictive-results-wrapper tabbed-view .tab-buttons .container .c-btn:not(.active){font-weight:300}.snippet-predictive-search .predictive-results-wrapper tabbed-view simple-slider>ul{transform:translate(0);width:80vw}.snippet-predictive-search .predictive-results-wrapper>.container{grid-column:1;grid-row:1}}@media (min-width: 768px){.snippet-predictive-search .predictive-results-wrapper .suggestion-queries-list,.snippet-predictive-search .predictive-results-wrapper #predictive-search-results-queries-list,.snippet-predictive-search .predictive-results-wrapper .suggestion-queries-collections,.snippet-predictive-search .predictive-results-wrapper .queries-results{grid-column:1/span 2}}@media (max-width: 767.98px){.snippet-predictive-search .predictive-results-wrapper .queries-results{padding:1.5rem}}.snippet-predictive-search ul{list-style:none;margin:0;padding:0}.snippet-predictive-search ul li{display:flex}.snippet-predictive-search .snippet-product-item{width:100%}.snippet-predictive-search .results-list{display:grid;gap:1rem}.snippet-predictive-search .results-list.queries{display:flex;flex-wrap:wrap;gap:.5rem}.snippet-predictive-search .results-list a{text-decoration:none;color:inherit;font-weight:400;font-size:.875rem}@media (max-width: 767.98px){.snippet-predictive-search .predictive-results__query{margin-top:.5rem}}.snippet-predictive-search .predictive-results__query{font-size:var(--font-size-m)}.snippet-predictive-search .predictive-search__popular-searches a{color:inherit;text-decoration:none;font-weight:300}@media (max-width: 767.98px){.snippet-predictive-search .results-container{padding:0 var(--mobile-padding)}}@media (min-width: 768px){.snippet-predictive-search .results-products{grid-column:1/span 2}}.snippet-predictive-search .results-products .results-list{grid-template-columns:1fr 1fr;align-items:stretch}@media (min-width: 768px){.snippet-predictive-search .results-products .results-list{grid-template-columns:repeat(4,1fr)}}.snippet-predictive-search .search-heading{margin:0 0 1rem}@media (max-width: 767.98px){.snippet-predictive-search .suggestion-queries-list{padding:0 var(--mobile-padding)}}@media (max-width: 767.98px){.snippet-predictive-search .suggestion-queries-collections .search-heading{padding:0 var(--mobile-padding)}}.snippet-predictive-search .suggestion-queries-collections ul{display:grid;grid-auto-flow:column;grid-auto-columns:16.25rem;gap:1rem;width:100%;overflow-x:auto}@media (max-width: 767.98px){.snippet-predictive-search .suggestion-queries-collections ul{padding:0 var(--mobile-padding)}}@media (min-width: 1024px){.snippet-predictive-search .suggestion-queries-collections ul{grid-template-columns:repeat(3,1fr);grid-auto-columns:auto}}@media (min-width: 1024px){.snippet-predictive-search .suggestion-queries-collections .snippet-category-item{width:var(--category-item-width-sm)}}.snippet-predictive-search .suggestion-queries-collections .snippet-category-item a{font-size:.875rem}.snippet-predictive-search predictive-search[open] .predictive-search,.snippet-predictive-search predictive-search[loading] .predictive-search{opacity:1;visibility:visible;display:grid;transition-delay:var(--search-wrapper-delay)}@media (min-width: 768px){.snippet-predictive-search .tabbed-view{order:2}}predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading{display:none}.predictive-search__other-searches{display:flex;font-size:var(--font-size-base)}.predictive-search__other-searches h2{font-size:var(--font-size-base)}.predictive-search__other-searches>div{width:50%}.predictive-search__other-searches h2,.predictive-search__other-searches li{margin-bottom:.8rem}.predictive-search__suggestions h2{font-size:var(--font-size-base);margin-bottom:.8rem}@media (max-width: 767.98px){.predictive-search__suggestions{padding-top:1.5rem}}.predictive-search__other-searches h2{font-size:var(--font-size-base);margin-bottom:.8rem}@media (min-width: 768px){.predictive-search__other-searches{display:block}.predictive-search__other-searches>div{width:auto}.predictive-search__other-searches>div h2{font-size:var(--font-size-l)}.predictive-search__other-searches>div li{font-size:var(--font-size-m)}}.predictive-search--header{background:green;display:flex;flex-direction:column;gap:2rem;position:relative}@media (min-width: 768px){.predictive-search--header{display:grid;grid-template-columns:20vw 1fr}.predictive-search--header tabbed-view{grid-column:2}.predictive-search--header tabbed-view .tab-buttons .container{padding-left:0;margin-left:0;display:flex;gap:3rem}.predictive-search--header tabbed-view .tab-buttons .container button{margin-right:0}}@media (min-width: 768px) and (min-width: 768px){.predictive-search--header tabbed-view{width:calc(80vw - 3rem)}}@media (min-width: 768px) and (min-width: 1760px){.predictive-search--header tabbed-view{width:calc(1720px - 20vw)}}@media (min-width: 768px){.predictive-search--header>.container{grid-column:1;grid-row:1}}@media (max-width: 840px){.predictive-search--header .slider-ui,.predictive-search__suggestions .slider-ui{display:none!important}}.predictive-search--header .slider-ui,.predictive-search__suggestions .slider-ui{position:absolute;top:-76px;pointer-events:none}@media (min-width: 768px){.predictive-search--header simple-slider>ul,.predictive-search__suggestions simple-slider>ul{transform:translate(0);width:80vw;padding:0}}#predictive-search-results-collections-list li,#predictive-search-results-pages-list li,#slider-predictive-popular-results li,#slider-predictive-articles-results li{padding:0}#predictive-search-results-collections-list li a,#predictive-search-results-pages-list li a,#slider-predictive-popular-results li a,#slider-predictive-articles-results li a{text-decoration:none;white-space:normal;line-height:1.4}#predictive-search-results-collections-list li .product-card,#predictive-search-results-pages-list li .product-card,#slider-predictive-popular-results li .product-card,#slider-predictive-articles-results li .product-card{width:100%}
/*# sourceMappingURL=/cdn/shop/t/79/assets/snippet-predictive-search.css.map */