.bsh{background-color:var(--surface-base);color:var(--text-primary);padding-block:var(--space-8) var(--space-7);border-block-end:1px solid var(--line)}.bsh__inner{max-inline-size:var(--grid-container-max);margin-inline:auto;padding-inline:var(--space-margin);display:flex;flex-direction:column;gap:var(--space-6)}.bsh__header{display:flex;flex-direction:column;gap:var(--space-3)}.bsh__eyebrow{font-family:var(--font-body);font-size:11px;font-weight:var(--inter-wght-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}.bsh__headline{font-family:var(--font-display);font-variation-settings:var(--frax-heading);font-size:clamp(2rem,1.4rem + 2.5vw,4rem);letter-spacing:var(--tracking-display);line-height:1.04;color:var(--text-primary);margin:0;max-inline-size:22ch}.bsh__query{font-style:italic;color:var(--accent);font-variation-settings:"opsz" 24,"SOFT" 0,"wght" 380}.bsh__sub{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted);line-height:1.55;max-inline-size:56ch;margin:0}.bsh__form{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:stretch;max-inline-size:880px}@media(max-width:640px){.bsh__form{grid-template-columns:1fr}}.bsh__field{display:flex;align-items:center;background-color:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding-inline:var(--space-4);transition:border-color var(--dur-sm) var(--ease-out-expo),box-shadow var(--dur-sm) var(--ease-out-expo)}.bsh__field:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--text-primary) 12%,transparent)}.bsh__field-icon{color:var(--text-muted);display:inline-flex;margin-inline-end:var(--space-3)}.bsh__input{flex:1;border:0;background:transparent;outline:none;padding-block:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);letter-spacing:var(--tracking-body);min-width:0}.bsh__input::placeholder{color:var(--text-muted)}.bsh__reset{border:0;background:transparent;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--text-muted);transition:background-color var(--dur-sm) var(--ease-out-expo),color var(--dur-sm) var(--ease-out-expo)}.bsh__reset:hover{background-color:color-mix(in oklch,var(--text-primary) 8%,transparent);color:var(--text-primary)}.bsh__reset[hidden]{display:none}.bsh__submit{background-color:var(--text-primary);color:var(--surface-base);border:0;border-radius:var(--radius-md);padding-inline:var(--space-7);font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-button);text-transform:uppercase;cursor:pointer;transition:background-color var(--dur-sm) var(--ease-out-expo)}.bsh__submit:hover{background-color:var(--accent)}.bsh__submit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bsh__suggestions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.bsh__suggest-label{font-family:var(--font-body);font-size:11px;font-weight:var(--inter-wght-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin-inline-end:var(--space-2)}.bsh__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.bsh__chip-wrap{display:inline-flex}.bsh__chip{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background-color:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:12px;font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-small);padding:8px 14px;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;transition:background-color var(--dur-sm) var(--ease-out-expo),color var(--dur-sm) var(--ease-out-expo),border-color var(--dur-sm) var(--ease-out-expo)}.bsh__chip:hover{background-color:var(--text-primary);color:var(--surface-base);border-color:var(--text-primary)}@media(min-width:1024px){.bsh{padding-block:var(--space-9) var(--space-7)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-search-hero.css.map */