predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}predictive-search[open] .search-reset-button,predictive-search[loading] .search-reset-button{display:flex}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{--fallback-collections-height: calc( 50vh - var(--header-height) - var(--ann-height) - 4.8rem );display:flex;justify-content:center;align-items:center;padding:2.4rem 0;height:calc(100vh - var(--search-field-height, 0px) - var(--header-height, 0px) - var(--ann-height, 0px) - 3.4rem);height:calc(100dvh - var(--search-field-height, 0px) - var(--header-height, 0px) - var(--ann-height, 0px) - 3.4rem)}@media screen and (min-width:990px){predictive-search[loading] .predictive-search__loading-state{height:calc(var(--search-collections-height, var(--fallback-collections-height)) + 4.8rem)}}predictive-search[loading] .predictive-search__results-groups-wrapper,predictive-search[loading] .predictive-search__empty,predictive-search[loading] .header-search-modal__popular{display:none}predictive-search[results=true] .header-search-modal__popular{display:none}@media screen and (max-width:989px){predictive-search[results=true] .header-search-modal__bottom-wrapper,predictive-search[results=true] .header-search-modal__bottom{padding-right:0;overflow:hidden}}.predictive-search{display:none;width:100%;min-height:4.5rem;border:none;overflow:hidden}.predictive-search--search-template{width:100%}@media screen and (min-width:990px){.predictive-search__result-group{margin:2.4rem 0}}.predictive-search__result-tabs{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:1.6rem;row-gap:.4rem;padding-bottom:1.6rem}@media screen and (min-width:576px){.predictive-search__result-tabs{column-gap:2rem}}@media screen and (min-width:990px){.predictive-search__result-tabs{column-gap:2.4rem;padding-bottom:2.4rem}}.predictive-search__result-tabs:empty{padding-bottom:0}.predictive-search__result-tab{display:flex;align-items:center;gap:.8rem;position:relative}.predictive-search__result-tab:before{content:"";width:.6rem;min-width:.6rem;height:.6rem;min-height:.6rem;border-radius:var(--border-radius-block-small);background-color:transparent;border:.1rem solid rgb(var(--color-foreground-secondary));transform-origin:center center;transition:scale .35s ease-out .1s}.predictive-search__result-tab:after{content:"";width:.6rem;min-width:.6rem;height:.6rem;min-height:.6rem;border-radius:var(--border-radius-block-small);background-color:rgb(var(--color-foreground));position:absolute;left:0;top:50%;transform:translateY(-50%) scale(0);transform-origin:center center;transition:transform .35s ease-out}.predictive-search__result-tab.active{pointer-events:none}.predictive-search__result-tab.active:before{scale:0;transition:scale .35s ease-out}.predictive-search__result-tab.active:after{transform:translateY(-50%) scale(1);transition:transform .35s ease-out .1s}[dir=rtl] .predictive-search__result-tab.active:after{left:auto;right:0}.predictive-search__result-tab.active .predictive-search__result-tab-title span:first-child{transform:translateY(-100%)}.predictive-search__result-tab.active .predictive-search__result-tab-title span:last-child{top:0}@media screen and (pointer:fine){.predictive-search__result-tab:hover .predictive-search__result-tab-title span:first-child{transform:translateY(-100%)}.predictive-search__result-tab:hover .predictive-search__result-tab-title span:last-child{top:0}}.predictive-search__result-tab-title{display:flex;align-items:center;position:relative;overflow:hidden}.predictive-search__result-tab-title span{font-size:calc(var(--font-button-scale) * 1rem);font-family:var(--font-button-family);font-weight:var(--font-button-weight);font-style:var(--font-button-style);text-transform:var(--font-button-text-transform);letter-spacing:var(--font-button-letter-spacing);line-height:1.35;display:flex;align-items:center;transition:color var(--duration-default) ease,transform .35s ease-in-out,top .35s ease-in-out}.predictive-search__result-tab-title span:first-child{color:rgb(var(--color-foreground-secondary))}.predictive-search__result-tab-title span:last-child{color:rgb(var(--color-foreground));position:absolute;top:100%;left:0}.predictive-search__results-list{display:none;grid-template-columns:1fr;grid-template-rows:auto;gap:1.6rem;width:100%;height:100%;padding-right:.8rem;overflow-y:auto}.predictive-search__results-list::-webkit-scrollbar{width:.1rem;height:.1rem;background-color:rgb(var(--color-border))}.predictive-search__results-list::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground));height:10rem}@media screen and (min-width:750px){.predictive-search__results-list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.predictive-search__results-list{padding-inline-end:1.6rem;overflow:hidden;height:auto}}@media screen and (min-width:1200px){.predictive-search__results-list{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1536px){.predictive-search__results-list{grid-template-columns:repeat(4,1fr)}}.predictive-search__results-list.active{display:grid}.predictive-search__results-list--queries{flex-direction:column;gap:0}.predictive-search__results-list--queries.active{display:flex}.predictive-search__results-list--pages{flex-direction:column;gap:1.6rem}.predictive-search__results-list--pages.active{display:flex}.predictive-search__results-list.active>*{animation:predictive-search-card-in .55s ease both;animation-delay:calc(var(--card-index, 0) * .12s)}.predictive-search__results-list--pages.active>*,.predictive-search__results-list--queries.active>*{animation-duration:.4s;animation-delay:calc(var(--card-index, 0) * .07s)}@media(prefers-reduced-motion:reduce){.predictive-search__results-list.active>*{animation:none}}@keyframes predictive-search-card-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.predictive-search__result-list-query{display:inline-block;width:fit-content;padding:.6rem 0}.predictive-search__result-list-query:first-child{padding-top:0}.predictive-search__result-list-query:last-child{padding-bottom:0}.predictive-search__result-list-query span{display:inline;background-position:right 94%;background-size:0% .1rem;background-image:linear-gradient(to right,currentColor 0%,currentColor 100%);background-repeat:no-repeat;text-decoration:none;word-break:break-word;transition:background-size var(--duration-default) ease-in-out}@media screen and (hover:hover)and (pointer:fine){.predictive-search__result-list-query:hover span{background-size:100% .1rem;background-position:left 94%}}.predictive-search__result-list-query mark{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:400}.predictive-search__empty{display:block;text-align:left;padding:2.4rem 0}.predictive-search__empty-title{color:rgb(var(--color-foreground));word-break:break-word;max-width:40.8rem}.predictive-search-results-wrapper{--fallback-collections-height: calc( 75vh - var(--header-height) - var(--ann-height) );height:100%;max-height:calc(100vh - var(--search-tabs-height, 0px) - var(--search-field-height, 0px) - var(--header-height, 0px) - var(--ann-height, 0px) - 3.4rem);max-height:calc(100dvh - var(--search-tabs-height, 0px) - var(--search-field-height, 0px) - var(--header-height, 0px) - var(--ann-height, 0px) - 3.4rem);overflow-y:auto;overscroll-behavior:contain;margin-right:.8rem}@media screen and (min-width:990px){.predictive-search-results-wrapper{max-height:calc(var(--search-collections-height, var(--fallback-collections-height)) - var(--search-tabs-height, 0px));margin-right:0}}.predictive-search-results-wrapper::-webkit-scrollbar{width:.1rem;height:.1rem;background-color:rgb(var(--color-border))}.predictive-search-results-wrapper::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground))}@media screen and (min-width:750px){.header predictive-search{position:relative}}.header-search-modal predictive-search[loading] .header-search-modal__collections,.header-search-modal predictive-search[results=true] .header-search-modal__collections{display:none}@media screen and (min-width:990px){.header-search-modal.header-search-modal--collections-trending{--collections-show-display: grid}.header-search-modal.header-search-modal--collections-trending.header-search-modal--collections-1{--collections-show-display: flex}.header-search-modal predictive-search[loading] .header-search-modal__collections,.header-search-modal predictive-search[results=true] .header-search-modal__collections{display:var(--collections-show-display, none)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-predictive-search.css.map */