.input-wrap,.textarea-wrap{position:relative;display:inline-flex;border-radius:0}.input-field,.textarea-field{flex:1;width:100%;padding:var(--_padding);border:1px solid var(--hair-strong);border-radius:0;outline:none;color:var(--ink);background:transparent;font:400 var(--_fontSize) / 2rem var(--font-mono);letter-spacing:.02em;appearance:none}.input-field{min-height:var(--_height)}.textarea-field{min-height:calc(var(--_fontSize) * 1.5 * 3);line-height:2rem;resize:vertical}.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::placeholder,.textarea-field::placeholder{color:var(--muted)}.translucent{border-color:transparent;background:transparent}.input-icon,.textarea-icon{pointer-events:none;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center}.input-icon{width:var(--_height);height:var(--_height);padding:calc(var(--_height) / 4)}.textarea-icon{align-items:flex-start;width:calc(var(--_fontSize) * 2);padding:calc(var(--_fontSize) / 2);padding-top:calc(var(--_padding) + 2px)}.input-icon :global(path),.textarea-icon :global(path){fill:var(--muted)}.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{position:absolute;right:0;bottom:-2rem;color:var(--muted);font:500 1rem/2rem var(--font-mono);letter-spacing:.08em}.sizer.svelte-8ff5h4 .input-field:where(.svelte-8ff5h4){position:absolute;left:0;z-index:0;width:100%}.sizer.svelte-8ff5h4:before{pointer-events:none;content:attr(data-sizer);display:inline-flex;align-items:center;height:var(--_height);padding:var(--_padding);font-size:var(--_fontSize);white-space:pre;z-index:-1}.withIcon.sizer.svelte-8ff5h4:before{padding-left:var(--_height)}.customValue.svelte-8ff5h4 .input-field:where(.svelte-8ff5h4){color:transparent}.customValue.svelte-8ff5h4:after{pointer-events:none;content:attr(data-content);position:absolute;display:inline-flex;align-items:center;height:100%;padding:var(--_padding);font-size:var(--_fontSize);z-index:1}.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{position:absolute;top:50%;right:var(--_padding-x);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;color:var(--muted);line-height:0}.password-toggle.svelte-8ff5h4 svg path{fill:var(--muted);transition:fill .15s ease}.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}