@layer ui{.ui-float-label{display:block;position:relative}.ui-float-label>label{pointer-events:none;color:#6b7280;margin-top:-.5rem;line-height:1;transition-property:all;transition-duration:.2s;transition-timing-function:ease;position:absolute;top:50%;left:.75rem}.ui-float-label:has(textarea)>label{top:1rem}:-webkit-any(.ui-float-label:has(:focus)>label,.ui-float-label:has(.ui-filled)>label,.ui-float-label:has(.ui-select.show)>label,.ui-float-label:has(input:-webkit-autofill)>label){font-size:12px;top:-.75rem}:is(.ui-float-label:has(:focus)>label,.ui-float-label:has(.ui-filled)>label,.ui-float-label:has(.ui-select.show)>label,.ui-float-label:has(input:autofill)>label){font-size:12px;top:-.75rem}.ui-float-label:has(.ui-invalid)>label{color:#e24c4c}.ui-float-label .ui-placeholder,.ui-float-label input::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.ui-float-label :focus .ui-placeholder,.ui-float-label .show .ui-placeholder,.ui-float-label input:focus::placeholder{opacity:1}}