.form-field.svelte-1mx5bgz{width:100%;padding-top:var(--form-field-label-clearance);flex-flow:column;margin-bottom:0;display:flex;position:relative;&.has-error{& .border-line:where(.svelte-1mx5bgz){background-color:var(--form-error)}}&.disabled{& .input-wrapper:where(.svelte-1mx5bgz){& input:where(.svelte-1mx5bgz){background-image:repeating-linear-gradient(45deg, transparent, transparent 10px, var(--border-soft) 10px, var(--border-soft) 11px);color:var(--text-disabled);cursor:not-allowed;-webkit-text-fill-color:var(--text-disabled);opacity:1;background-size:100% 100%;padding:.75rem 0 .5rem}& label:where(.svelte-1mx5bgz){color:var(--gray-8);opacity:.8}}}}.input-wrapper.svelte-1mx5bgz{position:relative;& input:where(.svelte-1mx5bgz){border:none;border-bottom:1px solid var(--border-1);width:100%;color:var(--default);font-size:var(--font-size-base);transition:all var(--transition-slower) var(--ease-out-quart);text-indent:0;background:0 0;border-radius:0;padding:.75rem 0 .5rem;&::placeholder{color:#0000}&.invalid{border-bottom-color:var(--form-error)}&:disabled{border-bottom-style:solid;border-bottom-color:var(--border-1)}&:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--default)!important;box-shadow:0 0 0 1000px var(--background-1) inset!important}&:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--default)!important;box-shadow:0 0 0 1000px var(--background-1) inset!important}&:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--default)!important;box-shadow:0 0 0 1000px var(--background-1) inset!important}&:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--default)!important;box-shadow:0 0 0 1000px var(--background-1) inset!important}}& label:where(.svelte-1mx5bgz){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:.75rem;left:0;& .required-mark:where(.svelte-1mx5bgz){color:var(--default);margin-left:.25rem;font-weight:400}}&:has(:where(.svelte-1mx5bgz):focus-visible){& .border-line:where(.svelte-1mx5bgz){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-1mx5bgz){color:var(--focus-ring)}}& .border-line:where(.svelte-1mx5bgz){background-color:var(--border-1);height:2px;transition:transform var(--transition-slower) var(--ease-out-quart);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}}.form-field.focused.svelte-1mx5bgz,.form-field.has-value.svelte-1mx5bgz{& .input-wrapper:where(.svelte-1mx5bgz){& label:where(.svelte-1mx5bgz){transform:translateY(calc(-1 * var(--form-field-label-clearance))) scale(var(--form-label-float-scale));opacity:1}}}.form-field.has-value.svelte-1mx5bgz:not(.focused){& .input-wrapper:where(.svelte-1mx5bgz){& label:where(.svelte-1mx5bgz){color:var(--default);opacity:.5}}}.form-field.disabled.has-value.svelte-1mx5bgz{& .input-wrapper:where(.svelte-1mx5bgz){& label:where(.svelte-1mx5bgz){transform:translateY(calc(-1 * var(--form-field-label-clearance))) scale(var(--form-label-float-scale));opacity:.8;color:var(--gray-8)}}}.form-field.focused.svelte-1mx5bgz{& .input-wrapper:where(.svelte-1mx5bgz){& label:where(.svelte-1mx5bgz){color:var(--focus-ring)}& .border-line:where(.svelte-1mx5bgz){transform:scaleX(1)}}}.form-field.has-error.focused.svelte-1mx5bgz{& .input-wrapper:where(.svelte-1mx5bgz){& label:where(.svelte-1mx5bgz){color:var(--focus-ring)}& .border-line:where(.svelte-1mx5bgz){background-color:var(--form-error)}}}.form-field.svelte-1mx5bgz{& .input-wrapper:where(.svelte-1mx5bgz){& input:where(.svelte-1mx5bgz):focus~label:where(.svelte-1mx5bgz){transform:translateY(calc(-1 * var(--form-field-label-clearance))) scale(var(--form-label-float-scale));opacity:1;color:var(--focus-ring)}}}.supporting-text.svelte-1mx5bgz{margin-top:var(--space-1);& small:where(.svelte-1mx5bgz){font-size:var(--font-size-xs);line-height:1.4;display:block;&.error-text{color:var(--form-error-text);animation:.2s ease-in svelte-1mx5bgz-fade-in}&.helper-text{color:var(--gray-8);transition:color var(--transition-slower) var(--ease-out-quart);&.neutral{color:var(--gray-8)}&.validating{color:var(--warning-text)}&.success{color:var(--form-success-text)}&.error{color:var(--form-error-text)}}}}@keyframes svelte-1mx5bgz-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}