.predictive-search{display:none;-webkit-overflow-scrolling:touch}.predictive-search--search-template{position:absolute;top:calc(100% + .1rem);left:-.1rem;z-index:2;width:calc(100% + .2rem);border-width:var(--popup-border-width);border-style:solid;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-top:0;border-bottom-right-radius:var(--popup-corner-radius);border-bottom-left-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));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}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search__results-groups-wrapper{display:flex;gap:6rem}.predictive-search__result-group{display:flex;min-width:0;flex-direction:column;gap:1.2rem}.predictive-search__result-group--suggestions{flex:0 0 9.5rem}.predictive-search__result-group--products{flex:1 1 auto}.predictive-search__heading{margin:0;color:rgba(var(--color-foreground),.7);font:inherit}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,predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button{display:initial}.predictive-search__results-list--suggestions{display:flex;flex-direction:column;gap:.8rem}.predictive-search__results-list--products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem 0}.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.predictive-search__list-item:hover .predictive-search__item-heading,.predictive-search__item[aria-selected=true] .predictive-search__item-heading,.predictive-search__item:hover .predictive-search__item-heading{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:.3em}.predictive-search__item{display:block;width:100%;color:inherit;text-align:left;text-decoration:none}.predictive-search__item--query{width:max-content;max-width:100%}.predictive-search__item--product{display:flex;flex-direction:column;gap:.4rem}.predictive-search__item-content{display:flex;flex-direction:column;color:inherit;font-size:1.4rem}.predictive-search__item-heading{margin:0;color:inherit;font:inherit}.predictive-search__item-query-result *:not(mark){font-weight:inherit}.predictive-search__item-query-result mark{color:inherit;background-color:transparent}.predictive-search__item-price .price,.predictive-search__item-price .price__container,.predictive-search__item-price .price-item{margin:0;color:inherit;font:inherit;letter-spacing:0}.predictive-search__item-price .price__badge-sale,.predictive-search__item-price .price__badge-sold-out{display:none}.predictive-search__item--term{display:inline-block;width:auto;color:inherit;font:inherit;word-break:break-word}.predictive-search__item--view-all{text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:.25em;text-decoration-skip-ink:none}.predictive-search__item--term .icon-arrow{width:1.4rem;height:1.4rem;flex-shrink:0;color:currentColor}.predictive-search__image{display:block;width:100%;aspect-ratio:122 / 170;object-fit:cover;font-family:"object-fit: cover"}.header-search .predictive-search,.header-mobile-search .predictive-search{--predictive-search-mask-top: 0rem;--predictive-search-mask-bottom: 5.6rem;--predictive-search-safe-bottom: 3.2rem;position:static;box-sizing:border-box;width:100%;margin-top:3.2rem;padding-bottom:var(--predictive-search-safe-bottom);color:var(--White, #fff);font:inherit;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent;mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.28) calc(var(--predictive-search-mask-top) * .28),rgba(0,0,0,.72) calc(var(--predictive-search-mask-top) * .64),rgba(0,0,0,1) var(--predictive-search-mask-top),rgba(0,0,0,1) calc(100% - var(--predictive-search-mask-bottom)),rgba(0,0,0,.72) calc(100% - (var(--predictive-search-mask-bottom) * .64)),rgba(0,0,0,.28) calc(100% - (var(--predictive-search-mask-bottom) * .28)),rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.28) calc(var(--predictive-search-mask-top) * .28),rgba(0,0,0,.72) calc(var(--predictive-search-mask-top) * .64),rgba(0,0,0,1) var(--predictive-search-mask-top),rgba(0,0,0,1) calc(100% - var(--predictive-search-mask-bottom)),rgba(0,0,0,.72) calc(100% - (var(--predictive-search-mask-bottom) * .64)),rgba(0,0,0,.28) calc(100% - (var(--predictive-search-mask-bottom) * .28)),rgba(0,0,0,0) 100%)}.header-search .predictive-search:not(.predictive-search--can-scroll),.header-mobile-search .predictive-search:not(.predictive-search--can-scroll){mask-image:none;-webkit-mask-image:none}.header-search .predictive-search--can-scroll:not(.predictive-search--at-top),.header-mobile-search .predictive-search--can-scroll:not(.predictive-search--at-top){--predictive-search-mask-top: 5.6rem}.header-search .predictive-search--can-scroll.predictive-search--at-bottom,.header-mobile-search .predictive-search--can-scroll.predictive-search--at-bottom{--predictive-search-mask-bottom: 0rem}.header-search .predictive-search__heading,.header-mobile-search .predictive-search__heading{color:#ffffffb3}.header-search .predictive-search__search-for-button{padding:2.4rem 0 2.8rem}.header-search .predictive-search::-webkit-scrollbar,.header-mobile-search .predictive-search::-webkit-scrollbar{width:3px}.header-search .predictive-search::-webkit-scrollbar-track,.header-mobile-search .predictive-search::-webkit-scrollbar-track,.header-search .predictive-search::-webkit-scrollbar-track-piece,.header-mobile-search .predictive-search::-webkit-scrollbar-track-piece{background:transparent}.header-search .predictive-search::-webkit-scrollbar-thumb,.header-mobile-search .predictive-search::-webkit-scrollbar-thumb{background-color:#ffffff73;border-radius:999px}@media screen and (min-width:1101px){.header-search .predictive-search__results-list--products{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem 0}}@media screen and (max-width:1100px){.header-search .predictive-search,.header-mobile-search .predictive-search{margin-top:3.2rem}.predictive-search__results-groups-wrapper{flex-direction:column;gap:3.2rem}.predictive-search__search-for-button{margin-top:3.2rem}.predictive-search__result-group--suggestions{flex-basis:auto}.predictive-search__results-list--products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.predictive-search__results-groups-wrapper{gap:3.2rem}.predictive-search__result-group{gap:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-predictive-search.css.map */
