.predictive-search{display:none;position:fixed;top:63px;left:-.1rem;background-color:rgb(var(--color-background));z-index:3;overflow-y:auto}.predictive-search--search-template{z-index:2;width:calc(100% + .2rem)}.predictive-search__results-groups-wrapper{display:flex;padding:2px 16px 24px}@media screen and (max-width: 767px){.predictive-search--header{right:0;left:0}.predictive-search__results-groups-wrapper{flex-direction:column}}@media screen and (min-width: 768px){.predictive-search{border-top:none;width:calc(100% + .2rem)}.header predictive-search{position:relative}.predictive-search__results-groups-wrapper{padding:10px 32px 0;gap:32px}}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search__result-group{display:flex;flex-direction:column;border-bottom:1px solid #e4e4e4;padding-bottom:12px}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}@media screen and (min-width: 768px){.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__results-groups-wrapper--no-products .predictive-search__result-group:first-child,.predictive-search__result-group:only-child{flex-grow:1}}.predictive-search__heading{padding:24px 0 12px;color:var(--ut-black);font-size:16px;font-weight:600;line-height:24px;text-align:left;letter-spacing:0}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__list-item[aria-selected=true]>*,.predictive-search__item[aria-selected=true]{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:underline;text-underline-offset:.3rem}.predictive-search__item{display:flex;text-align:left;text-decoration:none;width:100%}.predictive-search__item--link-with-thumbnail{flex-direction:column}.predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column}.predictive-search__item-content--centered{justify-content:center}.predictive-search__item-vendor{font-size:.9rem}.predictive-search__item-heading{margin:0}.predictive-search__item-query-result *:not(mark){font-weight:bolder}.predictive-search__item-query-result mark{color:rgba(var(--color-foreground),.75)}.predictive-search__item-query-result mark{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{align-items:center;padding:0 16px 24px;word-break:break-all;font-size:14px;font-weight:400;justify-content:flex-start;line-height:22px;text-decoration:underline;color:var(--ut-white-200)}.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-results .predictive-search-card-container{display:flex;overflow:scroll;gap:16px}#predictive-search-results .predictive-search-card-container .predictive-search-card-wrapper{width:calc(50% - 8px);flex-shrink:0;padding-bottom:12px}.predictive-search-card-container .predictive-search-card-wrapper .predictive-search-card-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;color:var(--ut-black);display:-webkit-box;font-size:13px;font-weight:400;line-height:20px;letter-spacing:0;margin-bottom:2px;max-height:40px;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.predictive-search-card-container .predictive-search-card-wrapper .predictive-search-price-wrapper{font-size:13px;font-weight:400;line-height:20px;letter-spacing:0;color:var(--ut-black);display:flex;gap:7px}.predictive-search-card-wrapper .predictive-search-price-wrapper .predictive-search-product-compare-price{text-decoration:line-through;color:#2229}.predictive-search-card-wrapper .predictive-search-price-wrapper .predictive-search-product-price{color:#f30!important}.predictive-search__image{object-fit:cover;border-radius:4px;margin-bottom:2px}#predictive-search-results .predictive-search-link-text{color:var(--ut-black);font-size:14px;font-weight:400;line-height:28px;text-transform:capitalize}@media screen and (min-width: 768px){.predictive-search__image{margin-bottom:12px}.predictive-search__result-group{border-bottom:unset;padding-bottom:0}#predictive-search-results .predictive-search-group-collection{width:206px;min-width:206px}#predictive-search-results .predictive-search-link-text{padding-bottom:22px}#predictive-search-results .predictive-search-card-container .predictive-search-card-wrapper{padding-bottom:16px}#predictive-search-results:has(.predictive-search-group-collection) .predictive-search__item--term{padding:16px 32px 40px 270px}.predictive-search__item--term{padding:16px 32px 40px}.predictive-search__item--term.search_no_results{padding:16px 32px 40px;justify-content:center}}@media screen and (min-width: 992px){#predictive-search-results .predictive-search-card-container{overflow:visible}#predictive-search-results .predictive-search-card-container .predictive-search-card-wrapper{width:calc(25% - 12px)}}@media screen and (min-width: 1200px){#predictive-search-results .predictive-search-group-collection{width:270px;min-width:270px}#predictive-search-results:has(.predictive-search-group-collection) .predictive-search__item--term{padding:16px 32px 40px 334px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/component-predictive-search.css.map */