predictive-search{align-items:center;display:flex;margin:0 auto;max-width:960px;position:relative;width:100%}predictive-search.is-active{flex:99}predictive-search.is-active .predictive__screen{display:block;z-index:3}predictive-search.is-active .btn--close-search{align-items:center;display:flex;justify-content:center}.predictive-search[data-dark=true] .search__input,.predictive-search[data-dark=true] .predictive-search__item,.predictive-search[data-dark=true] .btn--search{color:#fff}.predictive-search[data-dark=false] .search__input,.predictive-search[data-dark=false] .predictive-search__item,.predictive-search[data-dark=false] .btn--search{color:#000}.predictive__screen{background:var(--colorModalBg);display:none;height:100vh;left:0;position:fixed;top:0;width:100vw}predictive-search form{display:flex;flex-wrap:wrap;position:relative;width:100%;z-index:4}.search__input-wrap{flex:5;position:relative;transition:flex .3s ease-in-out}.search__input{background:#ffffff8c;background:color-mix(in srgb,rgba(255,255,255,.45) 70%,transparent);border:1px solid rgba(255,255,255,.32);border-radius:999px;box-shadow:0 24px 48px #1118271f;color:var(--color-body-text);flex:1;min-height:48px;max-height:48px;padding:12px 56px 12px 24px;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease,transform .3s ease;width:100%;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}#Search{color:#2d241b}.search__input::placeholder{color:color-mix(in srgb,var(--color-body-text) 55%,transparent)}.search__input:focus{background:#ffffffad;background:color-mix(in srgb,rgba(255,255,255,.68) 80%,transparent);border-color:#ffffffbf;box-shadow:0 28px 56px #1118272e;transform:translateY(-1px);outline:none}.search__input,.search__input:focus{background-color:var(--colorInputBg);border:1px solid var(--colorBorder);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;background:var(--colorInputBg)}.btn--search{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center}.btn--search .icon{width:18px}.btn--close-search{align-items:center;display:none;justify-content:center;position:relative}.predictive-overflow-hidden{overflow:hidden}.predictive-overflow{overflow:auto}.predictive-overflow-hidden .search__input-wrap{flex:12}body.predictive-overflow-hidden{overflow:hidden}.search__results{align-items:flex-start;background:rgba(var(--color-page),.95);border:1px solid var(--colorBorder);box-shadow:0 24px 48px #11182724;display:none;flex-direction:column;left:50%;max-height:80vh;max-width:100vw;min-width:100%;padding:0 0 10px;position:absolute;top:calc(100% + 16px);transform:translate(-50%);z-index:3;background:var(--glass-surface-bg);border:1px solid var(--glass-surface-border);border-radius:var(--glass-surface-radius);box-shadow:var(--glass-surface-shadow);backdrop-filter:blur(var(--glass-surface-blur));-webkit-backdrop-filter:blur(var(--glass-surface-blur))}.search__results.is-visible{display:flex}.search__results.is-loading hr{opacity:1;animation:loading-fade 1.6s infinite ease}.search__results hr:first-of-type{height:3px;background-color:var(--colorBorder);opacity:.9;margin-bottom:20px;overflow:hidden}.predictive-search-results{display:flex;flex-direction:column;flex-wrap:wrap;overflow-y:auto;padding:40px clamp(18px,5vw,32px) 24px;background-color:#ede7df;border-radius:clamp(18px,3vw,26px)}.predictive-search-results h3{border-bottom:1px solid;border-color:var(--colorBorder);margin-bottom:10px;padding-bottom:10px}.predictive-search-results--none{padding-top:20px}.predictive-search__no-results{display:block;width:100%}.predictive-search__no-results:hover{opacity:.5}.results{display:block;padding:0 20px 20px;width:100%}.results ul{list-style:none;margin:0;padding:0}.results li{margin-bottom:0;padding:10px;transition:background .2s ease}.results li:hover{background:#0000000d}.results li a{align-items:center;display:flex}.results--queries span{font-weight:bolder}.results--queries mark{background-color:transparent;font-weight:400}.results--products span{margin-left:10px}.results--products #predictive-search-products{margin-bottom:20px}.results-products__image{height:80px;max-width:80px;min-width:80px;width:100%}.results-products__info{display:flex;flex-direction:column}.results__group-1{flex:100% 0 0}.results__group-1>div:not(.results--queries){display:none}.results__group-2{flex:100% 0 0}.results__search-btn{border:1px solid;border-color:var(--colorBorder);padding:10px;transition:background-color .2s ease;width:100%}.results__search-btn:hover{background-color:#0000000d}@container (min-width: 800px){.predictive-search-results{flex-direction:row;flex-wrap:nowrap}.predictive-overflow-hidden .search__input-wrap{flex:12}.predictive-overflow-hidden .btn--search{display:none}.search__results{margin-left:calc(var(--pageWidthPadding, 17px)*-1);margin-right:calc(var(--pageWidthPadding, 17px)*-1);max-height:75vh;width:min(100vw,calc(100% + var(--pageWidthPadding, 17px)*2))}.template-search .page-content .search__results{max-height:50vh}}@media only screen and (min-width: 750px){.search__results{padding:0 30px 30px;top:calc(100% + 32px)}.search__input{min-height:62px;max-height:62px;padding-right:70px}.search__input-wrap{flex:7;transition:all .3s ease-in-out}.search__input:focus+.btn--search,.search__input:active+.btn--search{transform:translateY(-50%) scale(1.08)}.predictive-overflow-hidden .search__input-wrap{flex:12}.btn--close-search{display:inline-block}.predictive-overflow .btn--close-search{margin-left:20px}.predictive-overflow .btn--close-search,.predictive-overflow-hidden .btn--close-search{display:flex;height:42px;width:42px}}@media only screen and (max-width: 749px){predictive-search{align-items:flex-start;flex-direction:column}predictive-search form{flex:100%}.predictive-overflow .btn--close-search,.predictive-overflow-hidden .btn--close-search{display:none}.search__input-wrap{flex:100%}.search__results{padding:0 17px 30px;top:calc(100% + 24px)}.search__results .h2{padding:0 10px}.predictive-search-results{margin-left:-10px;margin-right:-10px}.predictive-search-results .h4{padding-left:10px;padding-right:10px}.predictive-search-results .results__group-2{padding:0 10px}.predictive-overflow .search__results,.predictive-overflow-hidden .search__results{position:fixed;max-height:100vh;top:80px;padding:0 12px 24px;min-height:40vh}.predictive-overflow-hidden .search__input-wrap{flex:100%}body.predictive-overflow-hidden{overflow:hidden}.search__results{margin-left:calc(var(--pageWidthPadding, 10px)*-1);margin-right:calc(var(--pageWidthPadding, 10px)*-1);max-height:70vh;width:calc(100% + var(--pageWidthPadding, 10px)*2)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/predictive-search.css.map */