.search-field{gap:var(--spacing,.25rem);flex-direction:column;display:flex}.search-field[data-invalid=true] [data-slot=description],.search-field[aria-invalid=true] [data-slot=description]{display:none}.search-field [data-slot=label]{width:fit-content}.search-field[data-empty=true] .search-field__clear-button{pointer-events:none;opacity:0}.search-field--full-width,.search-field--full-width .search-field__group{width:100%}.search-field__input{padding-inline:calc(var(--spacing,.25rem) * 3)}.search-field__group:has([data-slot=search-field-search-icon]) .search-field__input{border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:calc(var(--spacing,.25rem) * 2)}.search-field__group:has([data-slot=search-field-clear-button]) .search-field__input{border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:calc(var(--spacing,.25rem) * 2)}.search-field__input::-webkit-search-cancel-button{appearance:none}.search-field__input::-webkit-search-decoration{appearance:none}.search-field__search-icon{pointer-events:none;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);color:var(--field-placeholder);flex-shrink:0;margin-inline-start:calc(var(--spacing,.25rem) * 3);margin-inline-end:0}@media (pointer:coarse){.search-field__clear-button:after{content:"";inset-block:min(0px, calc((100% - var(--control-target)) / 2));inset-inline:min(0px, calc((100% - var(--control-target)) / 2));position:absolute}}.search-field__clear-button{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);-webkit-tap-highlight-color:transparent;border-radius:var(--radius-button);color:var(--muted);cursor:var(--cursor-interactive);transition:color var(--motion-duration-fast) var(--ease-smooth), background-color var(--motion-duration-fast) var(--ease-smooth), opacity var(--motion-duration-fast) var(--ease-smooth);flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:calc(var(--spacing,.25rem) * 2);display:flex;position:relative}@media (prefers-reduced-motion:reduce){.search-field__clear-button{transition-property:none}}@media (hover:hover){.search-field__clear-button:hover,.search-field__clear-button[data-hovered=true]{background-color:var(--default-hover);color:var(--foreground)}}.search-field__clear-button:focus-visible:not(:focus),.search-field__clear-button[data-focus-visible=true]{outline:2px solid var(--focus);outline-offset:2px}.search-field__clear-button[data-slot=search-field-clear-button] [data-slot=search-field-clear-button-icon]{inline-size:var(--icon-size-xs);block-size:var(--icon-size-xs)}.search-field[data-disabled=true] .search-field__clear-button{opacity:var(--disabled-opacity);pointer-events:none;cursor:not-allowed}