.input-wrap,.textarea-wrap{border-radius:0;display:inline-flex;position:relative}.input-field,.textarea-field{width:100%;padding:var(--_padding);border:1px solid var(--hair-strong);color:var(--ink);font:400 var(--_fontSize) / 2rem var(--font-mono);letter-spacing:.02em;appearance:none;background:0 0;border-radius:0;outline:none;flex:1}.input-field{min-height:var(--_height)}.textarea-field{min-height:calc(var(--_fontSize) * 1.5 * 3);resize:vertical;line-height:2rem}.input-field:hover,.textarea-field:hover{background:color-mix(in srgb, var(--labelbg) 45%, transparent)}.input-field:focus,.textarea-field:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.input-field:focus-visible,.textarea-field:focus-visible{outline:none}.input-field::placeholder,.textarea-field::placeholder{color:var(--muted)}.translucent{background:0 0;border-color:#0000}.input-icon,.textarea-icon{pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.input-icon{width:var(--_height);height:var(--_height);padding:calc(var(--_height) / 4)}.textarea-icon{width:calc(var(--_fontSize) * 2);padding:calc(var(--_fontSize) / 2);padding-top:calc(var(--_padding) + 2px);align-items:flex-start}:is(.input-icon :global(path),.textarea-icon :global(path)){fill:var(--muted)}:is(.focused .input-icon :global(path),.focused .textarea-icon :global(path)){fill:var(--ink)}.withIcon .input-field{padding-left:var(--_height)}.withIcon .textarea-field{padding-left:calc(var(--_fontSize) * 2)}.large{--_padding-y:1.9rem;--_padding-x:2rem;--_padding:var(--_padding-y) var(--_padding-x);--_fontSize:var(--fontSize-l);--_height:var(--inputHeight-l);--_borderRadius:0;--_outlineWidth:1px}.medium{--_padding-y:.9rem;--_padding-x:1.2rem;--_padding:var(--_padding-y) var(--_padding-x);--_fontSize:var(--fontSize-m);--_height:var(--inputHeight-m);--_borderRadius:0;--_outlineWidth:1px}.small{--_padding-y:.9rem;--_padding-x:1.2rem;--_padding:var(--_padding-y) var(--_padding-x);--_fontSize:var(--fontSize-s);--_height:var(--inputHeight-s);--_borderRadius:0;--_outlineWidth:1px}.maxLength{color:var(--muted);font:500 1rem/2rem var(--font-mono);letter-spacing:.08em;position:absolute;bottom:-2rem;right:0}.sizer.svelte-8ff5h4 .input-field:where(.svelte-8ff5h4){z-index:0;width:100%;position:absolute;left:0}.sizer.svelte-8ff5h4:before{pointer-events:none;content:attr(data-sizer);height:var(--_height);padding:var(--_padding);font-size:var(--_fontSize);white-space:pre;z-index:-1;align-items:center;display:inline-flex}.withIcon.sizer.svelte-8ff5h4:before{padding-left:var(--_height)}.customValue.svelte-8ff5h4 .input-field:where(.svelte-8ff5h4){color:#0000}.customValue.svelte-8ff5h4:after{pointer-events:none;content:attr(data-content);height:100%;padding:var(--_padding);font-size:var(--_fontSize);z-index:1;align-items:center;display:inline-flex;position:absolute}.customValue.focused.svelte-8ff5h4 .input-field:where(.svelte-8ff5h4){color:var(--ink)}.customValue.focused.svelte-8ff5h4:after{display:none}.withPasswordToggle.svelte-8ff5h4 .input-field:where(.svelte-8ff5h4){padding-right:calc(var(--_padding-x) * 2 + 18px)}.password-toggle.svelte-8ff5h4{top:50%;right:var(--_padding-x);cursor:pointer;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:0;display:flex;position:absolute;transform:translateY(-50%)}.password-toggle.svelte-8ff5h4 svg path{fill:var(--muted);transition:fill .15s}.password-toggle.svelte-8ff5h4:hover svg path,.password-toggle.svelte-8ff5h4:focus-visible svg path{fill:var(--ink)}.password-toggle.svelte-8ff5h4:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}