@apply rounded-field border bg-field px-3 py-2 text-base text-field-foreground shadow-field outline-none placeholder:text-field-placeholder sm:text-sm;.input{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:hover:not(:focus):not(:focus-visible),.input[data-hovered=true]:not([data-focused=true]):not([data-focus-visible=true]){border-color:var(--color-field-border-hover)}}@apply status-focused-field;.input:focus,.input[data-focused=true]{border-color:var(--color-field-border-focus);background-color:var(--color-field-focus)}@apply status-invalid-field;.input[data-invalid=true]{background-color:var(--color-field-focus)}@apply status-disabled;@apply bg-on-surface shadow-none;@media (hover:hover){@apply bg-on-surface-hover;}.input--on-surface:focus,.input--on-surface[data-focused=true]{background-color:var(--color-on-surface-focus)}@apply status-invalid-field;.input--on-surface[data-invalid=true]{background-color:var(--color-on-surface-focus)}@apply w-full;