.group\/form-field.has-floating-label{--label-resting-top:.75rem;--label-floated-top:.25rem;--label-left:.5rem}.group\/form-field.has-floating-label label{background-color:#0000;left:var(--label-left);padding-top:calc(var(--spacing,.25rem)*3);position:absolute;right:calc(var(--spacing,.25rem)*0)}.group\/form-field.has-floating-label:has(input:-moz-placeholder,textarea:-moz-placeholder,[data-placeholder]) label{color:var(--color-general-anthracite,#4b4b4b);font-size:var(--text-body-sm,1rem);font-weight:var(--tw-font-weight,var(--text-body-sm--font-weight,400));letter-spacing:var(--tw-tracking,var(--text-body-sm--letter-spacing,0));line-height:var(--tw-leading,var(--text-body-sm--line-height,1.45))}.group\/form-field.has-floating-label:has(input:placeholder-shown,textarea:placeholder-shown,[data-placeholder]) label{color:var(--color-general-anthracite,#4b4b4b);font-size:var(--text-body-sm,1rem);font-weight:var(--tw-font-weight,var(--text-body-sm--font-weight,400));letter-spacing:var(--tw-tracking,var(--text-body-sm--letter-spacing,0));line-height:var(--tw-leading,var(--text-body-sm--line-height,1.45))}@media(hover:hover){.group\/form-field.has-floating-label:has(input:-moz-placeholder,textarea:-moz-placeholder,[data-placeholder]) label:is(:where(.group\/form-field):hover *){color:var(--color-general-gray-bright,#909090)}.group\/form-field.has-floating-label:has(input:placeholder-shown,textarea:placeholder-shown,[data-placeholder]) label:is(:where(.group\/form-field):hover *){color:var(--color-general-gray-bright,#909090)}}@media(min-width:40rem){.group\/form-field.has-floating-label:has(input:-moz-placeholder,textarea:-moz-placeholder,[data-placeholder]) label{font-size:var(--text-body-md,1.125rem);font-weight:var(--tw-font-weight,var(--text-body-md--font-weight,400));letter-spacing:var(--tw-tracking,var(--text-body-md--letter-spacing,0));line-height:var(--tw-leading,var(--text-body-md--line-height,1.4))}.group\/form-field.has-floating-label:has(input:placeholder-shown,textarea:placeholder-shown,[data-placeholder]) label{font-size:var(--text-body-md,1.125rem);font-weight:var(--tw-font-weight,var(--text-body-md--font-weight,400));letter-spacing:var(--tw-tracking,var(--text-body-md--letter-spacing,0));line-height:var(--tw-leading,var(--text-body-md--line-height,1.4))}}.group\/form-field.has-floating-label:has(input:-moz-placeholder,textarea:-moz-placeholder,[data-placeholder]) label{top:var(--label-resting-top)}.group\/form-field.has-floating-label:has(input:placeholder-shown,textarea:placeholder-shown,[data-placeholder]) label{top:var(--label-resting-top)}.group\/form-field.has-floating-label[data-variant=soft] label{color:var(--color-white,#fff)!important}.group\/form-field.has-floating-label:has(input,textarea,button) label{background-color:var(--color-general-gray-subtle,#f2f2f2);color:var(--color-brown-500,#c08f12);font-size:var(--text-body-xs,.875rem);font-weight:var(--tw-font-weight,var(--text-body-xs--font-weight,400));letter-spacing:var(--tw-tracking,var(--text-body-xs--letter-spacing,0));line-height:var(--tw-leading,var(--text-body-xs--line-height,1.2))}@media(hover:hover){.group\/form-field.has-floating-label:has(input,textarea,button) label:is(:where(.group\/form-field):hover *){color:var(--color-brown-500,#c08f12)}}.group\/form-field.has-floating-label:has(input,textarea,button) label{top:var(--label-floated-top)}.group\/form-field.has-floating-label[data-variant=soft]:has(input,textarea,button) label{background-color:#758ba0}@media(hover:hover){.group\/form-field.has-floating-label[data-variant=soft]:has(input,textarea,button) label:is(:where(.group\/form-field):hover *){background-color:var(--color-night-400,#6f869a)}}.group\/form-field.has-floating-label:has(input:focus,textarea:focus,button:focus,button[data-state=open]) label{background-color:var(--color-general-gray-subtle,#f2f2f2);color:var(--color-brown-500,#c08f12);font-size:var(--text-body-xs,.875rem);font-weight:var(--tw-font-weight,var(--text-body-xs--font-weight,400));letter-spacing:var(--tw-tracking,var(--text-body-xs--letter-spacing,0));line-height:var(--tw-leading,var(--text-body-xs--line-height,1.2))}@media(hover:hover){.group\/form-field.has-floating-label:has(input:focus,textarea:focus,button:focus,button[data-state=open]) label:is(:where(.group\/form-field):hover *){color:var(--color-brown-500,#c08f12)}}.group\/form-field.has-floating-label:has(input:focus,textarea:focus,button:focus,button[data-state=open]) label{top:var(--label-floated-top)}.group\/form-field.has-floating-label[data-variant=soft]:has(input:focus,textarea:focus,button:focus,button[data-state=open]) label{background-color:var(--color-night-400,#6f869a)}.group\/form-field.has-floating-label:has(input[aria-invalid=true],textarea[aria-invalid=true],button[aria-invalid=true]) label{background-color:var(--color-bordeaux-50,#f7e9e9)}.group\/form-field.has-floating-label[data-variant=soft]:has(input[aria-invalid=true],textarea[aria-invalid=true],button[aria-invalid=true]) label{background-color:#758ba0}