predictive-search{position:relative;display:block}.search__form{position:relative;display:flex;align-items:center}.search__input{inline-size:100%;min-block-size:var(--input-height);padding-inline:var(--space-5) calc(var(--touch-target) * 2);background-color:var(--color-background-soft);border:1.5px solid transparent;border-radius:var(--radius-pill);font-size:max(16px,var(--fs-body));transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);-webkit-appearance:none;appearance:none}.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration{-webkit-appearance:none}.search__input::placeholder{color:var(--color-text-muted);opacity:1}.search__input:hover{border-color:var(--color-border)}.search__input:focus-visible{outline:none;background-color:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 12%,transparent)}.search__submit,.search__reset{position:absolute;inset-block:0;display:grid;place-items:center;inline-size:var(--touch-target);color:var(--color-text-muted)}.search__submit{inset-inline-end:var(--space-1);color:var(--color-primary)}.search__reset{inset-inline-end:calc(var(--touch-target) - var(--space-2))}.search__submit:hover,.search__reset:hover{color:var(--color-primary-dark)}predictive-search[loading] .search__submit .icon{animation:spin .9s linear infinite;opacity:.6}.search__panel{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline:0;z-index:60;max-block-size:min(70vh,640px);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay);animation:panel-in var(--duration) var(--ease)}@media(max-width:1023px){.search__panel{position:fixed;inset-block-start:var(--search-panel-top, 120px);inset-inline:var(--space-3);max-block-size:calc(100dvh - var(--search-panel-top, 120px) - var(--bottom-nav-height, 0px) - var(--space-4))}}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)}}.search__default>*+*{margin-block-start:var(--space-6)}.search__group-header{display:flex;align-items:center;justify-content:space-between}.search__group-title{display:flex;align-items:center;gap:var(--space-2);margin-block-end:var(--space-3);font-size:var(--fs-small);font-weight:700;color:var(--color-text-muted)}.search__group-header .search__group-title{margin-block-end:0}.search__group-header+.search__chips{margin-block-start:var(--space-2)}.search__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.search__chip{display:inline-flex;align-items:center;min-block-size:36px;padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background-color:var(--color-surface);font-size:var(--fs-small);text-decoration:none;transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.search__chip:hover,.search__chip[aria-selected=true]{border-color:var(--color-primary);background-color:var(--color-background-soft);color:var(--color-primary-dark)}.ps__layout{display:grid;gap:var(--space-6)}@media(min-width:1024px){.ps__layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}.ps__aside{padding-inline-end:var(--space-6);border-inline-end:1px solid var(--color-border)}}.ps__aside:not(:has(*)){display:none}.ps__layout:not(:has(.ps__products)),.ps__layout:not(:has(.ps__aside>*)){grid-template-columns:minmax(0,1fr)}.ps__layout:not(:has(.ps__products)) .ps__aside{padding-inline-end:0;border-inline-end:0}.ps__aside>*+*{margin-block-start:var(--space-5)}.ps__list{display:grid}.ps__link{display:flex;align-items:center;gap:var(--space-2);min-block-size:40px;padding-inline:var(--space-2);border-radius:var(--radius-input);font-size:var(--fs-small);text-decoration:none}.ps__link mark{background:none;color:inherit;font-weight:700}.ps__link .icon{color:var(--color-text-muted)}.ps__link:hover,.ps__link[aria-selected=true]{background-color:var(--color-background-soft)}.ps__product-list{display:grid;gap:var(--space-1)}@media(min-width:1024px){.ps__product-list{grid-template-columns:1fr 1fr;gap:var(--space-2)}}.ps__product{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-input);text-decoration:none;transition:background-color var(--duration-fast) var(--ease)}.ps__product:hover,.ps__product[aria-selected=true]{background-color:var(--color-background-soft)}.ps__thumb{flex-shrink:0;inline-size:60px;block-size:60px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-input);background-color:var(--color-surface)}.ps__thumb img,.ps__thumb svg{inline-size:100%;block-size:100%;object-fit:contain}.ps__product-info{display:grid;gap:2px;min-inline-size:0}.ps__vendor{font-size:var(--fs-caption);font-weight:600;color:var(--color-primary)}.ps__title{font-size:var(--fs-small);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ps__product .price,.ps__product .text-price{font-size:var(--fs-small)}.ps__all{display:flex;align-items:center;justify-content:center;gap:var(--space-2);inline-size:100%;min-block-size:var(--touch-target);margin-block-start:var(--space-5);border-radius:var(--radius-button);background-color:var(--color-background-soft);color:var(--color-primary-dark);font-size:var(--fs-small);font-weight:600}.ps__all:hover,.ps__all[aria-selected=true]{background-color:var(--color-primary);color:var(--color-on-primary)}.ps__empty{display:grid;justify-items:center;gap:var(--space-3);padding-block:var(--space-6);color:var(--color-text-muted);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-predictive-search.css.map */