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

.container {
  border-radius: 10px;
  box-shadow: 0 0 50px 0 rgba(2, 3, 3, 0.5);
  border: solid 6px #1a1a1a;
  background-color: #7a808d;
  padding: 6px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 1.29;
  word-break: normal;
  &.us {
    .size(@w: 180px , @h: 270px);
    > div {
      > div {
        flex: none;
        &:nth-child(1) {
          .size(@w:156px,@h:156px);
        }
      }
      .text {
        font-size: 27px;
        margin-top: 12px;
      }
    }
  }
  &.gb {
    .size(@w: 156px , @h: 228px);
    > div {
      .text {
        font-size: 25px;
        margin-top: 11px;
      }
    }
  }
  &.ru {
    .size(@w: 180px , @h: 270px);
    > div {
      > div {
        flex: none;
        &:nth-child(1) {
          .size(@w:156px,@h:156px);
        }
      }
      .text {
        font-size: 17px;
        margin-top: 23px;
      }
    }
  }

  &.de {
    .size(@w: 180px , @h: 272px);
    > div {
      > div {
        flex: none;
        &:nth-child(1) {
          .size(@w:156px,@h:156px);
        }
      }
      .text {
        margin-top: 10px;
        font-size: 26px;
        line-height: 26px;
      }
    }
  }
}
