.template-search__search{--ps-radius: 16px;--ps-item-radius: 14px;--ps-pad: .75rem;--ps-item-minh: 52px;--ps-gap: 10px}.template-search__search .field{position:relative;overflow:visible}.template-search__search .predictive-search--search-template{display:none;position:absolute!important;top:calc(100% + var(--ps-gap))!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;max-width:100%!important;margin:0!important;transform:none!important;z-index:60;border-width:var(--popup-border-width);border-style:solid;border-color:rgb(var(--color-foreground) / .12);background:rgb(var(--color-background));border-radius:var(--ps-radius);overflow:hidden;box-shadow:0 18px 40px rgb(var(--color-shadow) / .18);max-height:min(72vh,640px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.template-search__search .predictive-search--search-template::-webkit-scrollbar{width:0;height:0}.template-search__search predictive-search[open] .predictive-search--search-template,.template-search__search predictive-search[loading] .predictive-search--search-template{display:block}.template-search__search predictive-search{inset:auto!important}.template-search__search .predictive-search__results-groups-wrapper{display:flex;gap:.75rem;padding:.75rem;border-bottom:1px solid rgb(var(--color-foreground) / .08)}@media screen and (max-width: 749px){.template-search__search .predictive-search__results-groups-wrapper{flex-direction:column}}.template-search__search .predictive-search__heading{margin:0;padding:.95rem 1.2rem .65rem;font-size:1rem;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:rgb(var(--color-foreground) / .78);position:sticky;top:0;z-index:2;background:rgb(var(--color-background));border-bottom:1px solid rgb(var(--color-foreground) / .08)}.template-search__search .predictive-search__results-list{margin:0;padding:var(--ps-pad)}.template-search__search .predictive-search__list-item{padding:.25rem}.template-search__search .predictive-search__item{display:flex;width:100%;text-align:left;text-decoration:none;min-height:var(--ps-item-minh);padding:.9rem 1.1rem;border-radius:var(--ps-item-radius);background:transparent;border:1px solid transparent;transition:background-color var(--duration-default) ease,border-color var(--duration-default) ease}.template-search__search .predictive-search__item--link-with-thumbnail{display:grid;grid-template-columns:56px 1fr;grid-column-gap:1.1rem;align-items:center}.template-search__search .predictive-search__image{width:56px;height:56px;border-radius:12px;overflow:hidden;flex:0 0 56px;background:rgb(var(--color-foreground) / .05);border:1px solid rgb(var(--color-foreground) / .08)}.template-search__search .predictive-search__image img{width:100%;height:100%;object-fit:contain;display:block}.template-search__search .predictive-search--search-template .predictive-search__image,.template-search__search .predictive-search--search-template .predictive-search__image img{width:56px;height:56px}.template-search__search .predictive-search--search-template img{object-fit:contain}.template-search__search .predictive-search__item-content{display:flex;flex-direction:column;min-width:0}.template-search__search .predictive-search__item-heading{margin:0;font-weight:800;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-search__search .predictive-search__item .price{margin-top:.35rem;font-size:1.2rem;opacity:.82}.template-search__search .predictive-search__list-item[aria-selected=true]>*,.template-search__search .predictive-search__list-item:hover>*,.template-search__search .predictive-search__item[aria-selected=true],.template-search__search .predictive-search__item:hover{background-color:rgb(var(--color-foreground) / .05);border-color:rgb(var(--color-foreground) / .12)}.template-search__search .predictive-search__search-for-button{position:sticky;bottom:0;padding:.75rem;background:rgb(var(--color-background));border-top:1px solid rgb(var(--color-foreground) / .08);padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}@media screen and (max-width: 749px){.template-search__search{--ps-gap: 8px}.template-search__search .predictive-search__item--link-with-thumbnail{grid-template-columns:46px 1fr}.template-search__search .predictive-search__image{width:46px;height:46px;border-radius:10px;flex-basis:46px}.template-search__search .predictive-search--search-template .predictive-search__image,.template-search__search .predictive-search--search-template .predictive-search__image img{width:46px;height:46px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-predictive-search-template.css.map */