.predictive-search{display:none}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}predictive-search[open] .search-modal__body>.predictive-search__layout,predictive-search[loading] .search-modal__body>.predictive-search__layout{display:none}predictive-search:not([loading]) .predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:1.6rem}predictive-search[loading] .predictive-search__layout~.predictive-search__loading-state{display:none}predictive-search .spinner{width:var(--size-icon-m);height:var(--size-icon-m);line-height:0}.predictive-search__layout{display:flex;flex-direction:column;gap:3.2rem}.predictive-search__aside,.predictive-search__main{display:contents}.predictive-search__group--popular,.predictive-search__group--family{order:1}.predictive-search__group--families,.predictive-search__group--watches{order:2}.predictive-search__group--service,.predictive-search__group--queries{order:3}.predictive-search__group--straps{order:4}.predictive-search__group--content{order:5}.predictive-search__search-for-button{order:6}@media screen and (min-width:990px){.predictive-search__layout{display:grid;grid-template-columns:calc((100% - 11 * 1.6rem) / 12 * 4 + 3 * 1.6rem) minmax(0,1fr);align-items:start;column-gap:6.4rem}.predictive-search__aside,.predictive-search__main{display:flex;flex-direction:column;gap:3.2rem;min-width:0}.predictive-search__main{grid-column:2}}.predictive-search__group{display:flex;flex-direction:column;gap:.4rem}.predictive-search__heading{margin:0;padding:.8rem 0;font-size:var(--type-label-s-size);line-height:var(--type-label-s-line-height);letter-spacing:var(--type-label-s-letter-spacing);font-weight:var(--font-weight-medium);color:rgb(var(--color-text-subtle))}.predictive-search__heading-row{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:.8rem 0}.predictive-search__heading-row .predictive-search__heading{padding:0}.predictive-search__pills{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0}.predictive-search__list{display:flex;flex-direction:column;gap:.4rem;margin:0}@media screen and (min-width:990px){.predictive-search__list--columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.4rem;row-gap:.4rem}}.predictive-search__message{display:flex;flex-direction:column;gap:.8rem;order:0;padding:0}.predictive-search__message-heading,.predictive-search__message-text{margin:0}.predictive-search__message-heading{font-size:var(--type-label-l-size);line-height:var(--type-label-l-line-height);letter-spacing:var(--type-label-l-letter-spacing);font-weight:var(--font-weight-medium)}.predictive-search__message-text{font-size:var(--type-text-m-size);line-height:var(--type-text-m-line-height);letter-spacing:var(--type-text-m-letter-spacing);color:rgb(var(--color-text-subtle))}.predictive-search__item{display:flex;align-items:center;gap:1.6rem;min-height:4.4rem;padding:.8rem 0;border-radius:.2rem;color:rgb(var(--color-foreground));text-decoration:none;text-align:left;transition:background-color var(--motion-duration) ease}.predictive-search__item:hover,.predictive-search__list-item[aria-selected=true] .predictive-search__item{background-color:rgb(var(--color-background-subtle))}.predictive-search__item:focus-visible{outline-offset:-.2rem}.predictive-search__media{position:relative;flex:none;width:5.6rem;height:5.6rem;overflow:hidden;background-color:rgb(var(--color-media-ground))}.predictive-search__image{position:absolute;top:50%;left:50%;width:auto;max-width:none;height:calc(100% * var(--card-image-fill) / .87);aspect-ratio:1;object-fit:contain;transform:translate(-50%,-52%)}.predictive-search__text{display:flex;flex:1 1 auto;flex-direction:column;gap:.4rem;min-width:0}.predictive-search__title,.predictive-search__vendor{font-size:var(--type-label-m-size);line-height:var(--type-label-m-line-height);letter-spacing:var(--type-label-m-letter-spacing)}.predictive-search__vendor{color:rgb(var(--color-text-subtle))}.predictive-search__meta{font-size:var(--type-text-s-size);line-height:var(--type-text-s-line-height);letter-spacing:var(--type-text-s-letter-spacing);color:rgb(var(--color-text-subtle))}.predictive-search__article,.predictive-search__query{font-size:var(--type-text-m-size);line-height:var(--type-text-m-line-height);letter-spacing:var(--type-text-m-letter-spacing)}.predictive-search__item .price{flex:none;align-self:center;margin:0;font-size:var(--type-text-m-size);line-height:var(--type-text-m-line-height);letter-spacing:var(--type-text-m-letter-spacing);font-weight:var(--font-weight-regular)}.predictive-search__icon{--icon-size: var(--size-icon-s);flex:none;color:rgb(var(--color-text-subtle))}.predictive-search__query{flex:1 1 auto;min-width:0}.predictive-search__query mark{background-color:transparent;color:inherit}.predictive-search__query :not(mark){font-size:var(--type-label-l-size);line-height:var(--type-label-l-line-height);font-weight:var(--font-weight-medium)}.predictive-search__arrow{--icon-size: var(--size-icon-m);flex:none}.predictive-search__item--term{width:100%}.predictive-search__item--term[aria-selected=true]{box-shadow:inset 0 0 0 var(--buttons-border-width) rgb(var(--color-border-strong))}@media screen and (min-width:990px){.predictive-search__group--watches{container-type:inline-size}.predictive-search__list--tiles{flex-direction:row;gap:1.6rem}.predictive-search__list--tiles .predictive-search__list-item{flex:0 1 18.6rem;min-width:0}.predictive-search__list--tiles .predictive-search__item{height:100%;flex-direction:column;align-items:flex-start;gap:0;padding:.8rem 0}.predictive-search__list--tiles .predictive-search__item:hover,.predictive-search__list--tiles .predictive-search__list-item[aria-selected=true] .predictive-search__item{background-color:transparent}.predictive-search__list--tiles .predictive-search__media{width:100%;height:auto;aspect-ratio:170 / 212;margin-bottom:1.2rem}.predictive-search__list--tiles .predictive-search__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 .1rem transparent;transition:box-shadow var(--motion-duration) ease}.predictive-search__list--tiles .predictive-search__item:hover .predictive-search__media:after,.predictive-search__list--tiles .predictive-search__list-item[aria-selected=true] .predictive-search__media:after{box-shadow:inset 0 0 0 .1rem rgb(var(--color-border-strong))}.predictive-search__list--tiles .predictive-search__text{width:100%}.predictive-search__list--tiles .price{align-self:flex-start;margin-top:.4rem}.predictive-search__item--term{width:auto;align-self:flex-start}@container (max-width: 69.9rem){.predictive-search__list--tiles .predictive-search__list-item:nth-child(n+4){display:none}}@container (max-width: 51.9rem){.predictive-search__list--tiles .predictive-search__list-item:nth-child(n+3){display:none}}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-predictive-search.css.map */