/* ---------------------------------------------------------
   Share reward modal
   --------------------------------------------------------- */

.ingle-share-reward-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 24px;

  background: rgba(15, 23, 42, 0.48);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.ingle-share-reward-modal__card {
  width: min(100%, 430px);

  padding: 30px 30px 26px;

  border-radius: 24px;

  background: #fff;

  box-shadow:
    0 24px 70px rgba(15, 23, 42, 0.22);

  text-align: center;
}

.ingle-share-reward-modal__badge {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 58px;
  height: 58px;

  margin: 0 auto 16px;

  border-radius: 50%;

  background: rgba(34, 197, 94, 0.12);

  font-size: 1.65rem;
  font-weight: 800;
}

.ingle-share-reward-modal__card h2 {
  margin: 0 0 10px;

  font-size: 1.55rem;
  line-height: 1.2;
}

.ingle-share-reward-modal__card p {
  margin: 0;

  line-height: 1.5;
}

.ingle-share-reward-modal__reward {
  margin: 22px 0;

  padding: 17px 20px;

  border-radius: 16px;

  background: rgba(15, 23, 42, 0.05);

  font-size: 1.05rem;
}

.ingle-share-reward-modal__reward strong {
  display: block;

  margin-top: 4px;

  font-size: 1.45rem;
  line-height: 1.2;
}

.ingle-share-reward-modal__detail {
  opacity: 0.72;
}

.ingle-share-reward-modal__preference {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  margin: 22px 0 18px;

  font-size: 0.88rem;

  cursor: pointer;
}

.ingle-share-reward-modal__preference input {
  width: 16px;
  height: 16px;

  margin: 0;
}

.ingle-share-reward-modal__done {
  min-width: 130px;
  min-height: 44px;

  padding: 10px 22px;

  border: 0;
  border-radius: 999px;

  font: inherit;
  font-weight: 700;

  cursor: pointer;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 700px) {
  .answer-share__status {
    width: 100%;
  }

  .ingle-share-reward-modal {
    padding: 18px;
  }

  .ingle-share-reward-modal__card {
    padding: 26px 22px 22px;

    border-radius: 20px;
  }
}