.predictive-search{display:none;position:absolute;top:calc(100% + .1rem);left:0;--color-foreground: var(--ch-ink-rgb, 17 19 17);--color-background: var(--ch-bone-raised-rgb, 255 255 255);border:1px solid var(--ch-hairline-bone, #dfdacb);border-top:0;background-color:var(--ch-bone-raised, #ffffff);color:var(--ch-ink, #111311);z-index:3;border-radius:0 0 var(--ch-radius-md, 1.25rem) var(--ch-radius-md, 1.25rem);box-shadow:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.predictive-search--search-template{z-index:2;width:100%}.predictive-search__results-groups-wrapper{display:flex;border-bottom:1px solid var(--ch-hairline-bone, #dfdacb);padding-bottom:1rem}@media screen and (max-width:749px){.predictive-search--header{right:0;left:0;top:100%}.predictive-search__results-groups-wrapper{flex-direction:column}.predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions){gap:2rem}}@media screen and (min-width:750px){.predictive-search{border-top:none;width:100%}.header predictive-search{position:relative}}predictive-search[open] [data-predictive-search],predictive-search[loading] [data-predictive-search]{display:block}.predictive-search--idle{display:none;padding-block:.5rem}predictive-search[idle] .predictive-search--idle{display:block}predictive-search[idle] [data-predictive-search]{display:none}@media(prefers-reduced-motion:no-preference){predictive-search[open] [data-predictive-search],predictive-search[idle] .predictive-search--idle,predictive-search[loading] [data-predictive-search]{animation:predictive-search-open var(--ch-duration-base, .24s) var(--ch-ease-out, ease) both}predictive-search[open] .predictive-search__list-item,predictive-search[idle] .predictive-search__popular-item{animation:predictive-search-open var(--ch-duration-base, .24s) var(--ch-ease-out, ease) both}predictive-search[open] .predictive-search__list-item:nth-child(1),predictive-search[idle] .predictive-search__popular-item:nth-child(1){animation-delay:0ms}predictive-search[open] .predictive-search__list-item:nth-child(2),predictive-search[idle] .predictive-search__popular-item:nth-child(2){animation-delay:30ms}predictive-search[open] .predictive-search__list-item:nth-child(3),predictive-search[idle] .predictive-search__popular-item:nth-child(3){animation-delay:60ms}predictive-search[open] .predictive-search__list-item:nth-child(n+4),predictive-search[idle] .predictive-search__popular-item:nth-child(n+4){animation-delay:90ms}}@keyframes predictive-search-open{0%{opacity:0;transform:translateY(-.6rem)}to{opacity:1;transform:translateY(0)}}.predictive-search__result-group{display:flex;flex-direction:column;flex:1 1 auto;gap:2rem}.predictive-search__idle-inner{display:flex;flex-direction:column;gap:1.5rem;padding-block-end:1rem}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}@media screen and (min-width:750px){.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__result-group:first-child{flex:0 0 26.4rem}.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{border-bottom:1px solid var(--ch-hairline-bone, #dfdacb);margin:0 2rem;padding:1.5rem 0 .75rem;color:rgb(var(--ch-ink-rgb, 17 19 17) / 55%);font-family:var(--ch-font-utility, inherit);font-size:var(--ch-fs-2xs, .75rem);font-weight:var(--ch-font-weight-semibold, 600);letter-spacing:var(--ch-tracking-widest, .18em);text-transform:uppercase}predictive-search .spinner{width:1.5rem;height:1.5rem;line-height:0;color:rgb(var(--ch-ink-rgb, 17 19 17) / 55%)}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:var(--ch-ink, #111311);background-color:rgb(var(--ch-ink-rgb, 17 19 17) / 5%)}.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading{color:var(--ch-court-green, #0b4d2c);text-decoration:none}@media(pointer:fine)and (prefers-reduced-motion:no-preference){.predictive-search__list-item:hover>*,.predictive-search__item:hover{color:var(--ch-ink, #111311);background-color:rgb(var(--ch-ink-rgb, 17 19 17) / 5%)}.predictive-search__list-item:hover .predictive-search__item-heading{color:var(--ch-court-green, #0b4d2c);text-decoration:none}}.predictive-search__list-item+.predictive-search__list-item{border-block-start:1px solid var(--ch-hairline-bone, #dfdacb)}.predictive-search__item{display:flex;padding:1rem 2rem;text-align:left;text-decoration:none;width:100%;color:var(--ch-ink, #111311)}.predictive-search__item--link-with-thumbnail{display:grid;grid-template-columns:5rem 1fr;grid-column-gap:2rem;grid-template-areas:"product-image product-content";align-items:center;padding-block:1.25rem}.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-family:var(--ch-font-utility, inherit);font-size:var(--ch-fs-2xs, .75rem);letter-spacing:var(--ch-tracking-wide, .08em);text-transform:uppercase;color:rgb(var(--ch-ink-rgb, 17 19 17) / 55%)}.predictive-search__item-heading{margin:0;font-family:var(--ch-font-display, inherit);font-weight:var(--ch-font-weight-display, 700);font-size:var(--ch-fs-sm, 1rem);line-height:var(--ch-leading-snug, 1.25);letter-spacing:var(--ch-tracking-tight, -.01em);text-transform:uppercase;color:var(--ch-ink, #111311)}.predictive-search__item-heading mark{color:var(--ch-ink, #111311);background-color:transparent;font-weight:800}.predictive-search__item-query-result *:not(mark){font-weight:bolder}.predictive-search__item-query-result{color:rgb(var(--ch-ink-rgb, 17 19 17) / 55%)}.predictive-search__item-query-result mark{color:var(--ch-ink, #111311);background-color:transparent}.predictive-search__item .price{color:rgb(var(--ch-ink-rgb, 17 19 17) / 70%);font-size:var(--ch-fs-xs, 1.2rem);font-variant-numeric:tabular-nums}.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:calc(1 + .4 / var(--font-body-scale))}@media screen and (min-width:750px){.predictive-search__item--term{padding-top:1rem;padding-bottom:1rem}}.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(--ch-ink-rgb, 17 19 17) / 55%)}.predictive-search__image{grid-area:product-image;object-fit:contain;font-family:"object-fit: contain"}.predictive-search__skeleton{display:none;padding-block:.5rem}predictive-search[loading] .predictive-search__skeleton{display:block}predictive-search[loading] #predictive-search-results-groups-wrapper,predictive-search[loading] .predictive-search__popular{display:none}.predictive-search__skeleton-row{display:grid;grid-template-columns:5rem 1fr;grid-column-gap:2rem;align-items:center;padding:1.25rem 2rem}.predictive-search__skeleton-row+.predictive-search__skeleton-row{border-block-start:1px solid var(--ch-hairline-bone, #dfdacb)}.predictive-search__skeleton-thumb{display:block;width:5rem;aspect-ratio:1}.predictive-search__skeleton-lines{display:flex;flex-direction:column;gap:.75rem}.predictive-search__skeleton-line{display:block;height:.75rem;border-radius:var(--ch-radius-pill, 62.5rem)}.predictive-search__skeleton-line--title{width:70%}.predictive-search__skeleton-line--meta{width:40%;height:.6rem}.predictive-search__skeleton-thumb,.predictive-search__skeleton-line{background-color:rgb(var(--ch-ink-rgb, 17 19 17) / 7%);background-image:linear-gradient(90deg,rgb(var(--ch-ink-rgb, 17 19 17) / 0%),rgb(var(--ch-ink-rgb, 17 19 17) / 9%),rgb(var(--ch-ink-rgb, 17 19 17) / 0%));background-size:200% 100%;background-repeat:no-repeat;background-position:-150% 0;animation:predictive-search-shimmer 1.4s var(--ch-ease-expo, ease) infinite}@keyframes predictive-search-shimmer{to{background-position:250% 0}}@media(prefers-reduced-motion:reduce){.predictive-search__skeleton-thumb,.predictive-search__skeleton-line{background-image:none;animation:none}}.predictive-search__popular{padding-bottom:1.5rem}.predictive-search__popular-list{display:flex;flex-wrap:wrap;gap:.75rem;margin:0;padding-inline:2rem;padding-top:1rem}.predictive-search__popular-pill{display:inline-block;padding:.6rem 1rem;border:1px solid var(--ch-hairline-bone, #dfdacb);border-radius:var(--ch-radius-pill, 62.5rem);font-family:var(--ch-font-utility, inherit);font-size:var(--ch-fs-2xs, .75rem);letter-spacing:var(--ch-tracking-wide, .08em);text-transform:uppercase;text-decoration:none;color:rgb(var(--ch-ink-rgb, 17 19 17) / 70%);transition:color var(--ch-duration-fast, .15s) var(--ch-ease-expo, ease),border-color var(--ch-duration-fast, .15s) var(--ch-ease-expo, ease)}@media(pointer:fine)and (prefers-reduced-motion:no-preference){.predictive-search__popular-pill:hover{color:var(--ch-court-green, #0b4d2c);border-color:var(--ch-court-green, #0b4d2c)}}.predictive-search__popular-pill:focus-visible{outline:1px solid var(--ch-court-green, #0b4d2c);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-predictive-search.css.map */