.predictive-search{display:none;position:absolute;top:calc(100% + .1rem);width:calc(100% + .2rem);left:-.1rem;border:.1rem solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background));z-index:3}.predictive-search--search-template{z-index:2}@media screen and (max-width:749px){.predictive-search--header{right:0;left:0;top:100%}}@media screen and (max-width:989px){.predictive-search{overflow-y:auto;-webkit-overflow-scrolling:touch}}@media screen and (min-width:750px){.predictive-search{border-top:none}.header predictive-search{position:relative}}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search__heading{border-bottom:.1rem solid rgba(var(--color-foreground),.08);font-size:1.2rem;text-transform:uppercase;margin:0 auto;padding:1.5rem 0 .75rem;display:flex;justify-content:space-between;align-items:center;width:calc(100% - 4rem);color:rgba(var(--color-foreground),.7)}predictive-search .spinner{width:1.5rem;height:1.5rem;line-height:0}.predictive-search__heading .spinner{margin:0 .2rem 0 2rem}predictive-search:not([loading]) .predictive-search__heading .spinner,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__heading~.predictive-search__loading-state,predictive-search[loading] .predictive-search__results-list:first-child{display:none}.predictive-search__list-item:nth-last-child(2){border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__list-item:hover>*{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;padding:1rem 2rem;text-align:left;text-decoration:none;width:100%}.predictive-search__item--link{display:grid;grid-template-columns:5rem 1fr;grid-column-gap:2rem;grid-template-areas:"product-image product-content"}.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 .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{justify-content:space-between;align-items:center;padding:1.3rem 2rem;word-break:break-all;line-height:1.4}@media screen and (min-width:750px){.predictive-search__item--term{padding-top:1rem;padding-bottom:1rem}}.predictive-search__item--term .icon-arrow{width:1.4rem;height:1.4rem;flex-shrink:0;margin-left:2rem;color:rgb(var(--color-link))}.predictive-search__image{grid-area:product-image;object-fit:contain;font-family:"object-fit: contain"}.header .search-modal__form{max-width:640px}.search-modal .field{border-radius:12px;background:#fffdfb}.search-modal .field:after,.search-modal .field:before{border-radius:12px}.search-modal .search__input{border-radius:12px;font-size:16px;color:#302b27;background:transparent}.predictive-search{left:0;width:100%;top:calc(100% + 8px);border:1px solid #d9cec6;border-radius:14px;background:#fffdfb;color:#302b27;box-shadow:0 12px 32px #302b2726;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.predictive-search__heading{width:auto;margin:0 16px;padding:15px 0 10px;font:600 12px/1.4 var(--font-body-family);letter-spacing:.06em;color:#65594f}.predictive-search__results-list{margin:0;padding:4px 6px 0}.predictive-search__item--link{grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;padding:12px 10px;border-radius:10px}.predictive-search__image{width:88px;height:88px;border-radius:9px;object-fit:cover;background:#f5f0eb}.predictive-search__item-content{min-width:0;gap:4px}.predictive-search__item-heading{font:500 15px/1.4 var(--font-body-family);letter-spacing:0;color:#302b27;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__list-item:hover>*{background:#f3ebe4;color:#302b27}.predictive-search__list-item[aria-selected=true]>*{outline:2px solid #8b7565;outline-offset:-2px}.tth-search-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font:600 15px/1.4 var(--font-body-family);letter-spacing:0}.tth-search-price s{color:#75685e;font-size:12px;font-weight:400}.tth-search-from,.tth-search-code{color:#65594f;font:400 12px/1.5 var(--font-body-family);letter-spacing:0}.tth-search-code strong{font-weight:600}.predictive-search__item--term{min-height:48px;margin:0;padding:13px 12px;border:0;background:transparent;border-radius:0 0 10px 10px;font:500 14px/1.5 var(--font-body-family);color:#302b27;word-break:normal;overflow-wrap:anywhere}@media(max-width:749px){.predictive-search--header{top:calc(100% + 8px)}.predictive-search__item--link{grid-template-columns:68px minmax(0,1fr);gap:10px;padding:10px 8px}.predictive-search__image{width:68px;height:68px}.predictive-search__item-heading{font-size:14px}.predictive-search__heading{margin-inline:14px}}.header .search-modal.modal__content{background:radial-gradient(ellipse at 50% 0,rgba(143,82,47,.09),transparent 64%),linear-gradient(180deg,#f0e7df,#f7f2ec);color:#302b27;border-bottom-color:#ded2c8}.header .search-modal .field{background:#f4ede6}.predictive-search{background:linear-gradient(180deg,#f4ede6 0,#fbf8f4 150px);border-color:#d8cbbf}.header .search-modal .search__input:is(:focus,:focus-visible,.focused){outline:2px solid #806b5a!important;outline-offset:3px!important;box-shadow:none!important}
/*# sourceMappingURL=/cdn/shop/t/208/assets/component-predictive-search.css.map */