.ui-kit-input-container{flex-direction:column;gap:6px;width:100%;display:flex}.ui-kit-input-container--sm .ui-kit-input{border-radius:var(--radius-3_5);font-size:var(--text-sm);line-height:var(--text-sm--line-height);padding:8px 12px}.ui-kit-input-container--lg .ui-kit-input{border-radius:var(--radius-5_5);padding:16px 24px}.ui-kit-input-container span{color:var(--color-brown-700)}.ui-kit-input{background-color:var(--color-brown-100);border-radius:var(--radius-4);outline:1px solid #0000;width:100%;padding:12px 16px;transition:outline-color .1s ease-in-out;position:relative}.ui-kit-input-container--error .ui-kit-input{outline-color:var(--color-red-500)}.ui-kit-input input{border-bottom:1px dashed var(--color-brown-700);color:var(--color-brown-700);background:0 0;outline:none;width:100%;min-width:0}.ui-kit-input input::placeholder{color:var(--color-brown-500)}.ui-kit-input input:autofill{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input input:autofill:hover{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input input:autofill:focus{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input input::-webkit-autofill{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input input::-webkit-autofill:hover{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input input::-webkit-autofill:focus{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input-container--text-left input{text-align:left}.ui-kit-input-container--text-right input{text-align:right}.ui-kit-input-container--text-center input{text-align:center}