.catalog-search{background:var(--paper-2);border:1px solid var(--line-strong);border-radius:var(--r-pill);grid-template-columns:16px 1fr auto auto;align-items:center;gap:10px;padding:8px 16px 8px 18px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.catalog-search:focus-within{border-color:var(--accent-deep);background:var(--paper);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent-soft) 80%, transparent)}.catalog-search.is-active{border-color:var(--accent-deep);background:var(--paper)}.catalog-search__icon{color:var(--ink-soft);align-items:center;display:inline-flex}.catalog-search input{font-family:var(--font-sans);color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:4px 0;font-size:14px}.catalog-search input::placeholder{color:var(--ink-mute);font-family:var(--font-mono);font-size:12.5px}.catalog-search__clear{border-radius:var(--r-pill);width:22px;height:22px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.catalog-search__clear:hover{background:var(--paper-3);color:var(--ink)}.catalog-search__count{border-left:1px dashed var(--line);font-family:var(--font-mono);color:var(--ink-soft);white-space:nowrap;align-items:baseline;gap:4px;padding-left:12px;font-size:11px;display:inline-flex}.catalog-search__count strong{font-family:var(--font-serif);color:var(--ink);letter-spacing:0;font-size:18px;font-weight:400}@container (max-width:640px){.catalog-search{border-radius:var(--r);grid-template-columns:16px 1fr auto;grid-auto-rows:auto;gap:8px;padding:6px 12px 6px 14px}.catalog-search input{font-size:13.5px}.catalog-search input::placeholder{font-size:11.5px}.catalog-search__count{border-left:0;border-top:1px dashed var(--line);grid-area:2/1/auto/span 3;justify-content:space-between;width:100%;margin-top:2px;padding-top:5px;padding-left:0}.catalog-search__count strong{font-size:15px}}