.input-wrap,.textarea-wrap{position:relative;display:inline-flex;border-radius:var(--_borderRadius)}.input-field,.textarea-field{flex:1;font-weight:400;width:100%;outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;color:var(--textColor);background-color:var(--inputFieldBgColor);border-radius:var(--_borderRadius);padding:var(--_padding);font-size:var(--_fontSize);font-family:var(--mainFont)}.input-field{height:var(--_height)}.textarea-field{line-height:1.5;resize:vertical;min-height:calc(var(--_fontSize) * 1.5 * 3)}.translucent,.outline{background-color:inherit}.input-field:active,.input-field:focus,.textarea-field:active,.textarea-field:focus,.input-field.outline,.textarea-field.outline{box-shadow:inset 0 0 0 var(--_outlineWidth) var(--inputFieldOutlineColor)}.input-field::placeholder,.textarea-field::placeholder{color:var(--textColorDimmed)}.translucent,.translucent:active,.translucent:focus{box-shadow:none}.input-icon,.textarea-icon{pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center;z-index:1}.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(--textColorDimmed)}.focused .input-icon :global(path),.focused .textarea-icon :global(path){fill:var(--textColor)}.withIcon .input-field{padding-left:var(--_height)}.withIcon .textarea-field{padding-left:calc(var(--_fontSize) * 2)}.large{--_padding: 14px;--_fontSize: var(--fontSize-l);--_height: var(--inputHeight-l);--_borderRadius: var(--borderRadius-l);--_outlineWidth: var(--outlineWidth-l)}.medium{--_padding: 15px;--_fontSize: var(--fontSize-m);--_height: var(--inputHeight-m);--_borderRadius: var(--borderRadius-m);--_outlineWidth: var(--outlineWidth-m)}.small{--_padding: 6px;--_fontSize: var(--fontSize-s);--_height: var(--inputHeight-s);--_borderRadius: var(--borderRadius-s);--_outlineWidth: var(--outlineWidth-s)}.maxLength{position:absolute;right:0;bottom:-15px;font-size:var(--fontSize-xs);color:var(--textColorDimmed)}.large.svelte-1yosetm{--_padding: 0 18px}.medium.svelte-1yosetm{--_padding: 0 15px}.small.svelte-1yosetm{--_padding: 0 6px}.sizer.svelte-1yosetm .input-field:where(.svelte-1yosetm){position:absolute;left:0;z-index:0;width:100%}.sizer.svelte-1yosetm: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-1yosetm:before{padding-left:var(--_height)}.customValue.svelte-1yosetm .input-field:where(.svelte-1yosetm){color:transparent}.customValue.svelte-1yosetm: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-1yosetm .input-field:where(.svelte-1yosetm){color:var(--textColor)}.customValue.focused.svelte-1yosetm:after{display:none}