.ax-predictive{--ax-predictive-gap: var(--ax-space-4);--ax-predictive-thumb: 3.5rem;--ax-predictive-radius: var(--ax-radius-md);position:relative;display:block;inline-size:100%}.ax-search-form{display:flex;align-items:stretch;gap:var(--ax-space-2);inline-size:100%}.ax-search-form__field{flex:1 1 auto;min-inline-size:0}.ax-search-form__control{position:relative}.ax-search-form__input{padding-inline-end:2.75rem;text-overflow:ellipsis}.ax-search-form__icon{z-index:1}.ax-search-form__clear{z-index:2;border:0;background:none;cursor:pointer}.ax-search-form__submit{flex:none}.ax-predictive__panel{position:relative;z-index:1;padding:var(--ax-space-3);margin-block-start:var(--ax-predictive-gap);color:var(--ax-c-fg);background-color:var(--ax-c-bg-alt);border:var(--ax-border-width) solid var(--ax-c-hairline);border-radius:var(--ax-radius-lg);box-shadow:var(--ax-shadow-pop, var(--ax-shadow-lg))}.ax-predictive--inline .ax-predictive__panel{position:absolute;inset-inline:0;inset-block-start:calc(100% + var(--ax-space-2));z-index:var(--ax-z-header);max-block-size:min(30rem,calc(var(--ax-vh, 1vh) * 70));overflow-y:auto;overscroll-behavior:contain;margin-block-start:0}.ax-predictive--inline[data-ax-state=idle] .ax-predictive__panel{display:none}.ax-predictive--inline[data-ax-state=idle]:focus-within .ax-predictive__panel{display:block}.ax-predictive__listbox{display:flex;flex-direction:column;gap:var(--ax-space-5)}.ax-predictive__group{display:flex;flex-direction:column;gap:var(--ax-space-1)}.ax-predictive__group-title{margin:0 0 var(--ax-space-1);font-family:var(--ax-font-heading);font-size:var(--ax-text-xs);font-weight:var(--ax-fw-bold);line-height:var(--ax-leading-snug);letter-spacing:0;text-transform:none;color:var(--ax-c-fg-muted)}.ax-predictive__group--all{margin-block-start:calc(var(--ax-space-1) * -1)}.ax-predictive__option{display:flex;align-items:center;gap:var(--ax-space-3);min-block-size:3.5rem;padding:var(--ax-space-2);color:inherit;text-decoration:none;border-radius:var(--ax-predictive-radius);cursor:pointer;transition:background-color var(--ax-dur-1) var(--ax-ease-out),color var(--ax-dur-1) var(--ax-ease-out)}.ax-predictive__option[data-ax-active=true]{background-color:var(--ax-c-tint)}@media(hover:hover){.ax-predictive__option:hover{background-color:var(--ax-c-tint)}}.ax-predictive__option:focus-visible{outline:var(--ax-focus-width) solid var(--ax-c-border-strong);outline-offset:calc(var(--ax-focus-offset) * -1)}.ax-predictive__thumb{flex:none;inline-size:var(--ax-predictive-thumb);border-radius:var(--ax-radius-md)}.ax-predictive__thumb--sm{inline-size:calc(var(--ax-predictive-thumb) * .75)}.ax-predictive__info{display:flex;flex-direction:column;gap:.15em;min-inline-size:0}.ax-predictive__title{font-size:var(--ax-text-sm);font-weight:var(--ax-fw-body);line-height:var(--ax-leading-snug);color:var(--ax-c-fg);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.ax-predictive__meta{font-size:var(--ax-text-2xs);line-height:var(--ax-leading-snug);letter-spacing:0;text-transform:none;color:var(--ax-c-fg-subtle)}.ax-predictive__option .ax-price{font-size:var(--ax-text-xs)}.ax-predictive__option-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;color:var(--ax-c-fg-subtle);background-color:var(--ax-c-tint);border-radius:var(--ax-radius-full)}.ax-predictive__option[data-ax-active=true] .ax-predictive__option-icon,.ax-predictive__option:hover .ax-predictive__option-icon{color:var(--ax-c-fg)}.ax-predictive__option-text{min-inline-size:0;font-size:var(--ax-text-sm);line-height:var(--ax-leading-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-predictive__option-text mark{padding-inline:0;background:none;border-radius:0;color:inherit;font-weight:var(--ax-fw-bold)}.ax-predictive__option--all{justify-content:space-between;font-weight:var(--ax-fw-bold);color:var(--ax-c-accent);border:var(--ax-border-width) solid var(--ax-c-hairline-strong)}.ax-predictive__option--all:hover,.ax-predictive__option--all[data-ax-active=true]{border-color:var(--ax-c-border-strong)}.ax-predictive__empty{padding-block:var(--ax-space-6);text-align:center}.ax-predictive__empty-title{margin:0;font-size:var(--ax-text-base);font-weight:var(--ax-fw-bold);line-height:var(--ax-leading-snug);color:var(--ax-c-fg);overflow-wrap:anywhere}.ax-predictive__empty-hint{margin:var(--ax-space-2) 0 0;font-size:var(--ax-text-sm);line-height:var(--ax-leading-normal);color:var(--ax-c-fg-muted)}.ax-predictive__idle{display:flex;flex-direction:column;gap:var(--ax-space-6)}.ax-predictive__idle-group{display:flex;flex-direction:column;gap:var(--ax-space-2)}.ax-predictive__chips{display:flex;flex-wrap:wrap;gap:var(--ax-space-2);margin:0}.ax-predictive__chip{min-block-size:2.25rem;font-size:var(--ax-text-xs);text-decoration:none}.ax-predictive__links{display:flex;flex-direction:column;margin:0}.ax-predictive__link{display:flex;align-items:center;justify-content:space-between;gap:var(--ax-space-3);padding-block:var(--ax-space-3);font-size:var(--ax-text-sm);color:var(--ax-c-fg);text-decoration:none;border-block-end:var(--ax-border-width) solid var(--ax-c-hairline);transition:color var(--ax-dur-1) var(--ax-ease-out)}.ax-predictive__links>li:last-child .ax-predictive__link{border-block-end:0}.ax-predictive__link:hover{color:var(--ax-c-accent)}.ax-predictive__link:focus-visible{outline:var(--ax-focus-width) solid var(--ax-c-border-strong);outline-offset:var(--ax-focus-offset)}.ax-predictive__skeleton{display:flex;flex-direction:column;gap:var(--ax-space-3)}.ax-predictive__skeleton-row{display:flex;align-items:center;gap:var(--ax-space-3);padding:var(--ax-space-2)}.ax-predictive__skeleton-thumb{flex:none;inline-size:var(--ax-predictive-thumb);block-size:var(--ax-predictive-thumb);border-radius:var(--ax-radius-sm)}.ax-predictive__skeleton-lines{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--ax-space-2);min-inline-size:0}:root[data-animations=false] .ax-predictive__option,:root[data-animations=false] .ax-predictive__link{transition:none}@media(prefers-reduced-motion:reduce){.ax-predictive__option,.ax-predictive__link{transition:none}}@media(forced-colors:active){.ax-predictive__option[data-ax-active=true]{outline:2px solid Highlight;outline-offset:-2px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-predictive.css.map */