.snippet-layout-predictive-search{background-color:var(--colour-white);z-index:950;position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100vw;opacity:0;visibility:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s;transform:translate(100%)}.js-search-visible .snippet-layout-predictive-search{opacity:1;visibility:visible;transform:none}.snippet-layout-predictive-search .search-modal-content{height:100%}.snippet-layout-predictive-search predictive-search form{height:100%;padding:3rem 0 0;display:flex;flex-direction:column;flex-grow:1}.snippet-layout-predictive-search .predictive-search{opacity:0;visibility:hidden;overflow-y:auto;overflow-x:hidden;padding:0 var(--gutter) 1rem}.snippet-layout-predictive-search .submit-button{position:absolute;top:50%;right:2.5rem;height:1rem;width:1rem;transform:translateY(-50%);padding:0}.snippet-layout-predictive-search .submit-button svg{height:1rem;width:1rem}.snippet-layout-predictive-search .reset-button{position:absolute;right:4.25rem;top:0;z-index:10;height:100%;width:-webkit-fit-content;width:fit-content;display:flex;align-items:center;font-size:.75rem}.snippet-layout-predictive-search .reset-button.hidden{display:none;visibility:hidden}.snippet-layout-predictive-search .close-button{position:absolute;top:1rem;right:1rem;height:1rem;width:1rem;padding:0;display:flex;justify-content:flex-end}.snippet-layout-predictive-search .close-button svg{height:.75rem;width:.75rem;fill:var(--colour-black)}.snippet-layout-predictive-search .predictive-results-wrapper{display:flex;flex-direction:column;gap:2rem;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:1rem}.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;font-weight:500}.snippet-layout-predictive-search .search-form-field{z-index:300;position:relative;width:100%;margin-bottom:2rem;padding:0 var(--gutter)}.snippet-layout-predictive-search .search-form-field input{max-width:none}.snippet-layout-predictive-search .suggestion-queries-list{position:relative}.snippet-layout-predictive-search .results-collections,.snippet-layout-predictive-search .suggestion-queries-collections{--scc-font-size: .875rem}.snippet-layout-predictive-search .results-collections ul,.snippet-layout-predictive-search .suggestion-queries-collections ul{display:grid;grid-auto-flow:row;gap:.5rem}.snippet-layout-predictive-search .results-collections .snippet-card-category-alt,.snippet-layout-predictive-search .suggestion-queries-collections .snippet-card-category-alt{--scca-image-size: 2.5rem;--scss-padding: 0;width:100%;background-color:transparent;color:var(--colour-text-base)}.snippet-layout-predictive-search .results-collections .snippet-card-category-alt img,.snippet-layout-predictive-search .suggestion-queries-collections .snippet-card-category-alt img{height:2.5rem;width:2.5rem}.snippet-layout-predictive-search .results-collections .snippet-card-category-alt a,.snippet-layout-predictive-search .suggestion-queries-collections .snippet-card-category-alt a{color:inherit;transition:color var(--transition-duration) var(--transition-timing) 0s}.snippet-layout-predictive-search .results-collections .snippet-card-category-alt:hover a,.snippet-layout-predictive-search .results-collections .snippet-card-category-alt:focus a,.snippet-layout-predictive-search .suggestion-queries-collections .snippet-card-category-alt:hover a,.snippet-layout-predictive-search .suggestion-queries-collections .snippet-card-category-alt:focus a{color:red}.snippet-layout-predictive-search .results-articles ul{display:grid;grid-auto-flow:row;gap:.75rem}.snippet-layout-predictive-search predictive-search[open] .predictive-search,.snippet-layout-predictive-search predictive-search[loading] .predictive-search{opacity:1;visibility:visible;transition-delay:.2s}.snippet-layout-predictive-search .suggestion-queries-list ul,.snippet-layout-predictive-search .queries-results ul{display:flex;flex-wrap:wrap;gap:.5rem}.snippet-layout-predictive-search .suggestion-queries-list ul .search-list-item,.snippet-layout-predictive-search .queries-results ul .search-list-item{padding:.375rem .75rem;background-color:transparent;border:1px solid var(--colour-black);font-weight:500;transition:all var(--transition-duration) var(--transition-timing) 0s}.snippet-layout-predictive-search .suggestion-queries-list ul .search-list-item:hover,.snippet-layout-predictive-search .suggestion-queries-list ul .search-list-item:focus,.snippet-layout-predictive-search .queries-results ul .search-list-item:hover,.snippet-layout-predictive-search .queries-results ul .search-list-item:focus{background-color:var(--colour-black);color:var(--colour-white)}predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading{display:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}@media (min-width: 768px){.snippet-layout-predictive-search{max-width:56vw;flex-grow:2;left:auto}.js-search-visible .snippet-layout-predictive-search{transition-delay:.3s}.snippet-layout-predictive-search .search-form-field{max-width:27.5rem;margin-bottom:2.5rem}}@media (min-width: 1024px){.snippet-layout-predictive-search{width:100%;max-width:37.5rem}.snippet-layout-predictive-search predictive-search form{padding:6.5rem 0 0}.snippet-layout-predictive-search .view-results{grid-row:3;grid-column:1}.snippet-layout-predictive-search .predictive-results-wrapper{display:grid;grid-auto-flow:row}.snippet-layout-predictive-search .predictive-results-wrapper.search-performed{grid-auto-rows:auto}}@media (max-width: 1279.98px){.snippet-layout-predictive-search .close-button.modal{display:none}.snippet-layout-predictive-search #predictive-search-results{position:relative}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/snippet-layout-predictive-search.css.map */