predictive-search svg,.modal-close-button svg{height:2rem;width:2rem}.visually-hidden{display:none;opacity:0;visibility:hidden}#predictive-search-results{background-color:var(--colour-white)}@media (max-width: 767.98px){.search-modal{order:4;width:100%}}@media (min-width: 768px){.search-modal{flex-grow:0;flex-basis:auto;min-width:40%;max-width:600px;transition:all var(--transition-duration) var(--transition-timing);transition-delay:0s}.is-scrolling .search-modal{transition-delay:var(--transition-duration)}}.search-modal .search-modal-content{display:flex}.search-modal predictive-search{flex-grow:10}.search-modal predictive-search form{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 1024px){.search-modal predictive-search form{gap:2rem}}.search-modal predictive-search form .field{position:relative}.search-modal predictive-search form .field input{color:inherit;background:transparent;border:0;border-radius:0;-webkit-appearance:none;appearance:none;font-weight:300;background-color:var(--colour-bg-alt);width:100%;height:1.25rem;position:relative;z-index:1;border-radius:.325rem;transition:all var(--transition-duration) var(--transition-timing);padding:1rem 7.5rem 1rem 1rem;height:3rem;background-color:var(--colour-sea-foam)}.search-modal predictive-search form .field input:focus{outline:none}.search-modal predictive-search form .field input:hover{outline:none}.search-modal predictive-search form .field input:disabled{opacity:.5;pointer-events:none;cursor:default}@media (min-width: 1024px){.search-modal predictive-search form .field input{font-size:.875rem;font-weight:400}}.search-modal predictive-search form .field input[type=search]::-webkit-search-cancel-button,.search-modal predictive-search form .field input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-modal predictive-search form .field input input::-webkit-search-decoration{-webkit-appearance:none}.search-modal predictive-search form .field .search-button{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;margin:0;position:absolute;top:50%;right:.5rem;transform:translateY(-50%);z-index:5;height:2.5rem;width:2.5rem;background-color:var(--colour-secondary);color:var(--colour-tertiary);display:flex;align-items:center;justify-content:center;background-color:var(--colour-wiperblades-blue);border-radius:50%;cursor:pointer}.search-modal predictive-search form .field .search-button:focus{outline:none}.search-modal predictive-search form .field .search-button:hover{text-decoration:none;outline:none}.search-modal predictive-search form .field .search-button:disabled{opacity:.5;pointer-events:none}.search-modal predictive-search form .field .search-button svg{display:block;width:1rem;height:1rem;fill:var(--colour-white)}.search-modal predictive-search form .field .reset-button.hidden{display:none;visibility:hidden}.search-modal predictive-search form .field .field-label{display:none;visibility:hidden}.no-js .modal-close-button.link{display:none}.modal-close-button .link{display:flex;justify-content:center;align-items:center;padding:0rem;height:4.4rem;width:4.4rem;background-color:transparent}.modal-close-button .icon{width:1.7rem;height:1.7rem}.modal-close-button:hover .icon{transform:scale(1.07)}.close-button{position:absolute;right:1rem;top:2rem}@media (min-width: 1024px){.close-button{right:2rem}}.search-input.field-input{padding-right:9.8rem}.search-button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset-button{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;position:absolute;cursor:pointer;right:5rem;top:0;z-index:10;height:100%;width:1.5rem;display:flex;justify-content:center;align-items:center;font-size:.875rem;font-weight:700}.reset-button:focus{outline:none}.reset-button:hover{text-decoration:none;outline:none}.reset-button:disabled{opacity:.5;pointer-events:none}.search-button .icon{height:1.8rem;width:1.8rem}.reset-button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}.predictive-search{display:none;border-width:var(--popup-border-width);border-style:solid;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));background-color:rgb(var(--color-background));z-index:3;border-bottom-right-radius:var(--popup-corner-radius);border-bottom-left-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));overflow-y:auto;-webkit-overflow-scrolling:touch;border:none;padding-bottom:5rem}.predictive-search--search-template{z-index:2;width:100%}.results-list{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;gap:1.5rem}.results-list#predictive-search-results-queries-list{gap:.5rem}.results-list li{padding:.5rem 1rem;background-color:var(--colour-sea-foam);border-radius:1.5rem}.results-list li>a{text-decoration:none;color:var(--colour-wild-blue-yonder)}.results-list li>a mark{color:var(--colour-wild-blue-yonder)}.results-list.products-list li{padding:0;border-radius:0;background-color:transparent;width:100%}.result-group{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 1024px){.result-group{gap:2rem}}.search-heading-wrapper{display:flex;align-items:center;gap:1rem;justify-content:space-between}.search-heading-wrapper a{position:relative;color:var(--colour-wiperblades-blue);font-weight:700;text-decoration:none}.search-heading-wrapper a:after{content:"";display:block;position:absolute;bottom:-.5rem;left:0;width:100%;height:1px;background-color:var(--colour-mist)}.search-heading{font-size:1.25rem;line-height:2rem}@media (min-width: 1024px){.search-heading{font-size:1.5rem}}.predictive-results-wrapper{display:flex;padding-bottom:1rem;flex:1 1 auto;gap:2rem;flex-direction:column}@media (max-width: 767.98px){.predictive-search--header{right:0;left:0;top:100%}.predictive-results-wrapper{flex-direction:column}.predictive-results-wrapper:not(.no-suggestions){gap:2rem}}@media screen and (min-width: 750px){.predictive-search{border-top:none;width:100%}.header predictive-search{position:relative}}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}@media screen and (min-width: 750px){.predictive-results-wrapper--no-products .result-group:nth-child(2),.result-group:last-child .predictive-search-pages-wrapper{display:none}.result-group:first-child .predictive-search-pages-wrapper{display:initial}.no-products .result-group:first-child,.result-group:only-child{flex-grow:1}}predictive-search .spinner{width:1.5rem;height:1.5rem;line-height:0}predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading{display:none}predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:1rem}predictive-search[loading] .search-for-button{display:none}predictive-search[loading] .predictive-results-wrapper~.predictive-search__loading-state{display:none}predictive-search[loading] .predictive-results-wrapper~.search-for-button{display:initial}.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:underline;text-underline-offset:.3rem}.predictive-search__item{display:flex;padding:1rem 2rem;text-align:left;text-decoration:none;width:100%}.predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column;justify-content:center}.predictive-search__item-vendor{font-size:.9rem}.item-heading{margin:0}.search-item .price{font-size:1.2rem}.search-item .price img{grid-area:product-image;object-fit:contain;font-family:"object-fit: contain"}.vendor+.search-item-heading,.predictive-search .price{margin-top:.5rem}.item--term{justify-content:space-between;align-items:center;padding:1.3rem 2rem}@media (min-width: 768px){.item--term{padding-top:1rem;padding-bottom:1rem}}
/*# sourceMappingURL=/s/files/1/0842/5707/9586/t/35/assets/snippet-predictive-search.css.map */