.floating-field{min-width:0;display:grid;position:relative}.floating-field>.floating-field__label{z-index:1;inset-inline-start:var(--field-label-left,.5rem);max-width:calc(100% - 1rem);color:var(--field-label-color,#69695f);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;transform:translateY(var(--field-label-top,.75rem));transform-origin:0;margin:0;padding-inline:.25rem;font-size:1rem;font-weight:400;line-height:1.5;transition:transform .16s ease-out;position:absolute;top:0;overflow:hidden}.floating-field:has(>:-webkit-any(input,textarea):-webkit-any(:focus,:autofill,:-webkit-autofill,:not(:placeholder-shown)))>.floating-field__label{background:var(--field-background,#fff);transform:translateY(-50%)scale(.8)}.floating-field:has(>:is(input,textarea):is(:focus,:autofill,:autofill,:not(:placeholder-shown)))>.floating-field__label{background:var(--field-background,#fff);transform:translateY(-50%)scale(.8)}@media (prefers-reduced-motion:reduce){.floating-field>.floating-field__label{transition:none}}