.joinchat--hidden {
  display: none !important;
}

.joinchat--nobtn.joinchat--chatbox .joinchat__button {
  min-width: 0;
  width: 0;
}

.joinchat--nobtn.joinchat--chatbox .joinchat__button>:not(.joinchat__qr) {
  display: none;
}

.joinchat--nobtn .joinchat__box__content {
  padding-bottom: 0;
}

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

.joinchat--nobtn .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--nobtn .joinchat__qr.joinchat__qr--show {
  display: flex;
}

.joinchat--nobtn .joinchat__qr::after {
  transform: translateX(var(--qr-a, calc(var(--s)/2 - 6px)));
}

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

.joinchat--nobtn .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);
  }
}

@-webkit-keyframes joinchat__fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes joinchat__fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}