.form-field.svelte-fncf9h{width:100%;padding-top:var(--form-field-label-clearance);flex-flow:column;margin-bottom:0;display:flex;position:relative;&.focused{& .input-wrapper:where(.svelte-fncf9h){& label:where(.svelte-fncf9h){color:var(--focus-ring)}}}&.has-error{& .input-wrapper:where(.svelte-fncf9h){& .border-line:where(.svelte-fncf9h){background-color:var(--form-error)}}}&.disabled{& .input-wrapper:where(.svelte-fncf9h){& textarea:where(.svelte-fncf9h){color:var(--text-secondary);cursor:not-allowed;-webkit-text-fill-color:var(--text-secondary);opacity:1}& label:where(.svelte-fncf9h){color:var(--text-secondary);opacity:.7}}}}.input-wrapper.svelte-fncf9h{position:relative;& textarea:where(.svelte-fncf9h){border:none;border-bottom:1px solid var(--border-1);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--field-inset-bg);width:100%;color:var(--default);font-size:var(--font-size-base);resize:vertical;min-height:6rem;transition:all var(--transition-slower) var(--ease-out-quart);box-sizing:border-box;padding:1rem;font-family:inherit;line-height:1.5;position:relative;&::placeholder{color:#0000}&:focus{&~.border-line:where(.svelte-fncf9h){transform:scaleX(1)}&~label:where(.svelte-fncf9h){color:var(--focus-ring)}}&.invalid{border-bottom-color:var(--form-error)}&:disabled{border-bottom-style:dashed;border-bottom-color:var(--border-1)}}& label:where(.svelte-fncf9h){font-weight:400;font-size:var(--font-size-base);color:var(--default);opacity:.7;pointer-events:none;transition:all var(--transition-slower) var(--ease-out-quart);transform-origin:0 0;position:absolute;top:1rem;left:1rem;& .required-mark:where(.svelte-fncf9h){color:var(--default);margin-left:.25rem;font-weight:400}}&:has(:where(.svelte-fncf9h):focus-visible){& .border-line:where(.svelte-fncf9h){background-color:var(--focus-ring);transition:transform var(--transition-slow) var(--ease-out-quart), background-color var(--transition-slow) linear;transform:scaleX(1)}& label:where(.svelte-fncf9h){color:var(--focus-ring)}}& .border-line:where(.svelte-fncf9h){background-color:var(--border-1);height:2px;transition:transform var(--transition-slower) var(--ease-out-quart);z-index:2;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}}.form-field.focused.svelte-fncf9h,.form-field.has-value.svelte-fncf9h{& .input-wrapper:where(.svelte-fncf9h){& label:where(.svelte-fncf9h){transform:translateY(-2.25rem) translateX(-1rem) scale(var(--form-label-float-scale));opacity:1}}}.form-field.svelte-fncf9h{& .input-wrapper:where(.svelte-fncf9h){& textarea:where(.svelte-fncf9h):focus~label:where(.svelte-fncf9h){transform:translateY(-2.25rem) translateX(-1rem) scale(var(--form-label-float-scale));opacity:1;color:var(--focus-ring)}}&.has-value:not(.focused){& .input-wrapper:where(.svelte-fncf9h){& label:where(.svelte-fncf9h){color:var(--default);opacity:.5}}}&.has-error{& .input-wrapper:where(.svelte-fncf9h){& textarea:where(.svelte-fncf9h):focus{&~label:where(.svelte-fncf9h){color:var(--focus-ring)}&~.border-line:where(.svelte-fncf9h){background-color:var(--form-error)}}}}}.supporting-text.svelte-fncf9h{margin-top:var(--space-1);& small:where(.svelte-fncf9h){font-size:var(--font-size-xs);line-height:1.4;display:block;&.error-text{color:var(--form-error-text);animation:.2s ease-in svelte-fncf9h-fade-in}&.helper-text{color:var(--text-secondary);transition:color var(--transition-slower) var(--ease-out-quart);&.neutral{color:var(--text-secondary)}&.validating{color:var(--warning-text)}&.success{color:var(--form-success-text)}&.error{color:var(--form-error-text)}}}}@keyframes svelte-fncf9h-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}