.input-resultado {
  overflow: hidden;
  flex-grow: 1;
  height: 400px;
  transition: .3s;
}

.input-resultado.not-appear-qr-code {
  width: 0;
  flex-grow: 0;
  transition: .3s;
}

.input-resultado.appear-qr-code {
  width: 50%;
  transition: .3s;
}

#img-qr-code {
    width: 200px;
    height: 200px;
    padding: 10px;
    
}

.input-resultado__resultado_qrcode{
  padding: 20px;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-007);
  background-color: var(--color-006);
  border-radius: var(--border-radius-padrao);
  transition: .2s;
}
.input-origem{
    height:  245px;
}