.predictive-search{--ps-red: #fc5353;--ps-blue: #1060ba;--ps-gradient: linear-gradient(90deg, var(--ps-red), var(--ps-blue));--ps-ink: #0f172a;--ps-muted: #606060;--ps-accent: #066bc1;--ps-border: #e3eaf7;--ps-soft: #f7f9fd;--ps-hover: #f1f6fe;display:none;position:absolute;top:calc(100% + .8rem);left:0;z-index:3;border:.1rem solid var(--ps-border);border-radius:2rem;background-color:#fff;box-shadow:0 2.4rem 6rem #0f172a29,0 .4rem 1.2rem #0f172a0f;color:var(--ps-ink);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.predictive-search:before{content:"";position:sticky;top:0;z-index:2;display:block;height:.3rem;background:var(--ps-gradient)}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block;animation:ps-drop .18s ease-out}@keyframes ps-drop{0%{opacity:0;transform:translateY(-.6rem)}to{opacity:1;transform:none}}.predictive-search--search-template{z-index:2;width:100%}@media screen and (max-width:749px){.predictive-search--header{right:0;left:0;top:calc(100% + .6rem)}}@media screen and (min-width:750px){.predictive-search{width:100%}.header predictive-search{position:relative}}.ps{display:grid;grid-template-areas:"empty" "queries" "products" "links";padding:.8rem 0}.ps__empty{grid-area:empty}.ps__block--queries{grid-area:queries}.ps__block--products{grid-area:products}.ps__block--links{grid-area:links}.ps__block{min-width:0;padding:1.2rem 1.6rem .4rem}@media screen and (min-width:750px){.predictive-search--header .ps,.predictive-search--search-template .ps{grid-template-columns:24rem minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"empty empty" "queries products" "links products";padding:0}.predictive-search--header .ps__block--queries,.predictive-search--header .ps__block--links,.predictive-search--search-template .ps__block--queries,.predictive-search--search-template .ps__block--links{background-color:var(--ps-soft);border-right:.1rem solid var(--ps-border)}.predictive-search--header .ps__block--queries,.predictive-search--search-template .ps__block--queries{padding-top:1.6rem}.predictive-search--header .ps__block--links,.predictive-search--search-template .ps__block--links{padding-bottom:1.6rem}.predictive-search--header .ps__block--products,.predictive-search--search-template .ps__block--products{padding:1.6rem 1.6rem 1.2rem}.predictive-search--header .ps--no-rail,.predictive-search--header .ps--no-products,.predictive-search--search-template .ps--no-rail,.predictive-search--search-template .ps--no-products{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"empty" "queries" "products" "links"}.predictive-search--header .ps--no-products .ps__block,.predictive-search--search-template .ps--no-products .ps__block{border-right:0;background-color:transparent}}.ps__heading{display:flex;gap:.8rem;align-items:center;margin:0 0 1rem;padding:0 .4rem;color:var(--ps-accent);font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;line-height:1.3;letter-spacing:.1em;text-transform:uppercase}.ps__count{padding:.2rem .7rem;border-radius:4rem;background-color:#ecf3fe;color:var(--ps-accent);font-size:1.1rem;letter-spacing:0}.ps__chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0}.ps__chip{display:inline-flex;gap:.6rem;align-items:center;max-width:100%;padding:.7rem 1.2rem .7rem 1rem;border:.1rem solid var(--ps-border);border-radius:4rem;background-color:#fff;color:var(--ps-muted);font-size:1.3rem;line-height:1.2;text-decoration:none;transition:border-color var(--duration-default) ease,background-color var(--duration-default) ease,color var(--duration-default) ease}.ps__chip-icon{width:1.4rem;height:1.4rem;flex:none;color:#a4b2ce;transition:color var(--duration-default) ease}.ps__query{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps__query mark{background:none;color:var(--ps-muted);font-weight:400}.ps__query *:not(mark){color:var(--ps-ink);font-weight:600}.ps__chip-item:hover .ps__chip,.ps__chip-item[aria-selected=true] .ps__chip{border-color:transparent;background:var(--ps-gradient);color:#ffffffd9}.ps__chip-item:hover .ps__chip-icon,.ps__chip-item[aria-selected=true] .ps__chip-icon,.ps__chip-item:hover .ps__query mark,.ps__chip-item:hover .ps__query *:not(mark),.ps__chip-item[aria-selected=true] .ps__query mark,.ps__chip-item[aria-selected=true] .ps__query *:not(mark){color:#fff}.ps__list{display:grid;gap:.2rem;margin:0;padding:0}.ps__list>li{min-width:0}.ps__product,.ps__link{display:flex;gap:1.4rem;align-items:center;padding:.8rem;border-radius:1.4rem;color:var(--ps-ink);text-decoration:none;transition:background-color var(--duration-default) ease}.predictive-search__list-item:hover .ps__product,.predictive-search__list-item[aria-selected=true] .ps__product,.predictive-search__list-item:hover .ps__link,.predictive-search__list-item[aria-selected=true] .ps__link{background-color:var(--ps-hover)}.ps__thumb{display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;flex:none;border-radius:1.2rem;background-color:var(--ps-soft);overflow:hidden}.ps__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease}.predictive-search__list-item:hover .ps__thumb img{transform:scale(1.06)}.ps__thumb-placeholder{width:80%;height:80%;fill:#c6d6ef}.ps__product-body,.ps__link-body{display:flex;flex:1;flex-direction:column;gap:.3rem;min-width:0}.ps__vendor{color:var(--ps-muted);font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase}.ps__product-title{display:-webkit-box;font-size:1.4rem;font-weight:500;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ps__price{display:flex;flex-wrap:wrap;gap:.6rem;align-items:baseline;background:var(--ps-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.4rem;font-weight:700}.ps__price-compare{color:#a4b2ce;-webkit-text-fill-color:#a4b2ce;font-size:1.2rem;font-weight:400}.ps__arrow{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex:none;border-radius:50%;background-color:transparent;color:#a4b2ce;transition:background var(--duration-default) ease,color var(--duration-default) ease,transform var(--duration-default) ease}.ps__arrow svg{width:1.5rem;height:1.5rem}.predictive-search__list-item:hover .ps__arrow,.predictive-search__list-item[aria-selected=true] .ps__arrow{background:var(--ps-gradient);color:#fff;transform:translate(.2rem)}.ps__link{gap:1.2rem;padding:.7rem .8rem}.ps__link-icon{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;flex:none;border-radius:1rem;background-color:#fff;border:.1rem solid var(--ps-border);color:var(--ps-blue);transition:background var(--duration-default) ease,color var(--duration-default) ease,border-color var(--duration-default) ease}.ps__link-icon svg{width:1.8rem;height:1.8rem}.predictive-search__list-item:hover .ps__link-icon,.predictive-search__list-item[aria-selected=true] .ps__link-icon{border-color:transparent;background:var(--ps-gradient);color:#fff}.ps__link-title{display:-webkit-box;overflow:hidden;font-size:1.35rem;font-weight:500;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ps__link-type{color:var(--ps-muted);font-size:1.15rem}.ps__empty{padding:2.8rem 2.4rem 1.6rem;text-align:center}.ps__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;border-radius:50%;background-color:#ecf3fe;color:var(--ps-blue)}.ps__empty-icon svg{width:2.6rem;height:2.6rem}.ps__empty-heading{margin:1.2rem 0 .4rem;font-size:1.6rem;font-weight:600;overflow-wrap:anywhere}.ps__empty-text{margin:0;color:var(--ps-muted);font-size:1.3rem;line-height:1.5}.ps__footer{position:sticky;bottom:0;z-index:1;display:block;padding:.8rem;border-top:.1rem solid var(--ps-border);background-color:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ps__search-for{display:flex;gap:1.2rem;align-items:center;justify-content:space-between;width:100%;padding:1rem 1rem 1rem 1.4rem;border:0;border-radius:1.2rem;background:none;color:var(--ps-ink);font-family:inherit;font-size:1.4rem;font-weight:500;text-align:left;cursor:pointer;transition:background-color var(--duration-default) ease}.ps__search-for-text{overflow-wrap:anywhere}.ps__search-for:hover,.ps__search-for[aria-selected=true]{background-color:var(--ps-hover)}.ps__search-for-arrow{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;flex:none;border-radius:50%;background:var(--ps-gradient);color:#fff;box-shadow:0 .6rem 1.4rem #1060ba40;transition:transform var(--duration-default) ease}.ps__search-for-arrow svg{width:1.5rem;height:1.5rem}.ps__search-for:hover .ps__search-for-arrow,.ps__search-for[aria-selected=true] .ps__search-for-arrow{transform:translate(.3rem)}predictive-search .spinner{width:1.8rem;height:1.8rem;line-height:0}predictive-search .spinner .path{stroke:var(--ps-blue, #1060ba)}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:2rem}predictive-search[loading] .predictive-search__search-for-button{display:none}predictive-search[loading] .ps~.predictive-search__loading-state{display:none}predictive-search[loading] .ps~.predictive-search__search-for-button{display:block}predictive-search[loading] .ps{opacity:.55;transition:opacity .2s ease}@media(prefers-reduced-motion:reduce){predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-predictive-search.css.map */