@import "../../../style/CommonStyle.module.less";
@import "../../../style/utils.module.less";

.container {
  .size(@w: 402px , @h: 640px);
  .position(@position: absolute, @top: auto, @right: auto, @bottom: 220px, @left: 60px);
  .flex(@display: flex, @justifyCenter: "", @alignCenter: center, @direction: column);
  padding: 21px 18px 18px 18px;
  background-color: #1e1e1e;
  border-radius: 10px;
  padding: 70px 18px 70px 18px;
  border: solid 2px rgba(255, 255, 255, 0.7);
  box-shadow: 5px 8.7px 15px 0 rgba(6, 0, 1, 0.5);
  font-size: 30px;
  line-height: 1.27;
  color: #808080;
  border-top: solid 3px #ffffff;

  .qrWrap {
    .size(@w: 252px , @h: 252px);
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #dadada inset;
  }

  .text {
    // .size(@w: 345px , @h: 181px);
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    word-break: break-word;

    margin: 48px 0 70px 0;
  }
}
