@apply inline-flex h-9 items-center overflow-hidden rounded-field border bg-field text-sm text-field-foreground shadow-field outline-none;.input-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;.input-group:hover:not(:focus-within),.input-group[data-hovered=true]:not([data-focus-within=true]){border-color:var(--color-field-border-hover)}}@apply status-focused-field;.input-group[data-focus-within=true],.input-group:focus-within{border-color:var(--color-field-border-focus);background-color:var(--color-field-focus)}@apply status-invalid-field;.input-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;@apply rounded-l-none pl-0;@apply rounded-r-none pr-0;@apply outline-none;@apply flex h-full items-center justify-center rounded-l-field rounded-r-none bg-transparent px-3 text-field-placeholder;.input-group__prefix{border-width:var(--border-width-field);border-color:var(--color-field-border);border-style:solid;border-right-color:var(--color-field-border);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth);border-top:none;border-bottom:none;border-left:none}@apply motion-reduce:transition-none;@apply flex h-full items-center justify-center rounded-l-none rounded-r-field bg-transparent px-3 text-field-placeholder;.input-group__suffix{border-width:var(--border-width-field);border-color:var(--color-field-border);border-style:solid;border-left-color:var(--color-field-border);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth);border-top:none;border-bottom:none;border-right:none}@apply motion-reduce:transition-none;@apply bg-on-surface shadow-none;@media (hover:hover){@apply bg-on-surface-hover;}.input-group--on-surface:focus-within,.input-group--on-surface[data-focus-within=true]{background-color:var(--color-on-surface-focus)}@apply status-invalid-field;.input-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;