.search--root{display:block}.search--bar-wrapper{display:flex;align-items:center;justify-content:space-between}.flexbox-gap .search--bar-wrapper{gap:var(--spacing--item)}.no-flexbox-gap .search--bar-wrapper>*{margin:calc(var(--spacing--item)/ 2)}.search--bar{display:flex;align-items:center;background-color:var(--bg-color--panel);border-radius:var(--spacing--1);padding:6px;width:calc(20% + var(--spacing--block))}.flexbox-gap .search--bar{gap:var(--spacing--1)}.no-flexbox-gap .search--bar>*{margin:calc(var(--spacing--1)/ 2)}@media only screen and (max-width:767px){.search--bar{width:100%}}.search--clear{cursor:pointer}.search--clear:hover{opacity:.8}.search--cancel{display:flex;cursor:pointer}input[type=search].search--textbox{padding:0;border:0;outline:0;box-shadow:none;background:0 0;margin:0;height:24px}input[type=search].search--textbox::-webkit-search-cancel-button,input[type=search].search--textbox::-webkit-search-decoration{display:none}input[type=text]::-ms-clear{display:none}.search--icon{width:24px;height:24px;display:flex;align-items:center;flex-shrink:0}.search--root[data-loading=true] .search--icon .icon--search{display:none}.search--icon .icon--spinner{scale:1.6}.search--root[data-loading=false] .search--icon .icon--spinner{display:none}.search--results{display:flex}@media only screen and (min-width:768px){.search--results{gap:var(--spacing--block)}}@media only screen and (max-width:767px){.search--results{flex-direction:column}}.search--results>*{padding-top:var(--spacing--block);width:100%}.predictive-search--products{width:100%}.predictive-search--products:empty{display:none}@media only screen and (min-width:768px) and (max-width:1023px){.predictive-search--product-grid[data-container=panel]{grid-template-columns:repeat(3,minmax(0,1fr))}}.predictive-search--heading{display:flex;padding-bottom:var(--spacing--item)}.predictive-search--resources{display:flex;flex-direction:column}.flexbox-gap .predictive-search--resources{gap:var(--spacing--block)}.no-flexbox-gap .predictive-search--resources>*{margin:calc(var(--spacing--block)/ 2)}@media only screen and (max-width:767px){.predictive-search--resources{width:100%}}@media only screen and (min-width:768px){.predictive-search--resources{flex:1 0 20%}}.predictive-search--item a span{font-weight:700}.predictive-search--container{display:grid;grid-gap:var(--spacing--1)}.predictive-search--view-all{padding-top:var(--spacing--block)}.predictive-search--view-all a{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-left:auto}.flexbox-gap .predictive-search--view-all a{gap:var(--spacing--1)}.no-flexbox-gap .predictive-search--view-all a>*{margin:calc(var(--spacing--1)/ 2)}