.ui-input{display:flex;flex-direction:column;gap:.5rem;width:100%}.ui-input.--password{position:relative}.ui-input__error,.ui-input__label{color:var(--color__text);display:none;font-size:1rem;font-weight:500;line-height:1.25rem}.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:.5rem;font-size:1.25rem;font-weight:400;height:4rem;line-height:100%;margin:0;outline:none;padding:0 1rem;transition:all .24s;width:100%}.ui-input__field.--textarea{min-height:8rem;padding:1rem 1.5rem!important;resize:vertical}.ui-input__field::-moz-placeholder{color:var(--color__text-40);font-size:inherit;font-weight:400;line-height:inherit}.ui-input__field::placeholder{color:var(--color__text-40);font-size:inherit;font-weight:400;line-height:inherit}.ui-input__field.--fill{background-color:var(--color__white);color:var(--color__text)}.ui-input__field.--fill:focus,.ui-input__field.--fill:hover{box-shadow:inset 0 0 0 1.5px var(--color__dark)}.ui-input__field.--fill-gray{background-color:var(--color__fill-4);color:var(--color__text)}.ui-input__field.--fill-gray:focus,.ui-input__field.--fill-gray:hover{background-color:var(--color__fill-4);box-shadow:inset 0 0 0 1.5px var(--color__dark)}.ui-input__field.--border{background-color:var(--color__white);box-shadow:inset 0 0 0 1px 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.--border::-moz-placeholder{color:#00000052}.ui-input__field.--border::placeholder{color:#00000052}.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{position:relative}.ui-input.is-error .ui-input__error{font-size:1.125rem;font-weight:500;letter-spacing:-.72px;line-height:1.25rem}.ui-input.is-error .ui-input__error.--relative{bottom:-1.5rem;position:absolute}.ui-input.is-error .ui-input__field{box-shadow:inset 0 0 0 1.5px var(--color__error)}.ui-input__eye-icon{cursor:pointer;position:absolute;right:1rem;top:1.5rem}.ui-input__eye-icon.--open{right:1.025rem;top:1.55rem}.ui-input__eye-icon.nuxt-icon svg{height:1.3rem;width:1.5rem}.ui-input__eye-icon.--open.nuxt-icon svg{height:1rem}