.field.svelte-119851{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.box.svelte-119851{position:relative}input.svelte-119851{width:100%;height:56px;padding:0 var(--space-lg);border:1px solid var(--md-outline);border-radius:var(--shape-lg);color:var(--md-on-surface);background:0 0;outline:none;font-size:16px}input.svelte-119851::placeholder{color:var(--md-on-surface-variant);opacity:0}input.svelte-119851:focus::placeholder{opacity:1}input.svelte-119851:focus{border:2px solid var(--md-primary);padding:0 calc(var(--space-lg) - 1px)}label.svelte-119851{color:var(--md-on-surface-variant);background:var(--field-background,var(--md-background));pointer-events:none;transition:top .15s var(--ease-emphasized), font-size .15s var(--ease-emphasized);padding:0 4px;position:absolute;top:50%;left:12px;translate:0 -50%}input.svelte-119851:focus+label:where(.svelte-119851),input.svelte-119851:not(:placeholder-shown)+label:where(.svelte-119851){font-size:12px;line-height:16px;top:0}input.svelte-119851:focus+label:where(.svelte-119851){color:var(--md-primary)}.supporting.svelte-119851{padding:0 var(--space-lg);color:var(--md-on-surface-variant)}.error.svelte-119851 input:where(.svelte-119851){border-color:var(--md-error)}.error.svelte-119851 label:where(.svelte-119851),.error.svelte-119851 .supporting:where(.svelte-119851){color:var(--md-error)}