.search-field{--_search-field-radius: 16px;--_search-field-clear-size: 1.75rem;background:var(--background);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:var(--_search-field-radius);align-items:center;gap:.6rem;width:100%;margin:0;padding-inline:1rem;transition:border-color .18s,box-shadow .18s;display:flex}.search-field:focus-within{border-color:var(--accent-1);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-1) 16%,transparent)}.search-field__icon{color:color-mix(in srgb,var(--text) 45%,transparent);flex:none;display:inline-flex}.search-field__icon svg{width:1.1rem;height:1.1rem}.search-field__input{min-width:0;color:var(--text);font-size:var(--font-size-base);background:none;border:0;flex:auto;padding-block:.7rem}.search-field__input:focus{outline:none}.search-field__input::placeholder{color:color-mix(in srgb,var(--text) 45%,transparent)}.search-field__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-field__clear{width:var(--_search-field-clear-size);height:var(--_search-field-clear-size);background:color-mix(in srgb,var(--text) 8%,transparent);color:color-mix(in srgb,var(--text) 60%,transparent);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:none}.search-field__clear svg{width:.7rem;height:.7rem}.search-field__clear:hover{color:var(--text);background:color-mix(in srgb,var(--text) 15%,transparent)}.search-field__clear:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.search-field.has-query .search-field__clear{display:inline-flex}.search-chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.search-chip{background:var(--background);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);font-size:var(--font-size-small);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;padding:.5rem 1rem;font-family:inherit;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.search-chip:hover,.search-chip.is-active{background:var(--accent-1);border-color:var(--accent-1);color:var(--accent-1-fg)}.search-chip:focus-visible{background:var(--accent-1);border-color:var(--accent-1);color:var(--accent-1-fg);outline:2px solid var(--accent-1);outline-offset:2px}.search-empty{flex-direction:column;gap:1.5rem;display:flex}.search-empty__title{font-family:var(--font-subheading--family);font-style:normal;font-size:var(--font-size-h4);color:var(--text);margin:0;font-weight:600}.search-empty__body{color:color-mix(in srgb,var(--text) 60%,transparent);font-size:var(--font-size-small);margin:.25rem 0 0;line-height:1.5}.search-empty__heading{font-family:var(--font-subheading--family);font-style:normal;font-size:var(--font-size-h4);color:var(--text);margin:0 0 1rem;font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/32/assets/search-shared.css.map */