.ui-input{display:flex;flex-direction:column;width:100%}.ui-input__error,.ui-input__label{color:var(--color__text);display:none;font-family:Onest;font-size:1rem;font-weight:500;line-height:1.25rem;margin-top:.75rem}.ui-input__label.--gray-label{color:var(--color__text-50);margin-bottom:.25rem}.ui-input__label.--thin{font-weight:400}.ui-input__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;color:#b5b8c6;font-family:Inter;font-size:1.125rem;font-style:normal;font-weight:500;height:4rem;letter-spacing:-.045rem;line-height:2.5rem;outline:none;padding:1rem 1.5rem;transition:all .24s;width:100%}.ui-input__field.--textarea{min-height:8rem;padding:1rem 1.5rem!important;resize:vertical}.ui-input__field:focus{color:#898d97}.ui-input__field::-moz-placeholder{color:#898d97;font-size:inherit;font-weight:500;line-height:inherit}.ui-input__field::placeholder{color:#898d97;font-size:inherit;font-weight:500;line-height:inherit}.ui-input__field.--fill{background-color:var(--color__background-2);border-radius:.3125rem;color:#898d97}.ui-input__field.--fill:focus,.ui-input__field.--fill:hover{background-color:var(--color__white);box-shadow:inset 0 0 0 2px var(--color__main)}.ui-input__field.--border{background-color:var(--color__white);box-shadow:inset 0 0 0 1.5px var(--color__border);color:var(--color__text)}.ui-input__field.--border:focus,.ui-input__field.--border:hover{box-shadow:inset 0 0 0 1.5px var(--color__dark)}.ui-input__field.--simple{background-color:transparent;box-shadow:none;color:var(--color__text)}.ui-input__field.--simple:focus,.ui-input__field.--simple:hover{box-shadow:inset 0 0 0 1.5px var(--color__dark);color:var(--color__dark)}.ui-input__field.--simple:focus::-moz-placeholder,.ui-input__field.--simple:hover::-moz-placeholder{color:var(--color__text-64)}.ui-input__field.--simple:focus::placeholder,.ui-input__field.--simple:hover::placeholder{color:var(--color__text-64)}.ui-input.is-error .ui-input__error,.ui-input.is-error .ui-input__label{color:var(--color__error)}.ui-input.is-error .ui-input__error{display:block}.ui-input.is-error .ui-input__field{box-shadow:inset 0 0 0 1.5px var(--color__error)}