.predictive-search{--outer: 32px;--gutter: 32px;--gap: var(--gutter);--outer-offset: calc(var(--outer) * -1);--gutter-offset: calc(var(--gutter) * -1);--inner: 20px;--base: 16px;--line: 1rem;--line-offset: calc(var(--line) * -1);--content-max: 1100px;--sidebar-width: 288px;--LAYOUT-OUTER: 50px;--border: #e1e1e1;display:block;width:100%}.predictive-search[open] .predictive-search,.predictive-search[loading] .predictive-search{display:block}.predictive-search:not([loading]) .predictive-search__loading-state{display:none}.predictive-search[loading] .predictive-search__actions,.predictive-search[loading] .predictive-search__layout~.predictive-search__loading-state{display:none}.predictive-search[loading] .predictive-search__layout~.predictive-search__actions{display:block}.predictive-search[loading] .predictive-search__loader{opacity:1;visibility:visible}.predictive-search{position:absolute;z-index:4000;top:100%;right:0;left:0;width:100%;max-height:calc(var(--full-height) - var(--header-height) - var(--announcement-height));opacity:0;visibility:hidden;transition:max-height .5s ease,opacity .5s ease,visibility .5s;background:var(--color-bg);overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:smooth}.predictive-search .js__header__stuck :scope{--announcement-height: 0px}.predictive-search--empty{z-index:3999}header-search-form~.predictive-search--empty,predictive-search:not([open]):not([results])~.predictive-search--empty{opacity:1;visibility:visible;max-height:calc(var(--full-height) - var(--header-height) - var(--announcement-height))}predictive-search[open=true] .predictive-search{opacity:1;visibility:visible}.predictive-search__outer{position:relative;padding:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:padding .3s ease,opacity .3s ease,visibility .3s}.predictive-search .product-item{background-color:var(--color-bg)}.predictive-search .product-item__bg{background-color:#fff}.predictive-search .product-item__bg img{object-fit:contain}.predictive-search__outer--empty,.is-searched .predictive-search__outer{opacity:1;visibility:visible;pointer-events:auto;padding:var(--outer) 0}@media only screen and (min-width: 990px){.predictive-search__layout{--columns: repeat(3, minmax(0, 1fr))}}@media only screen and (min-width: 750px){.predictive-search__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--gutter)}}.predictive-search__layout--no-products,.predictive-search__layout--no-suggestions{grid-template-columns:100%}@media only screen and (max-width: 749px){.predictive-search__column{margin-bottom:var(--inner)}}.predictive-search__actions{margin:var(--inner) 0}@media only screen and (min-width: 750px){.predictive-search__group{padding-bottom:var(--inner)}}.predictive-search__heading{margin-bottom:var(--inner);padding-bottom:10px;border-bottom:1px solid var(--border);color:var(--color-body-text);background-color:var(--color-bg)}.predictive-search__item{margin-bottom:var(--inner);font-size:calc(var(--font-2) * var(--FONT-ADJUST-NAV))}.predictive-search__link{color:var(--color-body-text);background-color:var(--color-bg);transition:color .3s ease;padding:5px 0;line-height:normal;text-decoration:unset}.predictive-search__products__list{padding:0}@media only screen and (max-width: 749px){.predictive-search__products__list .product-link{display:grid;grid-template-columns:50px auto;gap:16px}.predictive-search__products__list .product-item__info{text-align:left;padding-left:0}body.grid-compact .predictive-search__products__list{margin-bottom:-16px}body.grid-compact .predictive-search__grid-item{margin-bottom:16px}}.predictive-search__empty p{margin:0}.predictive-search__loading-state{margin:var(--inner) 0;min-height:var(--btn-height);display:flex;align-items:center}.predictive-search__loader{margin:auto;opacity:0;transition:opacity .3s ease,visibility .3s}.predictive-search__item[aria-selected=true]>a,.predictive-search__grid-item[aria-selected=true]>a,.predictive-search__actions>.btn[aria-selected=true]{outline:5px auto var(--COLOR-PRIMARY)}.predictive-search__actions .button-primary svg{display:inline-block;margin:-2px 0 -2px 4px;will-change:transform;-ms-flex-preferred-size:0 0 var(--icon-size, 20px);flex-basis:0 0 var(--icon-size, 20px);transform:translateZ(0);width:var(--icon-size, 20px);height:var(--icon-size, 20px);vertical-align:middle;fill:none;stroke:currentColor;stroke-width:var(--ICON-STROKE-WIDTH)}.predictive-search__actions .button-primary svg{width:var(--icon-size, 20px);height:var(--icon-size, 20px);vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1px;-webkit-transition:-webkit-transform .25s ease-out;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;display:inline-block;margin:-2px 0 -2px 4px;will-change:transform;-ms-flex-preferred-size:0 0 var(--icon-size, 20px);flex-basis:0 0 var(--icon-size, 20px);-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;-webkit-transform:translateZ(0);transform:translateZ(0)}.predictive-search__actions .button-primary svg path{stroke:#fff}.predictive-search__actions .button-primary:hover svg{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}.grid-search{--COLUMNS: 4;--COLUMNS-MEDIUM: 3;--COLUMNS-SMALL: 2;--COLUMNS-MOBILE: 1;display:grid;gap:var(--gap);grid-template-columns:repeat(var(--columns),minmax(0,1fr))}@media only screen and (min-width: 990px){.grid-search{--columns: var(--COLUMNS)}}@media only screen and (min-width: 750px) and (max-width: 989px){.grid-search{--columns: var(--COLUMNS-MEDIUM)}}@media only screen and (max-width: 749px){.grid-search{--columns: var(--COLUMNS-SMALL)}}@media only screen and (max-width: 479px){.grid-search{--columns: var(--COLUMNS-MOBILE)}}.wrapper-search{--content-max: 80vw;--outer: 50px;max-width:var(--content-max);margin:0 auto;padding-left:var(--outer);padding-right:var(--outer)}@media only screen and (max-width: 749px){.wrapper-search{--outer: 16px}}
/*# sourceMappingURL=/cdn/shop/t/536/assets/predictive-search.css.map */