.ui-input{display:flex;flex-direction:column;width:100%}.ui-input__error,.ui-input__label{color:var(--color__text);font-size:1rem;font-weight:500;line-height:1.25rem}.ui-input__error{display:none}.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;border-radius:.75rem;font-size:1.125rem;font-weight:400;height:3rem;letter-spacing:-.0225rem;line-height:1.25rem;margin:0;outline:none;padding:0 1.5rem;transition:opacity .24s ease,box-shadow .24s ease,transform .24s ease,background-color .24s ease;width:100%}.ui-input__field.--textarea{min-height:8rem;padding:1rem 1.5rem!important;resize:vertical}.ui-input__field::-moz-placeholder{color:#2e2e2e73;font-size:inherit;font-weight:400;line-height:inherit}.ui-input__field::placeholder{color:#2e2e2e73;font-size:inherit;font-weight:400;line-height:inherit}.ui-input__field.--fill{background-color:var(--color__background);color:var(--color__text)}.ui-input__field.--fill:focus,.ui-input__field.--fill:hover{background-color:var(--color__white);box-shadow:inset 0 0 0 1.5px var(--color__fill-1)}.ui-input__field.--fill-dark{background-color:#0000001c;color:var(--color__text)}.ui-input__field.--fill-dark:focus,.ui-input__field.--fill-dark:hover{background-color:#ffffffa3;box-shadow:inset 0 0 0 1.5px var(--color__fill-1)}.ui-input__field.--border{background-color:var(--color__white);color:var(--color__dark)}.ui-input__field.--border,.ui-input__field.--border:focus,.ui-input__field.--border:hover{box-shadow:inset 0 0 0 2px var(--color__fill-1)}.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)}.ui-input .ui-input__field.--l{font-size:1.25rem;font-weight:500;height:3.75rem;line-height:1.25rem}.ui-input .ui-input__field.--xl{font-size:1.25rem;font-weight:500;height:4rem;line-height:1.25rem}