.input-field.svelte-8ff5h4{--input-accent:#ff4857;--input-accent-soft:color-mix(in srgb, var(--input-accent) 15%, transparent);--input-label:color-mix(in srgb, var(--input-accent) 85%, #fff);--input-text:#222;--input-error:#e63e4b;--input-bg:#fff;box-sizing:border-box;flex-direction:column;gap:6px;display:flex}.input-box.svelte-8ff5h4{box-sizing:border-box;align-items:center;width:100%;display:flex;position:relative}.input-control.svelte-8ff5h4{box-sizing:border-box;width:100%;color:var(--input-text);border:2px solid var(--input-accent);background-color:#0000;border-radius:8px;outline:none;font-family:inherit;transition:box-shadow .3s,border-color .2s}.input-control.svelte-8ff5h4:focus{box-shadow:0 0 0 3px var(--input-accent-soft)}.input-box.is-error.svelte-8ff5h4 .input-control:where(.svelte-8ff5h4){border-color:var(--input-error);box-shadow:0 0 0 3px #e63e4b26}.input-control.svelte-8ff5h4:disabled{cursor:not-allowed}.input-box.is-disabled.svelte-8ff5h4{opacity:.6}.floating-label.svelte-8ff5h4{color:var(--input-label);pointer-events:none;background-color:#0000;margin:0;padding:0 4px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.floating-label.is-floating.svelte-8ff5h4{background-color:var(--input-bg);top:0}.input-error.svelte-8ff5h4{color:var(--input-error);margin:0;padding-left:4px;font-size:13px}.size-small.svelte-8ff5h4 .input-control:where(.svelte-8ff5h4){padding:10px 14px;font-size:14px}.size-small.svelte-8ff5h4 .floating-label:where(.svelte-8ff5h4){font-size:14px}.size-small.svelte-8ff5h4 .floating-label.is-floating:where(.svelte-8ff5h4){font-size:12px}.size-middle.svelte-8ff5h4 .input-control:where(.svelte-8ff5h4){padding:13px 16px;font-size:16px}.size-middle.svelte-8ff5h4 .floating-label:where(.svelte-8ff5h4){font-size:16px}.size-middle.svelte-8ff5h4 .floating-label.is-floating:where(.svelte-8ff5h4){font-size:12px}.size-large.svelte-8ff5h4 .input-control:where(.svelte-8ff5h4){padding:16px 20px;font-size:24px}.size-large.svelte-8ff5h4 .floating-label:where(.svelte-8ff5h4){font-size:24px}.size-large.svelte-8ff5h4 .floating-label.is-floating:where(.svelte-8ff5h4){font-size:16px}