.predictive-search{display:none;position:absolute;top:calc(100% + .1rem);left:-.1rem;border-width:var(--popup-border-width);border-style:solid;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));background-color:#f8f9fa;background-image:none;z-index:3;border-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}.predictive-search--search-template{z-index:2;width:calc(100% + .2rem)}.predictive-search__results-groups-wrapper{display:flex;border-bottom:.1rem solid rgba(var(--color-foreground),.08);padding-bottom:1rem}@media screen and (max-width:749px){.predictive-search--header{right:0;left:0;top:100%}.predictive-search__results-groups-wrapper{flex-direction:column}.predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions){gap:2rem}}@media screen and (max-width:989px){.predictive-search__results-groups-wrapper{flex-direction:column}.predictive-search__results-groups-wrapper>.predictive-search__result-group{display:contents}.predictive-search__results-groups-wrapper>.predictive-search__result-group>div:not(.predictive-search__products-block):not(.predictive-search__pages-wrapper){display:contents}.predictive-search__suggested-queries{order:1}.predictive-search__products-block{order:2;display:flex;flex-direction:column}.predictive-search__collections-block{order:3}.predictive-search__pages-wrapper{order:4}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}.predictive-search__result-group:last-child .predictive-search__pages-wrapper{display:block}}@media screen and (min-width:750px){.predictive-search{border-top:none;width:calc(100% + .2rem)}.header predictive-search{position:relative}.header .predictive-search--header{z-index:250;left:0;right:auto;width:100%;min-width:280px;flex:0 0 auto;box-sizing:border-box}}.header__search-wrapper-desktop:has(predictive-search[open]),.header__search-wrapper-desktop:has(predictive-search[open]) .header__search-compact-desktop{overflow:visible}.header__search-wrapper-mobile:has(predictive-search[open]),.header__search-wrapper-mobile:has(predictive-search[open]) .header__search-compact-mobile{overflow:visible}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search__result-group{display:flex;flex-direction:column;flex:1 1 auto;gap:2rem}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}@media screen and (min-width:990px){.predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:nth-child(2),.predictive-search__result-group:last-child .predictive-search__pages-wrapper{display:none}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:initial}.predictive-search__result-group:first-child{flex:0 0 26.4rem}.predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child,.predictive-search__result-group:only-child{flex-grow:1}}.predictive-search__heading{border-bottom:.1rem solid rgba(var(--color-foreground),.08);margin:0 2rem .9rem;padding:1.5rem 0 .75rem;color:rgba(var(--color-foreground),.7);font-size:1.2rem;font-weight:400}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] .predictive-search__search-for-button{display:none}predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button{display:initial}.predictive-search__search-for-button{position:sticky;bottom:0;z-index:4;margin:.8rem 1.2rem 1.2rem;padding:0;border-radius:1rem;overflow:hidden;border:1px solid transparent;box-sizing:border-box;background:var(--color-accent);transition:opacity .2s ease,transform .2s ease}@media(hover:hover){.predictive-search__search-for-button:hover{opacity:.85;transform:translateY(-2px)}.predictive-search__search-for-button:hover .predictive-search__item--term-custom{background:var(--color-accent);color:var(--neutral-white)}}@media screen and (max-width:749px){.predictive-search__search-for-button{margin:0;padding:.6rem 1.2rem calc(.6rem + env(safe-area-inset-bottom,0px));border-radius:0;border:0;border-top:1px solid var(--border-color-neutral, rgba(0, 0, 0, .08));background:rgb(var(--color-background));box-shadow:0 -4px 12px #0000000f}}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__item[aria-selected=true]{color:rgb(var(--color-foreground));background-color:transparent}.predictive-search__list-item[aria-selected=true]>.predictive-search__item--link-with-thumbnail{background-color:transparent!important}.predictive-search__list-item[aria-selected=true] .predictive-search__item-content--centered{background-color:rgba(var(--color-foreground),.04);border-radius:1.2rem}.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading{text-decoration:none}.predictive-search__item{display:flex;padding:1rem 2rem;text-align:left;text-decoration:none;width:100%;background-color:#fff;border-radius:1.2rem;box-shadow:0 4px 20px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.predictive-search__item:not(.predictive-search__item--link-with-thumbnail):not(.predictive-search__item--term-custom){padding:0}.predictive-search__item-content--centered{padding:1rem 2rem;width:100%;box-sizing:border-box}@media(hover:hover){.predictive-search__item:not(.predictive-search__item--link-with-thumbnail):hover .predictive-search__item-content--centered{background-color:var(--color-accent);color:var(--neutral-white);border-radius:1.2rem}.predictive-search__item:not(.predictive-search__item--link-with-thumbnail):hover .predictive-search__item-content--centered *{color:inherit}}.predictive-search__results-list{margin:0;padding:0 1.2rem 1.2rem}.predictive-search__list-item+.predictive-search__list-item{margin-top:.8rem}.predictive-search__item--link-with-thumbnail{display:grid;grid-template-columns:clamp(12.8rem,28%,17.6rem) 1fr;grid-column-gap:1.2rem;grid-template-areas:"product-image product-content";grid-template-rows:1fr;align-items:stretch}@media(hover:hover){.predictive-search__item--link-with-thumbnail:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.predictive-search__item--link-with-thumbnail:hover .predictive-search__product-cta{transform:translateY(-1px);box-shadow:0 6px 14px #e914002e}}.predictive-search__item.predictive-search__item--link-with-thumbnail{padding:0;overflow:hidden;min-height:clamp(9.6rem,11vw,12rem)}.predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column;padding:1.1rem 1.4rem 1.1rem 0}.predictive-search__item-content--centered{justify-content:center;padding-left:1.2rem}.predictive-search__product-cta{margin-top:.3rem;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;padding:.22rem .6rem;border:.1rem solid #e91400;border-radius:999px;background:#e91400;color:#fff;font-size:.9rem;font-weight:700;line-height:1.05;white-space:nowrap;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.header .predictive-search__product-cta{font-size:.9rem!important;line-height:1.05!important}.predictive-search__item-vendor{font-size:.9rem}.predictive-search__item-heading{margin:0}@media screen and (max-width:989px){.predictive-search__item-heading{font-size:1.6rem}}.predictive-search__item-heading--custom{font-size:1.3rem;line-height:1.25;font-weight:600}.predictive-search__item--link-with-thumbnail .predictive-search__item-heading--custom{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.predictive-search__item-query-result *:not(mark){font-weight:700}.predictive-search__item-query-result mark{color:rgba(var(--color-foreground),.75);font-weight:400;background-color:transparent}.predictive-search__item .price{color:rgba(var(--color-foreground),.7);font-size:1.2rem}.predictive-search__item-vendor+.predictive-search__item-heading,.predictive-search .price{margin-top:.5rem}.predictive-search__item--term{justify-content:space-between;align-items:center;padding:1.3rem 2rem;word-break:break-all;line-height:calc(1 + .4 / var(--font-body-scale))}@media screen and (min-width:750px){.predictive-search__item--term{padding-top:1rem;padding-bottom:1rem}}.predictive-search__item--term .icon-arrow{width:calc(var(--font-heading-scale) * 1.4rem);height:calc(var(--font-heading-scale) * 1.4rem);flex-shrink:0;margin-left:calc(var(--font-heading-scale) * 2rem);color:rgb(var(--color-link))}.predictive-search__image{grid-area:product-image;display:block;align-self:center;justify-self:center;width:auto;height:100%;max-width:calc(100% - 1rem);max-height:none;object-fit:cover;font-family:"object-fit: cover";padding:0;margin-left:0;margin-right:0;box-sizing:border-box;border-radius:1.2rem 0 0 1.2rem;background-color:transparent!important;box-shadow:none!important;filter:none!important;transform:none!important;opacity:1!important}.predictive-search__item--link-with-thumbnail{padding-top:0;padding-bottom:0}.predictive-search__item.predictive-search__item--term-custom{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;box-sizing:border-box;border:0;border-radius:1rem;background:var(--color-accent);color:var(--neutral-white);padding:.55rem 1rem;min-height:0;font-size:1.3rem;line-height:1.2;font-weight:600;box-shadow:none!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media screen and (max-width:749px){.predictive-search__item.predictive-search__item--term-custom{padding:.6rem 1rem}}@media screen and (max-width:989px){.header__search-wrapper-mobile predictive-search{display:block}.header__search-wrapper-mobile .predictive-search.predictive-search--header-mobile{position:fixed;left:0;right:0;width:100%;max-width:none;padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);top:var(--header-height, 7.2rem);max-height:calc(100vh - var(--header-height, 7.2rem));max-height:calc(100dvh - var(--header-height, 7.2rem) - env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0);margin:0;z-index:250;box-sizing:border-box;border-radius:0 0 var(--popup-corner-radius) var(--popup-corner-radius);border-inline-width:0}}.predictive-search__suggested-queries-list{margin:0}.predictive-search__query-chips-wrap{padding:0 1.5rem 1rem}.predictive-search__chips-heading{border-bottom:.1rem solid rgba(var(--color-foreground),.08);margin:0 .5rem .9rem;padding:1.25rem 0 .5rem;color:rgba(var(--color-foreground),.7)}.predictive-search__query-chips{display:flex;flex-wrap:wrap;gap:.6rem .8rem}.predictive-search__query-chip{display:inline-flex;align-items:center;padding:.45rem 1rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:999px;font-size:1.3rem;font-weight:600;text-decoration:none;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04);max-width:100%}.predictive-search__query-chip:hover{border-color:rgba(var(--color-foreground),.35);background:rgba(var(--color-foreground),.07)}.header__search-completion-stack,.search__completion-stack{position:absolute;pointer-events:none;box-sizing:border-box;display:flex;align-items:center;max-width:100%;overflow:hidden}.predictive-completion-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;min-width:0;max-width:100%;overflow:hidden}.header__search-completion-stack{z-index:9;left:0;top:0}.search__completion-stack{z-index:1}.template-search__search .search__input.field__input{position:relative;z-index:2}.header__search-completion-measure,.search__completion-measure{visibility:hidden;white-space:pre;flex:0 0 auto;margin:0;padding:0}.header__search-completion-suffix,.search__completion-suffix{white-space:nowrap;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0;color:rgba(var(--color-foreground),.38)}
/*# sourceMappingURL=/cdn/shop/t/227/assets/component-predictive-search.css.map */