.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100vw;background-color:var(--colour-grey-dark);opacity:0;visibility:hidden;z-index:110}.search-overlay.is-animating{transition:opacity var(--transition-duration-slow) var(--transition-timing) 0s,visibility var(--transition-duration-slow) var(--transition-timing) 0s}.search-overlay.is-visible{opacity:.5;visibility:visible}.snippet-layout-predictive-search{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.snippet-layout-predictive-search.is-animating{transition:transform var(--transition-duration-slow) var(--transition-timing) 0s}.snippet-layout-predictive-search .predictive-search{overflow-y:auto;overflow-x:hidden}.snippet-layout-predictive-search .drawer-header{flex-shrink:0;height:var(--drawer-header-height);padding:0 1rem;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--colour-blue-grey)}.snippet-layout-predictive-search .close-button.modal{position:absolute;top:1rem;right:1rem;height:1rem;width:1rem;padding:0;display:flex;align-items:center;justify-content:center}.snippet-layout-predictive-search .close-button.modal svg{height:var(--close-svg-size-md);width:var(--close-svg-size-md);fill:var(--colour-grey-dark)}.snippet-layout-predictive-search .close-button[data-search-close-wrapper]{padding:0}.snippet-layout-predictive-search .close-button[data-search-close-wrapper] svg{height:var(--close-svg-size-md);width:var(--close-svg-size-md);fill:var(--colour-grey-dark)}.snippet-layout-predictive-search .predictive-results-wrapper{display:flex;flex-direction:column;gap:1.25rem;position:relative}.snippet-layout-predictive-search .predictive-results-wrapper .suggestion-queries-products ul,.snippet-layout-predictive-search .predictive-results-wrapper .results-products ul{display:flex;flex-direction:column;gap:.5rem}.snippet-layout-predictive-search ul{list-style:none;margin:0;padding:0}.snippet-layout-predictive-search ul li{display:flex}.snippet-layout-predictive-search .snippet-product-item{width:100%}.snippet-layout-predictive-search .results-list{flex-wrap:wrap}.snippet-layout-predictive-search .results-list a{text-decoration:none;color:inherit;width:100%}.snippet-layout-predictive-search .search-heading{margin:0 0 1rem}.snippet-layout-predictive-search .search-form-field{position:relative;width:calc(100% - 2rem)}.snippet-layout-predictive-search .suggestion-queries-list{position:relative;padding:0 1rem}.snippet-layout-predictive-search .results-collections,.snippet-layout-predictive-search .suggestion-queries-collections{--scc-font-size: var(--text-sm)}.snippet-layout-predictive-search .results-collections ul,.snippet-layout-predictive-search .suggestion-queries-collections ul{display:grid;grid-auto-flow:row;gap:1rem}.snippet-layout-predictive-search .results-collections .snippet-card-category,.snippet-layout-predictive-search .suggestion-queries-collections .snippet-card-category{--scc-image-width: 2.5rem;--scc-padding: 0;width:100%;background-color:transparent}.snippet-layout-predictive-search .results-collections .snippet-card-category img,.snippet-layout-predictive-search .suggestion-queries-collections .snippet-card-category img{object-fit:contain;background-color:var(--colour-white)}.snippet-layout-predictive-search predictive-search[open] .predictive-search,.snippet-layout-predictive-search predictive-search[loading] .predictive-search{opacity:1;visibility:visible}.snippet-layout-predictive-search predictive-search[open] .submit-button,.snippet-layout-predictive-search predictive-search[loading] .submit-button{pointer-events:auto}.snippet-layout-predictive-search .search-input::-webkit-search-cancel-button{display:none!important}.snippet-layout-predictive-search mark{background-color:var(--colour-search-highlight);color:inherit}predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading{display:none}.predictive-search-no-result-search-prompt{width:-webkit-fit-content;width:fit-content;background:transparent;border:none;padding:0;cursor:pointer}.predictive-search-no-result-search-prompt strong{position:relative}.predictive-search-no-result-search-prompt strong:before{content:"";position:absolute;bottom:-.25rem;left:0;width:0;height:1px;background-color:var(--colour-grey-dark);transition:width var(--transition-duration-slow)}.predictive-search-no-result-search-prompt strong:hover:before{width:100%}.predictive-search-no-result-search-prompt svg{margin-left:.5rem;display:inline-block;transform:translateY(.1rem)}:root.is-resizing .snippet-layout-predictive-search,:root.is-resizing .snippet-layout-predictive-search .predictive-search,:root.is-resizing .search-overlay{transition:none!important;transition-delay:0s!important}@media(min-width:1024px){.search-overlay.is-animating{transition:opacity var(--transition-duration-fast) var(--transition-timing) 0s,visibility var(--transition-duration-fast) var(--transition-timing) 0s}.snippet-layout-predictive-search{position:static;height:-webkit-fit-content;height:fit-content;width:auto;max-width:36vw}.snippet-layout-predictive-search .predictive-search{opacity:0;visibility:hidden;transition:opacity var(--transition-duration-fast) var(--transition-timing),visibility var(--transition-duration-fast) var(--transition-timing);position:absolute;top:calc(var(--header-padding-y) + var(--btn-main-height) + 1rem);left:50%;transform:translate(-50%);height:-webkit-fit-content;height:fit-content;width:54rem;z-index:111;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius-md);background-color:var(--colour-blue-tint);padding:2rem}.snippet-layout-predictive-search .drawer-header,.snippet-layout-predictive-search .close-button[data-search-close-wrapper]{display:none}.snippet-layout-predictive-search .view-results{grid-column:1;align-self:end}.snippet-layout-predictive-search .predictive-results-wrapper{display:grid;grid-template-columns:40% 1fr}.snippet-layout-predictive-search .predictive-results-wrapper:not(.search-performed){grid-template-rows:auto 1fr}.snippet-layout-predictive-search .predictive-results-wrapper{grid-template-columns:32% 1fr;gap:2rem 3.5rem}.snippet-layout-predictive-search .predictive-results-wrapper.search-performed{grid-auto-rows:auto}.snippet-layout-predictive-search .predictive-results-wrapper .suggestion-queries-list,.snippet-layout-predictive-search .predictive-results-wrapper #predictive-search-results-queries-list,.snippet-layout-predictive-search .predictive-results-wrapper .suggestion-queries-collections,.snippet-layout-predictive-search .predictive-results-wrapper .queries-results{grid-column:1/span 1}.snippet-layout-predictive-search .predictive-results-wrapper .suggestion-queries-products,.snippet-layout-predictive-search .predictive-results-wrapper .results-products{grid-column:2/span 2;grid-row:1/span 2}.snippet-layout-predictive-search .search-form-field{width:auto;max-width:var(--form-input-max-width);z-index:111}.snippet-layout-predictive-search .suggestion-queries-list{padding:0}.snippet-layout-predictive-search predictive-search[open] .predictive-search,.snippet-layout-predictive-search predictive-search[loading] .predictive-search{transition:opacity var(--transition-duration-fast) var(--transition-timing),visibility var(--transition-duration-fast) var(--transition-timing)}}@media(min-width:1600px){.snippet-layout-predictive-search .predictive-search{width:min(50vw,calc(var(--container-max-width) - 2 * var(--gutter)))}}@media(max-width:1023.98px){.snippet-layout-predictive-search{z-index:150;background-color:var(--colour-bg);width:var(--drawer-width);max-width:var(--drawer-max-width);right:auto;transform:translate(-100%)}.snippet-layout-predictive-search.is-visible{transform:none}.snippet-layout-predictive-search .predictive-search{height:calc(100vh - 10rem);max-height:none!important;padding-bottom:1.25rem}.snippet-layout-predictive-search .close-button.modal{display:none}.snippet-layout-predictive-search #predictive-search-results{position:relative}.snippet-layout-predictive-search .view-results{width:auto;margin:0 1rem;justify-content:center}.snippet-layout-predictive-search .predictive-results-wrapper>div:not(.suggestion-queries-list){padding:0 1rem}.snippet-layout-predictive-search .predictive-results-wrapper .queries-results,.snippet-layout-predictive-search .results-container,.snippet-layout-predictive-search .no-results-found{padding:0 1rem}.snippet-layout-predictive-search .search-form-field{margin-top:1.25rem;margin-left:1rem;margin-bottom:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/snippet-layout-predictive-search.css.map */