.qrcode[data-v-dfab7d3c] {
  margin-bottom: 0;
  position: relative;
  height: 100%;
  aspect-ratio: 1/1;
}
.qrcode .qrcode__code[data-v-dfab7d3c] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}
.qrcode .qrcode__bg[data-v-dfab7d3c] {
  background-color: #fff;
  border: 0.25rem solid #fff;
  /*border-radius: 0.25rem;*/
  border-radius: 100%;
  /*box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);*/
  width: 88%;
  height: 88%;
  left: 6%;
  top: 6%;
  overflow: hidden;
  position: absolute;
  opacity: 0.4;
}
.qrcode .qrcode__image[data-v-dfab7d3c] {
  background-color: #fff;
  border: 0.25rem solid #fff;
  /*border-radius: 0.25rem;*/
  border-radius: 100%;
  /*box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);*/
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 20%;
  max-height: 4rem;
}.sign-in-qr-code-box[data-v-9a0112c5] {
  display: block;
  position: relative;
  height: calc(100vh - 300px);
}
.sign-in-qr-code[data-v-9a0112c5] {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1/1;
}.sign-in-qr-code-box[data-v-25ab6ae6] {
  display: block;
  position: relative;
  height: calc(100vh - 300px);
}
.sign-in-qr-code[data-v-25ab6ae6] {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1/1;
}