.lale-input{border:1px solid var(--lale-gray-200);border-radius:var(--lale-radius);background:var(--lale-white);align-items:center;width:100%;transition:border-color .15s;display:flex}.lale-input:hover{border-color:var(--lale-gray-300)}.lale-input:focus-within{border-color:var(--lale-gray-900)}.lale-input--s{gap:.5rem;min-height:2.75rem;padding:.5rem .8125rem}.lale-input--xs{gap:.375rem;min-height:2.25rem;padding:.375rem .75rem}.lale-input__native{min-width:0;color:var(--lale-gray-900);background:0 0;border:none;outline:none;flex:1;padding:0}.lale-input__native::placeholder{color:var(--lale-gray-400)}.lale-input__icon{color:var(--lale-gray-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lale-input--s .lale-input__icon{font-size:1.25rem}.lale-input--xs .lale-input__icon{font-size:1rem}.lale-input--with-icon{border-color:var(--lale-gray-500)}.lale-input--s.lale-input--with-icon{gap:.75rem;padding:.5rem .6875rem}.lale-input--xs.lale-input--with-icon{gap:.5rem;padding:.375rem .6875rem}.lale-input--with-icon:hover,.lale-input--with-icon:focus-within{border-color:var(--lale-gray-700)}.lale-input--with-icon:focus-within .lale-input__icon{color:var(--lale-gray-700)}.lale-input__toggle{cursor:pointer;color:var(--lale-gray-400);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.lale-input--s .lale-input__toggle{font-size:1.5rem}.lale-input--xs .lale-input__toggle{font-size:1.25rem}.lale-input__native[type=date],.lale-input__native[type=datetime-local]{appearance:none}.lale-input__native[type=date]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;width:1rem;height:1rem;display:block}.lale-input__native[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;width:1rem;height:1rem;display:block}.lale-input[data-state=error],[data-state=error] .lale-input,.lale-input[data-state=error]:hover,.lale-input[data-state=error]:focus-within,[data-state=error] .lale-input:hover,[data-state=error] .lale-input:focus-within{border-color:var(--lale-error)}.lale-input[data-state=success],[data-state=success] .lale-input,.lale-input[data-state=success]:hover,.lale-input[data-state=success]:focus-within,[data-state=success] .lale-input:hover,[data-state=success] .lale-input:focus-within{border-color:var(--lale-success)}.lale-input--disabled{background:var(--lale-gray-50);border-color:var(--lale-gray-200);pointer-events:none}.lale-input--disabled .lale-input__native,.lale-input--disabled .lale-input__native::placeholder{color:var(--lale-gray-300)}.lale-input__toggle:focus-visible{outline:2px solid var(--lale-gray-900);outline-offset:2px;border-radius:.25rem}