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

.press-gp-dialog__wrap {
  position: fixed;
  z-index: 999;
  // height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .7);
}

.press-gp-dialog__main {
  width: 6.4rem;
  padding-top: .64rem;
  position: fixed;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  border-radius: 1px;
  background: #fff;

  &.press-gp-dialog__main--hor {
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/horizon/popup-bg-s.png) no-repeat;
    background-size: 100% 100%;
    width: 7.32rem;
    min-height: 3.28rem;

    .press-gp-dialog__title {
      font-weight: bold;
      font-size: .32rem;
      padding-bottom: .24rem;
    }

    .press-gp-dialog__buttons {
      margin: 0;
      display: block;
      text-align: center;
      border-top: 0;
      font-family: 'PEACE';

      .press-gp-dialog__button--primary {
        display: inline-block;
        background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/horizon/btn-normal.png) center top;
        background-size: cover;
        width: 2.6rem;
        height: .6rem;
        background-repeat: no-repeat;
        color: #000;
        line-height: .6rem;
        font-size: .32rem;

        &.press-gp-dialog__button--default {
          display: inline-block;
          background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/horizon/btn-minor.png) center top;
          background-size: cover;
          background-repeat: no-repeat;
          width: 2.6rem;
          height: .6rem;
          line-height: .6rem;
          color: #fff !important;
          font-size: .32rem;
          flex: auto;
          margin: 0 .12rem;
        }
      }
    }
  }
}

.press-gp-dialog__title {
  padding-bottom: .32rem;
  font-size: $font-l;
  line-height: .44rem;
  text-align: center;
  color: rgba(0, 0, 0, .9);
  font-weight: 600;
}

.press-gp-dialog__content {
  width: 5.44rem;
  margin: 0 auto;
  padding-bottom: .32rem;
  text-align: center;
  font-size: .32rem;
  color: rgba(0, 0, 0, .5);
}

.press-gp-dialog__content-main {
  min-height: .8rem;
  margin: 0 auto;
  padding: 0 .48rem;
  color: $color-main;
  font-size: .32rem;
  line-height: .4rem;
  text-align: center;
  word-wrap: break-word;
}

.press-gp-dialog__content-tip {
  color: $color-main;
  font-size: $font-s;
  line-height: .4rem;
  text-align: center;
}

.press-gp-dialog__buttons {
  margin-top: .32rem;
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, .1);

  a {
    flex: 1;

    &:only-child {
      border: 0 none;
    }
  }
}

%text-btn-style {
  width: 100%;
  height: 1.14rem;
  display: block;
  line-height: 1.14rem;
  text-align: center;
  font-size: $font-l;
}

.press-gp-dialog__button--primary {
  color: #ed7b2f;

  @extend %text-btn-style;
}