.input{position:relative;width:100%}.input__field{width:100%;height:52px;padding:14px 16px;background-color:var(--color-white);border:1px solid var(--color-gray-400);border-radius:var(--radius-2xl);font-family:var(--font-compact);font-weight:var(--font-regular);font-size:var(--text-lg);color:var(--color-gray-800);outline:none;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),padding var(--duration-fast) var(--ease-out)}.input__field::placeholder{color:var(--color-gray-500)}.input__field:focus{border-color:var(--color-green)}.input__field:disabled{opacity:.5;cursor:not-allowed}.input__field:read-only{background:var(--color-bg);color:var(--color-gray-700);cursor:default}.input__field:read-only:focus{border-color:var(--color-gray-400)}.input__label{position:absolute;top:26px;left:16px;transform:translateY(-50%);font-family:var(--font-compact);font-size:var(--text-lg);color:var(--color-gray-500);pointer-events:none;transition:top var(--duration-fast) var(--ease-out),font-size var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.input--has-label .input__field:focus,.input--has-label .input__field:not(:placeholder-shown){padding-top:22px;padding-bottom:6px}.input--has-label .input__field:focus~.input__label,.input--has-label .input__field:not(:placeholder-shown)~.input__label{top:13px;font-size:var(--text-xs);color:var(--color-green-600)}.input--error .input__field{background-color:var(--color-red-200);border-color:var(--color-red)}.input--error .input__label{color:var(--color-red)}.input--error.input--has-label .input__field:focus~.input__label,.input--error.input--has-label .input__field:not(:placeholder-shown)~.input__label{color:var(--color-red)}.input--validated .input__field{background-color:var(--color-green-400);border-color:var(--color-gray-400)}.input__error{margin-top:var(--spacing-xs);font-family:var(--font-compact);font-size:var(--text-xs);color:var(--color-red)}.input__action{position:absolute;top:26px;right:16px;transform:translateY(-50%);background:none;border:none;padding:0;font-family:var(--font-primary);font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--color-red);cursor:pointer}.input__action:hover{text-decoration:underline}.input--sm .input__field{height:40px;padding:8px 14px;font-size:var(--text-base)}.input--sm .input__label{top:20px;font-size:var(--text-base)}.input--sm.input--has-label .input__field:focus,.input--sm.input--has-label .input__field:not(:placeholder-shown){padding-top:18px;padding-bottom:2px}.input--sm.input--has-label .input__field:focus~.input__label,.input--sm.input--has-label .input__field:not(:placeholder-shown)~.input__label{top:8px;font-size:10px}.input--sm .input__action{top:20px}.input--textarea .input__field{height:auto;min-height:96px;background-color:var(--color-gray-300);border-radius:var(--radius-3xl);resize:vertical}.input--area .input__field{height:82px;border-radius:var(--radius-3xl)}