.outlined_OutlinedInput__UTbP9{height:56px;border-radius:4px;border:1px solid var(--border-color);width:100%;transition:all .2s ease-in-out;position:relative;margin-top:16px;outline-color:var(--accent-color);background-color:var(--input-background);input{width:100%;height:100%;margin:0;padding:0 16px;outline:none;background-color:transparent;border:none}label{position:absolute;transition:all .2s ease-in-out;top:16px;left:16px;padding:0 5px;font-size:14px;cursor:text;border-radius:20px;background-color:var(--input-background)}}.outlined_OutlinedInput__UTbP9 input:not([value=""])+label{border:1px solid var(--border-color)}.outlined_OutlinedInput__UTbP9:hover{border-color:var(--accent-color);label{background-color:transparent;color:var(--accent-color)}input:not([value=""])+label{border-color:var(--accent-color);background-color:var(--accent-color);color:white}}.outlined_OutlinedInput__UTbP9:focus-within{border-color:var(--accent-color);outline:1px solid var(--accent-color);&:not([value=""]) label{border:1px solid var(--accent-color);background-color:var(--accent-color);color:white}}.outlined_OutlinedInput__UTbP9 input:not([value=""])+label,.outlined_OutlinedInput__UTbP9:focus-within label{top:-9px;left:16px;font-size:12px}.outlined_Error__l8xWV,.outlined_Error__l8xWV:focus-within,.outlined_Error__l8xWV:hover{border-color:var(--danger-color);label{color:var(--danger-color)}}