@import '../../common//style/gp-match/palette.scss';
@import '../../common//style/gp-match/mixin.scss';

.press-empty-gp {
  background: rgba($color: $color-dark-4, $alpha: .75);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  // height: 100%;
  // better
  height: calc(100% - .4rem);

  width: 100%;

  flex: 1;
  width: auto;
  // margin: .2rem .2rem 0;
  // better
  margin: .2rem .2rem;

  border: .02rem solid rgba(252, 252, 252, .60);
  background: linear-gradient(101deg, rgba(238, 239, 241, .50) 15.46%, rgba(252, 252, 252, .50) 86.92%);
  box-shadow: 0 0 .2rem 0 rgba(83, 71, 134, .38);

  .press-empty-gp__img {
    margin-top: -2rem;
  }

  .press-empty-gp__text {
    margin-top: .3rem;

  }
}

.press-empty-gp__img {
  margin-top: .46rem;
  width: 2rem;
  height: 2rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/404-content-new.png) center center no-repeat;
  background-size: 100% 100%;
}

.press-empty-gp__text {
  color: #212124;
  font-size: .23rem;
  line-height: .44rem;
  text-align: center;
}

.press-empty-gp__button {
  @include primary-btn();
  margin-top: .38rem;
}

.press_is-no-full-screen {
  height: 70vh;
}