@apply flex flex-col gap-1;@apply hidden;@apply w-fit;@apply px-1;@apply inline-flex h-9 items-center overflow-hidden rounded-field border bg-field text-sm text-field-foreground shadow-field outline-none;.search-field__group{border-width:var(--border-width-field);border-color:var(--color-field-border);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out)}@apply motion-reduce:transition-none;@media (hover:hover){@apply bg-field-hover;.search-field__group:hover:not(:focus-within),.search-field__group[data-hovered=true]:not([data-focus-within=true]){border-color:var(--color-field-border-hover)}}@apply status-focused-field;@apply status-invalid-field;.search-field__group[data-invalid=true]{background-color:var(--color-field-focus);border-color:var(--color-field-border-invalid)}@apply status-disabled;@apply flex-1 rounded-none border-0 bg-transparent px-3 py-2 text-base shadow-none outline-none sm:text-sm;.search-field__input::-webkit-search-cancel-button{appearance:none}.search-field__input::-webkit-search-decoration{appearance:none}@apply rounded-l-none pl-2;@apply rounded-r-none pr-2;@apply outline-none;@apply pointer-events-none shrink-0 text-field-placeholder;@apply mr-0 ml-3 size-4;@apply mr-1 shrink-0;@apply size-3;@apply bg-on-surface shadow-none;@media (hover:hover){@apply bg-on-surface-hover;}.search-field__group--on-surface:focus-within,.search-field__group--on-surface[data-focus-within=true]{background-color:var(--color-on-surface-focus)}@apply status-invalid-field;.search-field__group--on-surface[data-invalid=true]{background-color:var(--color-on-surface-focus);border-color:var(--color-field-border-invalid)}@apply bg-transparent;@apply w-full;@apply w-full;