.snippet-predictive-search{--mobile-padding: 1.5rem;--wrapper-width-lg: 50rem;top:0;right:0;bottom:0;left:0;z-index:150}@media (max-width: 767.98px){.snippet-predictive-search{position:fixed;height:100%;width:100%;opacity:0;visibility:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s;background-color:var(--colour-white);padding:5rem 0 0}}@media (min-width: 768px){.snippet-predictive-search{flex-grow:2}}.snippet-predictive-search.is-visible{opacity:1;visibility:visible}.snippet-predictive-search .search-field-wrapper{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media (max-width: 767.98px){.snippet-predictive-search .search-field-wrapper{width:calc(100% - 2rem);margin-left:1rem;margin-bottom:2rem}}@media (min-width: 768px){.snippet-predictive-search .search-field-wrapper{position:absolute;width:360px;top:16px;right:50%;transform:translate(50%);transition:all var(--transition-duration) var(--transition-timing) 0s;z-index:100}}@media (min-width: 768px) and (min-width: 1024px){.snippet-predictive-search .search-field-wrapper{top:30px}}@media (min-width: 768px) and (min-width: 1024px){.is-scrolling .snippet-predictive-search .search-field-wrapper{top:20px}}@media (min-width: 1024px){.snippet-predictive-search .search-field-wrapper{width:560px}}.snippet-predictive-search .search-form-field{box-sizing:content-box;display:flex;max-width:560px;position:relative;height:2.5rem;background-color:var(--colour-primary);border-radius:1.5rem}.snippet-predictive-search .search-form-field input{color:inherit;background:transparent;border:0;border-radius:0;-webkit-appearance:none;appearance:none;padding-left:1.5rem;font-size:var(--font-size-base);width:100%;border-radius:1.5rem;background-color:var(--colour-primary);border:1px solid var(--colour-primary);transition:border var(--transition-duration) var(--transition-timing) 0s;overflow:hidden}.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-tertiary);opacity:.5}.snippet-predictive-search .search-form-field input:-moz-placeholder{color:var(--colour-tertiary);opacity:.5}.snippet-predictive-search .search-form-field input::-moz-placeholder{color:var(--colour-tertiary);opacity:.5}.snippet-predictive-search .search-form-field input:-ms-input-placeholder{color:var(--colour-tertiary);opacity:.5}.snippet-predictive-search .search-form-field input::-webkit-input-placeholder{color:var(--colour-tertiary);opacity:.5}.snippet-predictive-search .search-form-field input:focus{border-color:var(--colour-secondary);transition-delay:var(--search-wrapper-delay)}.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:0;right:0;height:2.5rem;width:2.5rem;border-radius:100%;background-color:var(--colour-secondary);color:var(--colour-white);display:grid;place-content:center}.snippet-predictive-search .search-form-field button.submit-button svg{height:1rem;width:1rem;fill:currentColor}.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;font-size:.75rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase}@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{overflow-y:auto;overflow-x:hidden;padding:1rem 1rem 1.5rem}.snippet-predictive-search .predictive-search::-webkit-scrollbar{width:.5rem;height:.5rem}.snippet-predictive-search .predictive-search::-webkit-scrollbar-thumb{background:var(--colour-quaternary)}.snippet-predictive-search .predictive-search::-webkit-scrollbar-track{background:var(--colour-bg-alt)}.snippet-predictive-search .predictive-search{scrollbar-face-color:var(--colour-quaternary);scrollbar-track-color:var(--colour-bg-alt)}@media (max-width: 767.98px){.snippet-predictive-search .predictive-search{height:calc(100vh - 10rem);max-height:none!important}@supports (height: 100dvh){.snippet-predictive-search .predictive-search{height:calc(100dvh - 10rem)}}}@media (min-width: 768px){.snippet-predictive-search .predictive-search{transition:all var(--transition-duration) var(--transition-timing) 0s;position:fixed;top:0;left:100%;height:100%;width:100%;max-width:34.5rem;z-index:200;transform:translate(100%);-webkit-overflow-scrolling:touch;background-color:var(--colour-white);padding:13rem 0 0;overflow:hidden;flex-direction:column;display:flex}}@media (min-width: 1024px){.snippet-predictive-search .predictive-search{max-width:50rem}}@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:flex;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}}@media (min-width: 768px){.snippet-predictive-search #predictive-search-results{padding:0 2.5rem 2.5rem;overflow-y:auto}.snippet-predictive-search #predictive-search-results::-webkit-scrollbar{width:.5rem;height:.5rem}.snippet-predictive-search #predictive-search-results::-webkit-scrollbar-thumb{background:var(--colour-quaternary)}.snippet-predictive-search #predictive-search-results::-webkit-scrollbar-track{background:var(--colour-bg-alt)}.snippet-predictive-search #predictive-search-results{scrollbar-face-color:var(--colour-quaternary);scrollbar-track-color:var(--colour-bg-alt)}}.snippet-predictive-search .search-for-btn{text-decoration:none;position:absolute;top:0;right:0;font-size:.875rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase;font-weight:400}.snippet-predictive-search .predictive-results-wrapper{display:flex;flex-direction:column;gap:2rem;position:relative}.snippet-predictive-search ul{list-style:none;margin:0;padding:0}.snippet-predictive-search ul li{display:flex}.snippet-predictive-search .results-list.collection{display:flex;flex-wrap:wrap;gap:.5rem}.snippet-predictive-search .results-list.product,.snippet-predictive-search .results-list.article{display:grid;grid-template-columns:100%;gap:1rem}@media (min-width: 1024px){.snippet-predictive-search .results-list.product,.snippet-predictive-search .results-list.article{grid-template-columns:1fr 1fr;gap:1.5rem}}.snippet-predictive-search .results-list.page ul{display:flex;flex-wrap:wrap;gap:.5rem}.snippet-predictive-search .search-heading{margin:0 0 1rem}.snippet-predictive-search .suggestion-queries-list ul{display:flex;flex-wrap:wrap;gap:.5rem}.snippet-predictive-search .suggestion-queries-list a{background-color:var(--colour-primary);padding:.5rem 1rem;border-radius:1.25rem;color:var(--colour-tertiary);text-decoration:none;font-size:.875rem}.snippet-predictive-search .results-articles{position:relative}.snippet-predictive-search .banner{display:block}.snippet-predictive-search .banner img{width:100%}.snippet-predictive-search .search-results-wrapper{position:relative;display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.snippet-predictive-search predictive-search[open] .predictive-search,.snippet-predictive-search predictive-search[loading] .predictive-search{transform:translate(-100%);transition-delay:.5s}}.snippet-predictive-search predictive-search[open] .search-field-wrapper,.snippet-predictive-search predictive-search[loading] .search-field-wrapper{transform:none}@media (min-width: 768px){.snippet-predictive-search predictive-search[open] .search-field-wrapper,.snippet-predictive-search predictive-search[loading] .search-field-wrapper{z-index:250;right:9rem}}@media (min-width: 1024px){.snippet-predictive-search predictive-search[open] .search-field-wrapper,.snippet-predictive-search predictive-search[loading] .search-field-wrapper{right:2rem;width:45rem}}@media (min-width: 1280px){.snippet-predictive-search predictive-search[open] .search-field-wrapper,.snippet-predictive-search predictive-search[loading] .search-field-wrapper{right:3rem;width:44.5rem}}.snippet-predictive-search .search-collection-item{position:relative;border:1px solid var(--colour-primary);height:2.5rem;border-radius:1.25rem;padding:.25rem .75rem .25rem .25rem;display:flex;align-items:center;gap:.5rem}.snippet-predictive-search .search-collection-item img,.snippet-predictive-search .search-collection-item svg{height:2rem;width:2rem;object-fit:cover;border-radius:2rem}.snippet-predictive-search .search-collection-item a{font-size:.875rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase;font-weight:400;text-decoration:none}.snippet-predictive-search .search-product-item{position:relative;display:flex;align-items:center;gap:.75rem}.snippet-predictive-search .search-product-item img{height:5rem;width:5rem;object-fit:contain}.snippet-predictive-search .search-product-item a{display:block;text-decoration:none;font-size:.875rem;margin-bottom:.5rem}.snippet-predictive-search .search-product-item .pricing{display:flex;align-items:flex-end;flex-wrap:wrap;gap:0 .5rem}.snippet-predictive-search .search-product-item .pricing .current span,.snippet-predictive-search .search-product-item .pricing .old{font-size:.875rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase}.snippet-predictive-search .search-product-item .pricing .current{display:flex;flex-direction:column;flex-shrink:0}.snippet-predictive-search .search-product-item .pricing .current span{font-weight:400}.snippet-predictive-search .search-product-item .pricing .price{color:var(--colour-text-base)}.snippet-predictive-search .search-product-item .pricing .old{color:var(--colour-text-base);text-decoration:line-through;opacity:.5}.snippet-predictive-search .search-product-item .pricing .discount{display:inline-flex;color:var(--colour-quaternary);font-size:.875rem}.snippet-predictive-search .search-article-item{position:relative;display:flex;align-items:center;gap:.75rem}.snippet-predictive-search .search-article-item img{height:5rem;width:5rem;object-fit:cover}.snippet-predictive-search .search-article-item a{display:block;text-decoration:none;font-size:.875rem;margin-bottom:.5rem}.snippet-predictive-search .search-article-item time{font-size:.75rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase;color:var(--colour-quinary)}.snippet-predictive-search .search-page-item{border:1px solid var(--colour-tertiary);padding:.5rem 1rem;border-radius:1.25rem;color:var(--colour-tertiary);text-decoration:none;font-size:.875rem;font-weight:400}predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading{display:none}
/*# sourceMappingURL=/cdn/shop/t/438/assets/snippet-predictive-search.css.map?v=166743027003392354571709821044 */