:root{--ps-width: 112rem;--ps-gutter: 16px;--ps-extra-left: 0rem}@media (min-width: 750px){predictive-search{position:relative}}.predictive-search{display:none;position:absolute;top:calc(100% + .1rem);z-index:50;width:min(var(--ps-width),calc(100vw - (2 * var(--ps-gutter))));left:50%;transform:translate(calc(-50% - var(--ps-extra-left)));background:rgb(var(--color-background));border:var(--popup-border-width) solid rgba(var(--color-foreground),var(--popup-border-opacity));border-radius:var(--popup-corner-radius);border-top-left-radius:0;border-top-right-radius:0;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:visible!important}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}@media (max-width: 749px){.predictive-search{left:0;right:0;top:100%;width:100vw;max-width:none;transform:none;border-radius:0;box-sizing:border-box}.search-modal,.search-modal__content,.search-modal__content-bottom,.predictive-search,.predictive-search *{max-width:100%}}.predictive-search__results-groups-wrapper{display:grid;grid-template-columns:32rem 1fr;column-gap:2.4rem;padding:1.6rem 2rem;border-bottom:1px solid rgba(var(--color-foreground),.08);overflow:visible!important}@media (max-width: 1024px){.predictive-search__results-groups-wrapper{grid-template-columns:28rem 1fr;column-gap:2rem}}@media (max-width: 749px){.predictive-search__results-groups-wrapper{display:block;border-bottom:0;padding:0 12px 12px}}.predictive-search__result-group{display:flex;flex-direction:column;gap:1.2rem;min-width:0}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:block!important}.predictive-search__heading{margin:0 1.6rem .6rem;padding:.6rem 0;border-bottom:1px solid rgba(var(--color-foreground),.12);font-family:var(--font-body-family);font-weight:600;font-size:1.4rem;line-height:1.4;letter-spacing:normal;text-transform:none;color:rgba(var(--color-foreground),.9)}.predictive-search__item{display:flex;align-items:center;width:100%;padding:1rem 1.6rem;text-decoration:none;font-family:var(--font-body-family);font-size:1.3rem;line-height:1.4;color:rgb(var(--color-foreground))}.predictive-search__item-heading{margin:0;font:inherit}.predictive-search__item-vendor{font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.predictive-search__item .price{font-size:1.2rem;color:rgba(var(--color-foreground),.75)}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__list-item:hover>*,.predictive-search__item[aria-selected=true],.predictive-search__item:hover{background:rgba(var(--color-foreground),.04)}.predictive-search__result-group:first-child .predictive-search__list,.predictive-search__result-group:first-child .predictive-search__results-list,.predictive-search__result-group:first-child ul{display:flex!important;flex-direction:column;gap:0;padding:0 1.6rem;overflow:visible!important;max-height:none!important}.predictive-search__result-group:first-child .predictive-search__list-item,.predictive-search__result-group:first-child li{list-style:none;border-bottom:1px solid rgba(var(--color-foreground),.08)}.predictive-search__result-group:first-child .predictive-search__list-item:last-child,.predictive-search__result-group:first-child li:last-child{border-bottom:0}.predictive-search__item--term{justify-content:space-between;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1.2rem 1.6rem}.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))}@media (min-width: 750px){.predictive-search__results,.predictive-search__results-list,.predictive-search__result-group:last-child,.predictive-search__result-group:last-child .predictive-search__list{overflow:visible!important;max-width:100%!important;height:auto!important;max-height:none!important}.predictive-search__result-group:last-child .predictive-search__list,.predictive-search__result-group:last-child .predictive-search__results-list,.predictive-search__result-group:last-child ul{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.6rem 2rem;padding:0 1.6rem 1.2rem;box-sizing:border-box}.predictive-search__result-group:last-child .predictive-search__list-item,.predictive-search__result-group:last-child li{list-style:none;border-bottom:0;background:transparent}.predictive-search__result-group:last-child .predictive-search__item{display:grid;grid-template-columns:100%;grid-template-rows:auto auto auto;row-gap:.6rem;align-items:start;padding:1.2rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:.6rem;box-sizing:border-box}.predictive-search__result-group:last-child .predictive-search__item--link-with-thumbnail{grid-template-columns:100%;column-gap:0;grid-template-areas:"product-image" "product-content"}.predictive-search__result-group:last-child .predictive-search__image{grid-area:product-image;width:100%;aspect-ratio:1/1;max-height:140px;object-fit:contain;display:block;margin:0 auto .6rem}.predictive-search__result-group:last-child .predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column;align-items:flex-start}.predictive-search__result-group:last-child .predictive-search__item-heading{font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;word-break:break-word}.predictive-search__result-group:last-child .price{margin-top:.3rem!important;font-weight:600}}@media (min-width:750px){.predictive-search__result-group:last-child .predictive-search__pages-wrapper{display:none!important}.predictive-search__result-group:last-child .predictive-search__heading:has(+.predictive-search__pages-wrapper){display:none!important}}@media (max-width: 749px){.predictive-search__results,.predictive-search__results-groups-wrapper,.predictive-search__results-list,.predictive-search__result-group{overflow-x:hidden!important}.predictive-search__heading{margin:12px 0 6px;padding:6px 0;font-size:1.3rem;line-height:1.35;border-bottom:1px solid rgba(var(--color-foreground),.1)}.predictive-search__result-group:last-child .predictive-search__list,.predictive-search__result-group:last-child .predictive-search__results-list,.predictive-search__result-group:last-child ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 0 14px;box-sizing:border-box;overflow:visible!important;max-height:none!important}@media (max-width:420px){.predictive-search__result-group:last-child .predictive-search__list,.predictive-search__result-group:last-child .predictive-search__results-list,.predictive-search__result-group:last-child ul{grid-template-columns:1fr}}.predictive-search__result-group:last-child .predictive-search__item{padding:10px;border-radius:8px;border:1px solid rgba(var(--color-foreground),.08)}.predictive-search__result-group:last-child .predictive-search__image{width:100%;aspect-ratio:1/1;max-height:120px;object-fit:contain}.predictive-search__result-group:last-child .predictive-search__item-heading{font-size:1.2rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;word-break:break-word}}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}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-predictive-search.css.map */