[data-css-name="ConfirmCancelDialog"] .dialog-container {
  border: 1px solid #707070;
  background-color: #FFFFFF;
  margin: 12.96vh auto 0;
  width: 1400px;
  height: calc(100vh - 12.96vh * 2);
}
@media only screen and (max-width: 480px) {
  [data-css-name="ConfirmCancelDialog"] .dialog-container {
    width: calc(100vw - 50px);
    margin: 70px auto 44px;
    height: calc(100vh - 194px);
    border-radius: 5px;
  }
}
[data-css-name="ConfirmCancelDialog"] .dialog-container .question-mark {
  background: url(/images/question-mark.png) center no-repeat;
  margin-top: 175px;
  height: 80px;
}
@media only screen and (max-width: 480px) {
  [data-css-name="ConfirmCancelDialog"] .dialog-container .question-mark {
    margin-top: 60px;
  }
}
[data-css-name="ConfirmCancelDialog"] .dialog-container .message {
  color: #000000;
  font-size: 60px;
  font-weight: lighter;
  text-align: center;
  width: 1000px;
  margin: 30px auto;
  opacity: 0.9;
}
@media only screen and (max-width: 480px) {
  [data-css-name="ConfirmCancelDialog"] .dialog-container .message {
    width: unset;
    font-size: 20px;
    margin: 40px 20px;
  }
}
[data-css-name="ConfirmCancelDialog"] .dialog-container .btn-quit {
  position: absolute;
  left: calc(50vw - 440px - 38px);
  bottom: calc(12.96vh + 120px);
}
[data-css-name="ConfirmCancelDialog"] .dialog-container .btn-continue {
  position: absolute;
  right: calc(50vw - 440px - 38px);
  bottom: calc(12.96vh + 120px);
}
@media only screen and (max-width: 480px) {
  [data-css-name="ConfirmCancelDialog"] .dialog-container .btn-quit {
    left: calc(50vw - 161.74px / 2);
    bottom: 137px;
  }
  [data-css-name="ConfirmCancelDialog"] .dialog-container .btn-continue {
    right: unset;
    left: calc(50vw - 161.74px / 2);
    bottom: 84px;
  }
}