.controlledInput{--_input-border-color:#d5ccc6;--_input-focus-color:#1d1d1d;--_input-message-color:#616161;--_input-background-color:#fff;--_input-color:#1d1d1d;display:flex;flex-direction:column;gap:4px;color:var(--_input-color);align-content:center}.controlledInput button,.controlledInput input,.controlledInput label,.controlledInput p{margin:0;padding:0}.controlledInput button,.controlledInput input{border:none;background:none}.controlledInput .label__disbled{color:#999}.controlledInput .input-container{position:relative;width:100%;display:flex;align-items:center;gap:8px}.controlledInput .input-container--disabled{font-weight:300;--_input-color:#999;--_input-background-color:#f7f7f7}.controlledInput .input-container input{flex:1;height:48px;padding-inline:12px;padding-inline-start:16px;color:var(--_input-color);background-color:var(--_input-background-color);border:2px solid var(--_input-border-color);border-radius:12px}.controlledInput .input-container input:focus-within{outline:1px var(--_input-focus-color) solid}.controlledInput .input-container input:-internal-autofill-selected,.controlledInput .input-container input:-webkit-autofill,.controlledInput .input-container input:-webkit-autofill:active,.controlledInput .input-container input:-webkit-autofill:focus,.controlledInput .input-container input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 40rem var(--_input-background-color) inset;-webkit-text-fill-color:var(--_input-color)}.controlledInput__dataline{display:flex;justify-content:space-between;gap:8px;margin-inline:var(--data-line-margin-inline,16px 12px);color:var(--_input-message-color)!important;min-height:18px;max-width:var(--data-line-max-width,none)}.controlledInput__dataline>*{color:inherit!important}.controlledInput--error{--_input-border-color:#e11628;--_input-focus-color:#e11628;--_input-message-color:#e11628}.controlledInput--input-valid,.controlledInput--valid{--_input-border-color:#e85e32;--_input-focus-color:#e85e32;--_input-message-color:#e85e32}.controlledInput--input-empty{--_input-border-color:#d5ccc6;--_input-focus-color:#1d1d1d}.controlledInput--empty-error{--_input-border-color:#e11628}.controlledInput__icon{position:absolute;display:grid;place-items:center;border:unset;background:none;cursor:pointer;top:0;height:100%;aspect-ratio:1/1}.controlledInput__icon--leading{left:0}.controlledInput__icon--traiding{right:0}.controlledInput__icon--unclickable{pointer-events:none}.controlledInput__icon:focus{outline-offset:-4px;outline-color:#999;border-radius:50%}.controlledInput--no-data-line{margin-bottom:1px}