.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:rgb(var(--color-background) / .98);opacity:0;transition:opacity calc(var(--duration-fast) * var(--motion-scale)) var(--ease-out)}.search-overlay[hidden]{display:none}.search-overlay.is-open{opacity:1}.search-overlay__panel{display:flex;flex-direction:column;height:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--gutter)}.search-overlay__field{display:flex;align-items:center;gap:var(--space-1);padding-block:var(--space-2);border-bottom:1px solid rgb(var(--color-foreground) / .4)}.search-overlay__icon{flex:none;color:rgb(var(--color-text-muted))}.search-overlay__input{flex:1;min-width:0;min-height:48px;padding:0;border:0;background:transparent;color:inherit;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading)}.search-overlay__input::placeholder{color:rgb(var(--color-text-muted));font-weight:var(--weight-body)}.search-overlay__input::-webkit-search-cancel-button{display:none}.search-overlay__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--space-2) var(--space-5)}.search-overlay__group{margin:var(--space-3) 0 var(--space-1)}.search-overlay__group:first-child{margin-top:var(--space-1)}.search-overlay__list{display:grid}.search-result__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-md)}.search-result__link:hover{text-decoration:none;background:rgb(var(--surface-2))}.search-result.is-active .search-result__link{background:rgb(var(--surface-3))}.search-result--compact .search-result__link{min-height:44px}.search-result__media{flex:none}.search-result__img{width:56px;height:75px;object-fit:cover;background:rgb(var(--surface-2));border-radius:var(--radius-sm)}.search-result__info{display:grid;gap:.15rem}.search-result__title{font-size:var(--text-sm);font-weight:var(--weight-medium)}.search-result__price{font-size:var(--text-xs);color:rgb(var(--color-text-subdued))}.search-overlay__empty{padding:var(--space-3) var(--space-1);color:rgb(var(--color-text-subdued))}.search-overlay__all{display:inline-block;margin-top:var(--space-3);padding:var(--space-1);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;text-decoration:underline;text-underline-offset:.3em}.search-overlay__recent-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:var(--space-2) 0 var(--space-1)}.search-overlay__clear{font-size:var(--text-xs);color:rgb(var(--color-text-muted));text-decoration:underline;text-underline-offset:.2em}.search-overlay__clear:hover{color:rgb(var(--color-text))}.search-overlay__recent-list{display:grid}.search-overlay__recent-item{display:flex;align-items:center;width:100%;min-height:44px;padding:var(--space-1);text-align:left;font-size:var(--text-sm);color:rgb(var(--color-text-subdued));border-radius:var(--radius-md)}.search-overlay__recent-item:hover{background:rgb(var(--surface-2));color:rgb(var(--color-text))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-search.css.map */