.search-field{inline-size:100%;min-inline-size:0;display:block;position:relative}.search-field-icon{pointer-events:none;color:color-mix(in srgb, var(--color-text-muted) 70%, transparent);position:absolute;inset-block-start:50%;inset-inline-start:var(--search-field-icon-inset,var(--space-inset-tight));translate:0 -50%}.search-field-icon[data-engaged]{color:color-mix(in srgb, var(--color-primary) 90%, transparent)}.search-field-control::-webkit-search-cancel-button{appearance:none;display:none}.search-field-control::-webkit-search-decoration{appearance:none;display:none}.search-field-control{border:1px solid var(--color-outline);border-radius:var(--radius-control);background:var(--color-search-bg);color:var(--color-text);font-family:inherit;font-size:var(--type-size-control-md);outline:none}.search-field-control::placeholder{color:color-mix(in srgb, var(--color-text-placeholder) 60%, transparent)}.search-field-control:focus,.search-field-control:focus-visible{border-color:var(--color-outline-strong);outline:none}.search-field-control{inline-size:100%;min-inline-size:0;block-size:var(--search-field-height,auto);padding-block:var(--search-field-py,var(--space-inset-sm));padding-inline:var(--search-field-lead,var(--size-control-height-lg)) var(--search-field-px,var(--space-inset-tight))}