/* 이벤트 시작일 기준 스타일 */
body {
  --primary-color: #003529;
  --secondary-color: #ffe842;
  --popup-btn-color: #fff;
  --popup-btn-bg-color: var(--primary-color);
  --popup-btn-shadow: none;
  --popup-btn-border-color: var(--primary-color);
  --form-btn-color: #fff;
  --form-btn-bg-color: #333333;
  --form-btn-border-color: #333;
  --form-btn-shadow: none;
}

.scratch-wrap .tab-content-wrap .tab-content-item:nth-child(2) {
  background: linear-gradient(0deg, #ffe842, #ffe842), #ffffff;
}

.scratch-wrap .tab-content-wrap .tab-content-item:nth-child(1) {
  background: var(--primary-color);
}

.sec-share-rank .share-rank-box .share-rank-title {
  width: 10.5rem;
}

.share-rank-content .rank-item.my-rank {
  border-top: 1px solid #cccccc;
}

.sec-share-url .share-url-text {
  margin-bottom: 24px;
}

.sec-share-url .share-url-text p {
  color: #131313;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.54px;
}

.sec-share-url .share-url-box .share-url-btn {
  border: 2px solid var(--form-btn-border-color);
  background: var(--form-btn-bg-color);
  background-blend-mode: multiply, normal;
  box-shadow: none;
}

.rank-item .item-num {
  background: #999;
  color: #fff;
}

.share-rank-content .rank-item.my-rank {
  position: sticky;
  bottom: 0;
  padding: 20px 24px;
  border-top: 1px solid #dbdbdb;
  box-shadow: 0 -18px 10px rgba(238, 238, 238, 0.15);
  border-radius: 0 0 12px 12px;
}

.sec-share-url .share-url-box .share-url-copy button img {
  width: 1.6rem;
}

#scratchResult .share-use-btn {
  border: 2px solid var(--secondary-color);
  background: var(--secondary-color);
  box-shadow: none;
  color: var(--primary-color);
  font-weight: 700;
}
#scratchResult .coupon-use-btn {
  background: var(--form-btn-bg-color);
}
#scratchResult .coupon-use-btn.used {
  box-shadow: none;
}

#scratchResult .result-btn-wrap {
  top: 42.5rem;
}
#scratchResult .result-btn-wrap > button {
  width: 28rem;
  padding: unset;
  line-height: 4.7rem;
}
#scratchResult .result-btn-wrap img {
  margin-top: -1px;
}
#scratchResult .result-btn-wrap .other-prize img {
  display: none;
}
#scratchResult .result-btn-wrap .share-use-btn img {
  filter: invert(0.7);
}


/* 보너스 모달 스타일 변경 */
.modal-wrap.modal-bonus-stamp .modal-item {
  position: relative;
}
.modal-wrap.modal-bonus-stamp .modal-btn.cancel {
  position: absolute;
  top: 16px;
  right: 2rem;
  border: none;
  padding: 0;
  background-color: transparent;
}

.modal-wrap.modal-bonus-stamp .modal-btn.confirm {
  background-color: var(--form-btn-bg-color);
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.48px;
}