.text-input.svelte-gehl3h.svelte-gehl3h{align-items:center;border-radius:4px;box-shadow:inset 0 0 0 1px var(--outline);display:flex;height:56px;margin-bottom:16px;position:relative;width:100%;transition:box-shadow .1s ease}.text-input.svelte-gehl3h.svelte-gehl3h:focus-within{box-shadow:inset 0 0 0 2px var(--primary)}.text-input.svelte-gehl3h:focus-within .label.svelte-gehl3h{background:var(--surface);color:var(--primary);font:var(--body-small);transform:translateY(-28px)}.label.svelte-gehl3h.svelte-gehl3h{color:var(--on-surface);font:var(--body-large);margin-left:12px;padding:0 4px;pointer-events:none;position:absolute;transition:font .2s,transform .2s}input[type=text].svelte-gehl3h.svelte-gehl3h,input[type=email].svelte-gehl3h.svelte-gehl3h,input[type=password].svelte-gehl3h.svelte-gehl3h,input[type=number].svelte-gehl3h.svelte-gehl3h,input[type=url].svelte-gehl3h.svelte-gehl3h{background:none;border:none;color:var(--on-surface);font:var(--body-large);height:100%;outline:none;padding:0 16px;width:100%}input[type=text].svelte-gehl3h:not(:placeholder-shown)+.label.svelte-gehl3h,input[type=email].svelte-gehl3h:not(:placeholder-shown)+.label.svelte-gehl3h,input[type=password].svelte-gehl3h:not(:placeholder-shown)+.label.svelte-gehl3h,input[type=number].svelte-gehl3h:not(:placeholder-shown)+.label.svelte-gehl3h,input[type=url].svelte-gehl3h:not(:placeholder-shown)+.label.svelte-gehl3h{background:var(--surface);font:var(--body-small);transform:translateY(-28px)}input[type=text].svelte-gehl3h.svelte-gehl3h:-webkit-autofill,input[type=email].svelte-gehl3h.svelte-gehl3h:-webkit-autofill,input[type=password].svelte-gehl3h.svelte-gehl3h:-webkit-autofill,input[type=number].svelte-gehl3h.svelte-gehl3h:-webkit-autofill,input[type=url].svelte-gehl3h.svelte-gehl3h:-webkit-autofill{border-radius:4px;-webkit-text-fill-color:var(--on-surface);box-shadow:0 0 0 2px var(--primary) inset,0 0 0 28px var(--surface) inset}.supporting-text.svelte-gehl3h.svelte-gehl3h{color:var(--on-surface-variant);font:var(--body-small);height:20px;margin:-12px 12px 0;width:100%}.supporting-text.hasError.svelte-gehl3h.svelte-gehl3h{color:var(--error)}