.ui-input{display:flex;flex-direction:column;gap:var(--unit)}.ui-input__label{font-weight:700}.ui-input__message{margin-top:var(--unit)}.ui-input__message_error{color:rgb(var(--color__red_500))}.ui-input__message_success{color:rgb(var(--color__green_500))}.ui-input__message_info{color:rgb(var(--color__neutrals_500))}.ui-input__box{align-items:center;border:1px solid rgb(var(--color__neutrals_100));border-radius:var(--unit);display:flex;gap:calc(var(--unit)*2);padding:calc(var(--unit)*2) var(--unit) calc(var(--unit)*2) calc(var(--unit)*3);transition:var(--transition)}.ui-input__box:hover{border-color:rgb(var(--color__blue_700))}.ui-input__box:focus-within{border-color:rgb(var(--color__blue_700));box-shadow:0 0 0 1px rgb(var(--color__blue_600));outline:none;transition:box-shadow .05s}.ui-input__box:focus-within .ui-input__action{visibility:visible}.ui-input__box_white{background-color:rgb(var(--color__neutrals_white))}.ui-input__box_error{border-color:rgb(var(--color__red_500))}.ui-input__box_error:focus-within{border-color:rgb(var(--color__red_500));box-shadow:0 0 0 1px rgb(var(--color__red_500))}.ui-input__icon{color:rgb(var(--color__neutrals_500));flex-shrink:0;height:calc(var(--unit)*4);width:calc(var(--unit)*4)}.ui-input__input{background:none;width:100%}.ui-input__input::-moz-placeholder{color:rgb(var(--color__neutrals_500));-moz-transition:var(--transition);transition:var(--transition)}.ui-input__input::placeholder{color:rgb(var(--color__neutrals_500));transition:var(--transition)}.ui-input__input:not(:disabled):hover{border-color:rgb(var(--color__blue_700))}.ui-input__input:not(:disabled):hover::-moz-placeholder{color:rgb(var(--color__text))}.ui-input__input:not(:disabled):hover::placeholder{color:rgb(var(--color__text))}.ui-input__input:not(:disabled):focus-visible{outline:none}.ui-input__input:not(:disabled):focus-visible::-moz-placeholder{opacity:0}.ui-input__input:not(:disabled):focus-visible::placeholder{opacity:0}.ui-input__action{flex-shrink:0;transition:var(--transition);visibility:hidden}