predictive-search{position:relative;display:flex;align-items:center;width:100%;max-width:960px;margin:0 auto}predictive-search.is-active{flex:99}predictive-search.is-active .predictive__screen{z-index:3;display:block}predictive-search.is-active .btn--close-search{display:flex;justify-content:center;align-items: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{position:fixed;top:0;left:0;display:none;width:100vw;height:100vh;background:var(--colorModalBg)}predictive-search .predictive__screen{top:100%}.page-content .predictive__screen{top:0}predictive-search form{position:relative;z-index:4;display:flex;flex-wrap:wrap;width:100%}.search__input-wrap{position:relative;flex:5;transition:flex .3s ease-in-out}.search__input{flex:1;width:100%;min-height:48px;max-height:48px;padding:12px 56px 12px 24px;color:var(--color-body-text);background:#ffffff8c;background:color-mix(in srgb,rgb(255 255 255 / 45%) 70%,transparent);border:1px solid rgb(255 255 255 / 32%);border-radius:999px;box-shadow:0 24px 48px #1118271f;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease,transform .3s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}#Search{color:var(--color-ink)}.search__input::placeholder{color:color-mix(in srgb,var(--color-body-text) 55%,transparent)}.search__input:focus{background:#ffffffad;background:color-mix(in srgb,rgb(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:var(--colorInputBg);background-color:var(--colorInputBg);border:1px solid var(--colorBorder);box-shadow:none;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}.btn--search{position:absolute;top:50%;right:18px;display:flex;justify-content:center;align-items:center;width:38px;height:38px;padding:0;color:#323232;background:transparent;border:none;transition:transform .25s ease,opacity .25s ease;transform:translateY(-50%)}.btn--search:hover{opacity:.85;transform:translateY(-50%) scale(1.06)}.btn--search:focus-visible{outline:2px solid rgb(50 50 50 / 45%);outline-offset:3px}.btn--search .icon{width:18px}[dir=rtl] .btn--search{right:auto;left:15px}@media only screen and (min-width: 590px){.btn--search{right:16px}[dir=rtl] .btn--search{left:16px}}.btn--close-search{position:relative;display:none;flex:30px 0 0;justify-content:center;align-items:center;margin-left:10px;padding:0;background:none;border:none;cursor:pointer}.btn--close-search svg{width:25px;height:25px}.btn--close-search svg path{fill:var(--colorNavText)}.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{position:absolute;top:calc(100% + 16px);left:50%;z-index:3;display:none;flex-direction:column;align-items:flex-start;min-width:100%;max-width:100vw;max-height:80vh;container-type:inline-size;padding:0 0 10px;background:rgb(var(--color-page) .95);background:var(--glass-surface-bg);border:1px solid var(--glass-surface-border);border-radius:var(--glass-surface-radius);box-shadow:0 24px 48px #11182724;box-shadow:var(--glass-surface-shadow);transform:translate(-50%);-webkit-backdrop-filter:blur(var(--glass-surface-blur));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;margin-bottom:20px;overflow:hidden;background-color:var(--colorBorder);opacity:.9}.predictive-search-results{display:flex;flex-flow:column wrap;padding:40px clamp(18px,5vw,32px) 24px;overflow-y:auto;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__group-1>div:not(.results--queries){display:none}.results__group-2{flex:100% 0 0}.results{display:block;width:100%;padding:0 20px 20px}.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{display:flex;align-items:center}.results--queries span{font-weight:bolder}.results--queries mark{font-weight:400;background-color:transparent}.results--products span{margin-left:10px}.results--products #predictive-search-products{margin-bottom:20px}.results-products__image{width:100%;min-width:80px;max-width:80px;height:80px}.results-products__info{display:flex;flex-direction:column}.results__search-btn{width:100%;padding:10px;border:1px solid;transition:background-color .2s ease;border-color:var(--colorBorder)}.results__search-btn:hover{background-color:#0000000d}.results__search-btn svg{display:none}@container (min-width: 800px){.predictive-search-results{flex-flow:row nowrap}.results{padding:0 40px 20px}.results__group-1{flex:1 0 0}.results__group-1 div:not(.results--queries){display:block}.results__group-2{flex:2 0 0}.results__group-2>div:not(.results--products){display:none}.results__search-btn{padding:10px 0 10px 40px;text-align:left}.predictive-overflow-hidden .search__input-wrap{flex:12}.predictive-overflow-hidden .btn--search{display:none}.search__results{width:min(100vw,calc(100% + var(--pageWidthPadding, 17px)*2));max-height:75vh;margin-right:calc(var(--pageWidthPadding, 17px)* - 1);margin-left:calc(var(--pageWidthPadding, 17px)* - 1)}.template-search .page-content .search__results{max-height:50vh}}@media only screen and (min-width: 750px){.search__results{top:calc(100% + 32px);padding:0 30px 30px}.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;width:42px;height:42px}}@media only screen and (max-width: 749px){predictive-search{flex-direction:column;align-items:flex-start}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 .h2{padding:0 10px}.predictive-search-results{margin-right:-10px;margin-left:-10px}.predictive-search-results .h4{padding-right:10px;padding-left:10px}.predictive-search-results .results__group-2{padding:0 10px}.predictive-overflow .search__results,.predictive-overflow-hidden .search__results{position:fixed;top:80px;min-height:40vh;max-height:100vh;padding:0 12px 24px}.predictive-overflow-hidden .search__input-wrap{flex:100%}body.predictive-overflow-hidden{overflow:hidden}.search__results{top:calc(100% + 24px);width:calc(100% + var(--pageWidthPadding, 10px)*2);max-height:70vh;margin-right:calc(var(--pageWidthPadding, 10px)* - 1);margin-left:calc(var(--pageWidthPadding, 10px)* - 1);padding:0 17px 30px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/predictive-search.css.map */