.joinchat--qrmv .joinchat__qr,
.joinchat--qrmv .joinchat__qr::after {
  left: 0 !important;
  right: auto !important;
  transition: transform .1s ease-out;
}

.joinchat--qrmv .joinchat__qr {
  transform: translate3d(var(--qr-x, 0), var(--qr-y, 0), 0);
  -webkit-animation: .4s cubic-bezier(.11, .84, .83, 1.01) .3s backwards joinchat_qr_in;
          animation: .4s cubic-bezier(.11, .84, .83, 1.01) .3s backwards joinchat_qr_in;
}

.joinchat--qrmv .joinchat__qr.joinchat__qr--show {
  display: flex;
}

.joinchat--qrmv .joinchat__qr::after {
  transform: translateX(var(--qr-a, calc(var(--h) - 6px)));
}

.joinchat--qrmv .joinchat__qr .qr__channel {
  display: none;
}

.joinchat--qrmv .joinchat__qr .qr__channel--show {
  display: block;
}

@-webkit-keyframes joinchat_qr_in {
  from {
    opacity: 0;
    transform: translate3d(var(--qr-x, 0), calc(var(--qr-y, 0) + 50px), 0);
  }

  to {
    opacity: 1;
    transform: translate3d(var(--qr-x, 0), var(--qr-y, 0), 0);
  }
}

@keyframes joinchat_qr_in {
  from {
    opacity: 0;
    transform: translate3d(var(--qr-x, 0), calc(var(--qr-y, 0) + 50px), 0);
  }

  to {
    opacity: 1;
    transform: translate3d(var(--qr-x, 0), var(--qr-y, 0), 0);
  }
}