.search-field{background-color:var(--color-bg-inset);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);align-items:center;gap:var(--space-3);height:var(--space-11);padding:0 var(--space-5);transition:border-color .2s,flex-grow .3s;display:flex}.search-field:hover{border:1px solid var(--color-primary-muted)}.search-field:has(.search-field__input[data-focused]){border-color:var(--color-primary)}@media (min-width:768px){.search-field:has(.search-field__input[data-focused]){flex-grow:1}}.search-field:has(.search-field__input[data-focus-visible]){outline:2px solid var(--color-primary);outline-offset:2px}.search-field__label{cursor:text;align-items:center;gap:inherit;width:100%;height:100%;display:flex}.search-field__icon{color:var(--color-primary);flex-shrink:0}.search-field__input{appearance:none;color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-lg);text-overflow:ellipsis;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:0;overflow:hidden}@media (min-width:768px){.search-field__input{font-size:var(--font-size-sm)}}.search-field__input::placeholder{color:var(--color-text-muted);font-weight:300}@media (min-width:768px){.search-field__input::placeholder{font-weight:inherit}}.search-field__input::-webkit-search-cancel-button{appearance:none}.search-field__input::-webkit-search-decoration{appearance:none}