._countdown_lo4mv_1 {
  font-weight: 600;
  color: var(--functional-blue-content, #99bcff);
  font-size: 14px;
  letter-spacing: 0.5px;
}

._customColon_lo4mv_8 {
  color: var(--content-secondary);
  font-size: 20px;
  font-weight: 500;
  vertical-align: text-top;
  padding: 0 4px;
}

._overOneHour_lo4mv_16 {
  font-size: 20px !important;
}
._overOneHour_lo4mv_16 ._customColon_lo4mv_8 {
  vertical-align: unset;
  line-height: 18px;
}

._adaptiveCountdown_lo4mv_24 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 20px;
}

._unitLabel_lo4mv_31 {
  color: var(--content-secondary, #6E7583);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}._idleCard_18ssj_1,
._taskPendingCard_18ssj_2,
._taskCompletedCard_18ssj_3 {
  position: relative;
  width: 100px;
  height: auto;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid transparent;
  background-image: url("../source-assets/510ba333e404-star-card-bg.424d39ac62d9.webp");
  background-size: 100% 100%;
  color: #fff;
  overflow: hidden;
}
._idleCard_18ssj_1 ._image_18ssj_15,
._taskPendingCard_18ssj_2 ._image_18ssj_15,
._taskCompletedCard_18ssj_3 ._image_18ssj_15 {
  width: 100%;
}

._taskPendingCard_18ssj_2 {
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 8px;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.48));
}
._taskPendingCard_18ssj_2 ._countdownInfo_18ssj_30 {
  width: 100%;
  text-align: center;
  text-shadow: 0 0 4px rgba(75, 156, 255, 0.6);
}
._taskPendingCard_18ssj_2 ._countdownInfo_18ssj_30 ._countdownTimer_18ssj_35 {
  color: #E3EEFF;
  font-family: "Barlow-Bold";
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}
._taskPendingCard_18ssj_2 ._countdownInfo_18ssj_30 ._rewardHint_18ssj_42 {
  width: 100%;
  margin-top: 12px;
  color: #E3EEFF;
  text-align: center;
  font-family: "Barlow-Bold";
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

._taskCompletedCard_18ssj_3 {
  width: 100px;
  min-height: 120px;
  padding: 12px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.48));
}
._taskCompletedCard_18ssj_3 ._image_18ssj_15 {
  width: 75px;
  height: auto;
}
._taskCompletedCard_18ssj_3 ._couponText_18ssj_72 {
  margin-top: 8px;
  width: 100%;
  color: #E3EEFF;
  text-align: center;
  font-family: "Barlow-Bold";
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}._hoverRegisterWidget_1m2wi_1 {
  width: 320px;
  min-height: 166px;
  padding: 24px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid transparent;
  background: var(--fill-elevation-high, #16181d);
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
html[data-theme=dark] ._hoverRegisterWidget_1m2wi_1 {
  box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.08);
}
._hoverRegisterWidget_1m2wi_1._success_1m2wi_18 ._imageContainer_1m2wi_18 {
  width: 80px;
  height: 80px;
}
._hoverRegisterWidget_1m2wi_1 ._imageContainer_1m2wi_18 {
  width: 92px;
  height: 92px;
  overflow: hidden;
  text-align: center;
}
._hoverRegisterWidget_1m2wi_1 ._imageContainer_1m2wi_18 ._image_1m2wi_18 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._hoverRegisterWidget_1m2wi_1 ._imageContainer_1m2wi_18 ._imageFailed_1m2wi_33 {
  width: 80px;
  height: 80px;
}
._hoverRegisterWidget_1m2wi_1 ._content_1m2wi_37 {
  width: 100%;
  text-align: center;
}
._hoverRegisterWidget_1m2wi_1 ._content_1m2wi_37 ._description_1m2wi_41 {
  color: var(--content-primary, #f2f4f6);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 6px;
}
._hoverRegisterWidget_1m2wi_1 ._content_1m2wi_37 ._successTip_1m2wi_48 {
  margin-top: 8px;
  color: var(--content-primary, #f2f4f6);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
._hoverRegisterWidget_1m2wi_1 ._content_1m2wi_37 ._errTip_1m2wi_56 {
  margin-top: 8px;
  color: var(--content-secondary, #6e7583);
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}
._hoverRegisterWidget_1m2wi_1 ._content_1m2wi_37 ._actionButton_1m2wi_63 {
  margin: 16px 0px;
  width: 100%;
}
._hoverRegisterWidget_1m2wi_1 ._content_1m2wi_37 ._actionButtonSuccess_1m2wi_67 {
  margin: 16px 0px;
  width: 100%;
}
._hoverRegisterWidget_1m2wi_1 ._content_1m2wi_37 ._actionButtonSuccess_1m2wi_67 svg {
  color: var(--brand-default, #1463ff);
  margin-inline-end: 4px;
}
._hoverRegisterWidget_1m2wi_1 ._content_1m2wi_37 ._viewDetail_1m2wi_75 {
  color: var(--functional-blue-content, #0057ff);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  cursor: pointer;
}
._hoverRegisterWidget_1m2wi_1._modalContent_1m2wi_83 {
  width: 100%;
  min-height: auto;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}
._hoverRegisterWidget_1m2wi_1._modalContent_1m2wi_83 ._content_1m2wi_37 ._description_1m2wi_41 {
  font-size: 18px;
  margin-top: 24px;
}
._hoverRegisterWidget_1m2wi_1._modalContent_1m2wi_83 ._content_1m2wi_37 ._actionButton_1m2wi_63 {
  margin: 12px 0;
  height: 48px;
  width: 100%;
  font-size: 16px;
}
._hoverRegisterWidget_1m2wi_1._modalContent_1m2wi_83 ._content_1m2wi_37 ._errTip_1m2wi_56 {
  margin: 16px 0 8px 0;
  font-size: 14px;
}

._hoverRegisterModal_1m2wi_106 .mx-modal-content {
  background: var(--fill-elevation-high, #16181d);
}

._hoverRegisterModalPad_1m2wi_110 {
  position: fixed;
  right: 24px;
  bottom: 266px;
  padding: 0;
  top: auto;
  left: auto;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.48));
  box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.03);
}
html[dir=rtl] ._hoverRegisterModalPad_1m2wi_110 {
  right: unset;
  left: 24px;
}
._hoverRegisterModalPad_1m2wi_110 ._hoverRegisterWidget_1m2wi_1 {
  border: none;
  background: transparent;
  box-shadow: none;
  width: unset;
  min-height: unset;
  padding: 0;
}

._lottery_1m2wi_133 {
  width: 100%;
  height: 180px;
  background: radial-gradient(48.5% 163.67% at 50% 0%, rgba(154, 201, 255, 0.5) 0%, rgba(154, 201, 255, 0.2) 100%);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
._lottery_1m2wi_133::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: var(--fill-elevation-high, #16181d);
  border-radius: 15px;
}
._lottery_1m2wi_133::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 15px;
  background: linear-gradient(180deg, #000 50%, #0d1c40 100%);
}

._lotteryContent_1m2wi_166 {
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 16px;
}

._successAnimationWrapper_1m2wi_176 {
  width: 200px;
  height: 116px;
  position: relative;
  z-index: 2;
  margin: 16px auto 0;
}
._successAnimationWrapper_1m2wi_176 ._successAnimation_1m2wi_176 {
  width: 100%;
  padding-bottom: 58.33%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../source-assets/924352782f6d-lottery-flower.27319419e108.png");
  background-size: 100% 2400%;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  opacity: 0;
}
._successAnimationWrapper_1m2wi_176 ._successAnimationStart_1m2wi_195 {
  opacity: 1;
  animation: _successAnimation_1m2wi_176 0.8s steps(24) forwards;
}

@keyframes _successAnimation_1m2wi_176 {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}
._wheel_1m2wi_208 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

._wheelAnimation_1m2wi_217 {
  width: 460px;
  height: 460px;
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../source-assets/1762c9afd4b2-star-lottery-wheel.6f83687e7cb2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  will-change: transform;
  opacity: 0;
}

._wheelAnimationStart_1m2wi_232 {
  animation: _wheelAnimation_1m2wi_217 0.8s ease-in-out forwards;
  opacity: 1;
}

@keyframes _wheelAnimation_1m2wi_217 {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(1800deg);
  }
}
@media screen and (max-height: 768px) {
  ._hoverRegisterModalPad_1m2wi_110 {
    bottom: 100px;
  }
}._modalWrapper_r068h_1 ._modalContent_r068h_1 ._icon_r068h_1 {
  width: 80px;
  height: 80px;
  margin: 14px auto 0;
}
._modalWrapper_r068h_1 ._modalContent_r068h_1 ._icon_r068h_1 .mx-icon {
  width: 100%;
  height: 100%;
}
._modalWrapper_r068h_1 ._modalContent_r068h_1 ._title_r068h_10 {
  margin-top: 24px;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: var(--text-primary);
  text-align: center;
}
._modalWrapper_r068h_1 ._modalContent_r068h_1 ._desc_r068h_18 {
  margin-top: 12px;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  ._modalWrapper_r068h_1 ._modalContent_r068h_1 ._title_r068h_10 {
    font-weight: 600;
  }
  ._modalWrapper_r068h_1 ._modalFooterWrapper_r068h_31 {
    padding: 0 16px 16px;
  }
}@media screen and (max-width: 767px) {
  ._commonModal_18oql_2 .ant-m-popup-content {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
  html[data-from=app] ._commonModal_18oql_2 .ant-m-popup-content {
    padding-bottom: 0;
  }
  ._commonModal_18oql_2 ._footer_18oql_9 {
    padding: 0 16px 16px;
  }
}@keyframes _rotate_16wjm_1 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes _dash_16wjm_1 {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}._progressView_1uq0y_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._progressView_1uq0y_1 ._congratsTitle_1uq0y_6 {
  color: var(--content-primary, #f2f4f6);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  text-align: center;
  margin-bottom: 8px;
}
._progressView_1uq0y_1 ._countdown_1uq0y_15 {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  word-break: break-word;
  margin-bottom: 20px;
}
._progressView_1uq0y_1 ._countdown_1uq0y_15 ._label_1uq0y_22 {
  color: var(--content-secondary, #87909f);
  line-height: 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
._progressView_1uq0y_1 ._countdown_1uq0y_15 ._label_1uq0y_22 ._amount_1uq0y_29 {
  color: var(--content-primary, #f2f4f6);
}
._progressView_1uq0y_1 ._countdown_1uq0y_15 ._timer_1uq0y_32 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  white-space: nowrap;
  margin-left: 4px;
  border-radius: var(--sm, 4px);
  border: 0.5px solid var(--functional-blue-content, #99bcff);
  padding: 1px 4px;
}
._progressView_1uq0y_1 ._countdown_1uq0y_15 ._timer_1uq0y_32 svg {
  flex-shrink: 0;
}
._progressView_1uq0y_1 ._countdown_1uq0y_15 ._timer_1uq0y_32 ._countdownTimer_1uq0y_45 {
  font-family: "Barlow";
  font-size: 12px;
  line-height: 14px;
}
._progressView_1uq0y_1 ._progress_1uq0y_1 {
  text-align: center;
}
._progressView_1uq0y_1 ._progress_1uq0y_1 ._progressTitle_1uq0y_53 {
  font-size: 14px;
  color: var(--text-2);
  margin-bottom: 12px;
}
._progressView_1uq0y_1 ._progress_1uq0y_1 ._taskTarget_1uq0y_58 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-1);
  margin: 0;
}
._progressView_1uq0y_1 ._progress_1uq0y_1 ._remaining_1uq0y_64 {
  margin-top: 8px;
  font-size: 13px;
  color: var(--text-2);
}
._progressView_1uq0y_1 ._rewards_1uq0y_69 {
  padding: 16px;
  align-self: stretch;
  border-radius: 16px;
  background: var(--bg-l2, rgba(57, 63, 79, 0.18));
  margin-bottom: 24px;
}
._progressView_1uq0y_1 ._rewards_1uq0y_69 ._rewardsList_1uq0y_76 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
}
._progressView_1uq0y_1 ._rewards_1uq0y_69 ._rewardsList_1uq0y_76 ._rewardsItem_1uq0y_82 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-1);
}
._progressView_1uq0y_1 ._rewards_1uq0y_69 ._rewardsList_1uq0y_76 ._rewardsItem_1uq0y_82 img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}
._progressView_1uq0y_1 ._rewards_1uq0y_69 ._rewardsList_1uq0y_76 ._rewardsItem_1uq0y_82 div {
  text-align: center;
  word-break: break-word;
  color: var(--content-primary, #f2f4f6);
  text-align: center;
  /* Body/S-12 Regular */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
}
._progressView_1uq0y_1 button {
  margin-top: auto;
  width: 100%;
}
._progressView_1uq0y_1 ._rechargeButton_1uq0y_111 {
  margin-bottom: 12px;
}
._progressView_1uq0y_1 ._viewDetailContent_1uq0y_114 {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1247px) {
  ._progressView_1uq0y_1 {
    padding-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  ._progressView_1uq0y_1 {
    padding-top: 0px;
  }
}._completedView_1ynzr_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._completedView_1ynzr_1 ._congratulations_1ynzr_6 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
._completedView_1ynzr_1 ._congratulations_1ynzr_6 ._congratsImg_1ynzr_13 {
  width: 81px;
  height: 81px;
  object-fit: contain;
}
._completedView_1ynzr_1 ._congratulations_1ynzr_6 ._title_1ynzr_18 {
  color: var(--content-primary, #f2f4f6);
  /* Title/S-16 Bold */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  margin-bottom: 16px;
}
._completedView_1ynzr_1 ._congratulations_1ynzr_6 ._title_1ynzr_18 ._titleLine_1ynzr_27 {
  display: block;
}
._completedView_1ynzr_1 ._rewards_1ynzr_30 {
  padding: 16px;
  align-self: stretch;
  border-radius: 16px;
  background: var(--bg-l2, rgba(57, 63, 79, 0.18));
  margin-bottom: 24px;
}
._completedView_1ynzr_1 ._rewards_1ynzr_30 ._rewardsList_1ynzr_37 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
._completedView_1ynzr_1 ._rewards_1ynzr_30 ._rewardsList_1ynzr_37 ._rewardsListTitle_1ynzr_44 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}
._completedView_1ynzr_1 ._rewards_1ynzr_30 ._rewardsList_1ynzr_37 ._rewardsListTitle_1ynzr_44 ._rewardsListTitleItem1_1ynzr_50 {
  color: var(--content-secondary, #87909f);
  /* Body/S-12 Regular */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
}
._completedView_1ynzr_1 ._rewards_1ynzr_30 ._rewardsList_1ynzr_37 ._rewardsListTitle_1ynzr_44 ._rewardsListTitleItem2_1ynzr_58 {
  color: var(--content-primary, #f2f4f6);
  /* Body/S-12 Medium */
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
}
._completedView_1ynzr_1 ._rewards_1ynzr_30 ._rewardsList_1ynzr_37 ._rewardsItem_1ynzr_66 img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}
._completedView_1ynzr_1 ._rewards_1ynzr_30 ._rewardsList_1ynzr_37 ._rewardsItem_1ynzr_66 div {
  text-align: center;
  word-break: break-word;
  color: var(--content-primary, #f2f4f6);
  text-align: center;
  /* Body/S-12 Regular */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
}
._completedView_1ynzr_1 button {
  margin-top: auto;
  width: 100%;
}
._completedView_1ynzr_1 ._rechargeButton_1ynzr_86 {
  margin-bottom: 12px;
}
._completedView_1ynzr_1 ._viewDetailContent_1ynzr_89 {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1247px) {
  ._completedView_1ynzr_1 {
    padding-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  ._completedView_1ynzr_1 {
    padding-top: 0px;
  }
}._lotteryView_1m8oy_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._lotteryView_1m8oy_1 ._header_1m8oy_6 {
  text-align: center;
  margin-bottom: 16px;
}
._lotteryView_1m8oy_1 ._header_1m8oy_6 ._title_1m8oy_10 {
  color: var(--content-secondary, #87909f);
  text-align: center;
  /* Body/M-14 Medium */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin: 0;
}
._lotteryView_1m8oy_1 ._header_1m8oy_6 ._title_1m8oy_10 ._amount_1m8oy_20 {
  color: var(--content-primary, #f2f4f6);
}
._lotteryView_1m8oy_1 ._rewards_1m8oy_23 {
  padding: 16px;
  align-self: stretch;
  border-radius: 16px;
  background: var(--bg-l2, rgba(57, 63, 79, 0.18));
  margin-bottom: 24px;
}
._lotteryView_1m8oy_1 ._rewards_1m8oy_23 ._rewardsList_1m8oy_30 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
}
._lotteryView_1m8oy_1 ._rewards_1m8oy_23 ._rewardsList_1m8oy_30 ._rewardsItem_1m8oy_36 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-1);
}
._lotteryView_1m8oy_1 ._rewards_1m8oy_23 ._rewardsList_1m8oy_30 ._rewardsItem_1m8oy_36 img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}
._lotteryView_1m8oy_1 ._rewards_1m8oy_23 ._rewardsList_1m8oy_30 ._rewardsItem_1m8oy_36 div {
  text-align: center;
  word-break: break-word;
  color: var(--content-primary, #f2f4f6);
  text-align: center;
  /* Body/S-12 Regular */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
}
._lotteryView_1m8oy_1 button {
  margin-top: auto;
  width: 100%;
}
._lotteryView_1m8oy_1 ._rechargeButton_1m8oy_65 {
  margin-bottom: 12px;
}
._lotteryView_1m8oy_1 ._viewDetailContent_1m8oy_68 {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1247px) {
  ._lotteryView_1m8oy_1 {
    padding-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  ._lotteryView_1m8oy_1 {
    padding-top: 0px;
  }
}._taskRewardWidget_12u72_1 {
  padding: 24px 24px;
  display: flex;
  flex-direction: column;
  width: 320px;
  border-radius: 16px;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.41));
  background: var(--fill-elevation-high, #16181d);
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
}
html[data-theme=dark] ._taskRewardWidget_12u72_1 {
  box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.03);
}

._taskRewardModal_12u72_15 .mx-modal-content {
  background: var(--fill-elevation-high, #16181D);
}

._taskRewardModalPad_12u72_19 {
  position: fixed;
  right: 24px;
  bottom: 266px;
  padding: 0;
  top: auto;
  left: auto;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.48));
  box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.03);
}
html[dir=rtl] ._taskRewardModalPad_12u72_19 {
  right: unset;
  left: 24px;
}
._taskRewardModalPad_12u72_19 ._taskRewardWidget_12u72_1 {
  border: none;
  background: transparent;
  box-shadow: none;
  width: unset;
  min-height: unset;
  padding: 0;
}

@media screen and (max-height: 768px) {
  ._taskRewardModalPad_12u72_19 {
    bottom: 100px;
  }
}@font-face {
  font-family: "Barlow-Bold";
  font-style: normal;
  src: url("../source-assets/6268980a29b6-Barlow-Bold.ttf");
}
._starWidgetContainer_ofppj_6 {
  position: fixed;
  right: 20px;
  bottom: 266px;
  min-width: 100px;
  min-height: 100px;
  z-index: 1000;
}
html[dir=rtl] ._starWidgetContainer_ofppj_6 {
  right: unset;
  left: 20px;
}
._starWidgetContainer_ofppj_6 ._closeButton_ofppj_18 {
  position: absolute;
  top: -24px;
  right: 0;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
  border-radius: 50%;
  overflow: hidden;
  background: #FFF;
}
html[data-theme=dark] ._starWidgetContainer_ofppj_6 ._closeButton_ofppj_18 {
  background: #000;
}
html[dir=rtl] ._starWidgetContainer_ofppj_6 ._closeButton_ofppj_18 {
  right: unset;
  left: 0;
}
._starWidgetContainer_ofppj_6 ._closeButton_ofppj_18 svg {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
  color: var(--content-tertiary);
}
html[data-theme=dark] ._starWidgetContainer_ofppj_6 ._closeButton_ofppj_18 svg {
  color: var(--content-tertiary);
}

@media screen and (max-width: 1247px) {
  html[dir=rtl] ._starWidgetContainer_ofppj_6 {
    right: unset;
    left: 20px;
  }
}
@media screen and (max-width: 767px) {
  ._starWidgetContainer_ofppj_6 {
    right: 24px;
    transform: scale(0.6) translateX(50%);
  }
  html[dir=rtl] ._starWidgetContainer_ofppj_6 {
    transform: scale(0.6) translateX(-50%);
  }
}
@media screen and (max-height: 768px) {
  ._starWidgetContainer_ofppj_6 {
    bottom: 100px;
  }
}._launchpadWidgetContainer_oo648_1 {
  position: fixed;
  right: 20px;
  bottom: 266px;
  min-width: 100px;
  min-height: 120px;
  z-index: 1000;
}
html[dir=rtl] ._launchpadWidgetContainer_oo648_1 {
  right: unset;
  left: 20px;
}
._launchpadWidgetContainer_oo648_1 ._closeButton_oo648_13 {
  position: absolute;
  top: -24px;
  right: 0;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
}
html[dir=rtl] ._launchpadWidgetContainer_oo648_1 ._closeButton_oo648_13 {
  right: unset;
  left: 0px;
}
._launchpadWidgetContainer_oo648_1 ._closeButton_oo648_13 svg {
  width: 18px;
  height: 18px;
  color: var(--content-tertiary);
}

._widgetWrapper_oo648_38 {
  position: relative;
  width: 100px;
  height: 120px;
}

._baseWidget_oo648_44 {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.48));
  overflow: hidden;
  background: linear-gradient(180deg, #0d1831 0%, #0a1121 100%);
  background-size: 100% 100%;
}

._baseImage_oo648_55 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

._baseImageForeground_oo648_62 {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 8px;
}

._baseTag_oo648_73 {
  position: absolute;
  top: 8px;
  left: 8px;
  max-width: 84px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(255, 71, 135, 0.16);
  color: #ff5bb1;
  font-size: 10px;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._badgeText_oo648_89 {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 8px;
  text-align: center;
  text-shadow: 0 0 4px rgba(75, 156, 255, 0.6);
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #e3eeff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
}

._popupFloat_oo648_107 {
  position: absolute;
  right: 0;
  top: -32px;
  z-index: 20;
}
[dir=rtl] ._popupFloat_oo648_107 {
  right: auto;
  left: 0;
}

._popupFloatHidden_oo648_118 {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

._popupCard_oo648_124 {
  width: 320px;
  min-height: 188px;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.48));
  background: var(--fill-high, #16181d);
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

._modalContent_oo648_138 {
  width: 100%;
  min-height: auto;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}

._content_oo648_147 {
  width: 100%;
  text-align: center;
}

._popupImage_oo648_152 {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 16px;
}

._popupTag_oo648_160 {
  margin: -4px 0 12px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 71, 135, 0.16);
  color: #ff5bb1;
  font-size: 12px;
  line-height: 18px;
}

._warningIcon_oo648_170 {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  object-fit: contain;
}

._popupTitle_oo648_177 {
  color: var(--content-primary, );
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  word-break: break-word;
  overflow-wrap: break-word;
}

._popupDesc_oo648_186 {
  margin-top: 8px;
  color: var(--content-secondary, );
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  word-break: break-word;
  overflow-wrap: break-word;
}

._taskInnerCard_oo648_196 {
  margin-top: 16px;
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: var(--bg-l2, rgba(57, 63, 79, 0.18));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

._taskInnerImage_oo648_208 {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 8px;
}

._taskInnerLabel_oo648_215 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--content-primary, );
  text-align: center;
  word-break: break-word;
  overflow-wrap: break-word;
}

._actionButton_oo648_225 {
  margin: 16px 0px;
  width: 100%;
  background: var(--fill-inverse-default, #000);
  color: #fff;
}
._actionButton_oo648_225:hover {
  background: var(--fill-inverse-default, #000);
  color: #fff;
}
html[data-theme=dark] ._actionButton_oo648_225 {
  background: var(--fill-inverse-hover, #d7dadf);
  color: #000;
}
html[data-theme=dark] ._actionButton_oo648_225:hover {
  background: var(--fill-inverse-hover, #d7dadf);
  color: #000;
}

._viewDetail_oo648_244 {
  border: 0;
  background: transparent;
  color: var(--functional-blue-content, #0057ff);
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
}

._spotMenuButton_oo648_253 {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  color: inherit;
}

._dropdownArrow_oo648_262 {
  margin-left: 6px;
  font-size: 10px;
  vertical-align: middle;
}

._hoverRegisterModal_oo648_268 .mx-modal-content {
  background: var(--fill-elevation-high, #16181d);
}
._hoverRegisterModal_oo648_268 .mx-modal-body {
  padding: 24px;
}

._hoverRegisterModalPad_oo648_275 {
  position: fixed;
  right: 24px;
  bottom: 266px;
  padding: 0;
  top: auto;
  left: auto;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.48));
  box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.03);
}
html[dir=rtl] ._hoverRegisterModalPad_oo648_275 {
  right: unset;
  left: 24px;
}
._hoverRegisterModalPad_oo648_275 ._popupCard_oo648_124 {
  border: none;
  background: transparent;
  box-shadow: none;
  width: unset;
  min-height: unset;
  padding: 0;
}

@media screen and (max-width: 767px) {
  ._launchpadWidgetContainer_oo648_1 {
    min-width: 54px;
    min-height: 64px;
  }
  ._widgetWrapper_oo648_38 {
    width: 54px;
    height: 64px;
  }
  ._baseImageForeground_oo648_62 {
    width: 35px;
    height: 35px;
    top: 2px;
  }
  ._badgeText_oo648_89 {
    font-size: 10px;
    line-height: 14px;
    left: 2px;
    right: 2px;
    bottom: 4px;
  }
}._idleCard_1lpqc_1,
._taskPendingCard_1lpqc_2 {
  position: relative;
  width: 100px;
  height: auto;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid transparent;
  background-image: url("../source-assets/510ba333e404-star-card-bg.424d39ac62d9.webp");
  background-size: 100% 100%;
  color: #fff;
  overflow: hidden;
}
._idleCard_1lpqc_1 ._image_1lpqc_14,
._taskPendingCard_1lpqc_2 ._image_1lpqc_14 {
  width: 100%;
  min-height: 68px;
}

._taskPendingCard_1lpqc_2 {
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 8px;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.48));
}
._taskPendingCard_1lpqc_2 img {
  width: 81px;
  margin: 0 auto;
}
._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 {
  width: 100%;
  text-align: center;
  text-shadow: 0 0 4px rgba(75, 156, 255, 0.6);
}
._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  color: #E3EEFF;
  font-family: "Barlow-Bold";
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 4px;
}
html[lang=fa-IR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=fa-IR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=hu-HU] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=hu-HU] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=el-GR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=el-GR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=az-AZ] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=az-AZ] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=fi-FI] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=fi-FI] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=ru-RU] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=ru-RU] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=hi-IN] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=hi-IN] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=tr-CT] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=tr-CT] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=tr-TR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=tr-TR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=bg-BG] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=bg-BG] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=uk-UA] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=uk-UA] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=lv-LV] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=lv-LV] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=th-TH] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=th-TH] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=de-DE] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=de-DE] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=es] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=es] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=es-ES] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=es-ES] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=et-EE] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=et-EE] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=fil-PH] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=fil-PH] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=vi-VN] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=vi-VN] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=lt-LT] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=lt-LT] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=pt-BR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=pt-BR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=pt-PT] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=pt-PT] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=ro-RO] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=ro-RO] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=fr] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=fr] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=fr-FR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=fr-FR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=hr-HR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=hr-HR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=si-LK] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=si-LK] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=ar-AE] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=ar-AE] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=kk-KZ] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=kk-KZ] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=it-IT] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=it-IT] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=ja-JP] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=ja-JP] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=ko-KR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=ko-KR] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=cs-CZ] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=cs-CZ] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=pl-PL] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=pl-PL] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=sk-SK] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=sk-SK] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=zh-CN] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=zh-CN] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=zh-TW] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=zh-TW] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=ms-MY] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=ms-MY] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=id-ID] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=id-ID] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=sr-RS] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=sr-RS] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=he-IL] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=he-IL] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=sv-SE] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=sv-SE] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=nl-NL] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=nl-NL] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=da-DK] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=da-DK] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=nb-NO] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=nb-NO] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=ca-ES] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=ca-ES] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=sl-SI] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 16px !important;
  line-height: 20px !important;
  gap: 2px !important;
}
html[lang=sl-SI] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 13px !important;
  line-height: 16px !important;
}
html[lang=lo-LA] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 {
  font-size: 15px !important;
  line-height: 18px !important;
  gap: 2px !important;
}
html[lang=lo-LA] ._taskPendingCard_1lpqc_2 ._countdownInfo_1lpqc_33 ._countdownTimer_1lpqc_38 span {
  font-size: 12px !important;
  line-height: 14px !important;
}._hoverRegisterWidget_17m2q_1 {
  width: 320px;
  min-height: 166px;
  padding: 24px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid transparent;
  background: var(--fill-elevation-high, #16181d);
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
html[data-theme=dark] ._hoverRegisterWidget_17m2q_1 {
  box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.08);
}
._hoverRegisterWidget_17m2q_1._success_17m2q_18 ._imageContainer_17m2q_18 {
  width: 80px;
  height: 80px;
}
._hoverRegisterWidget_17m2q_1 ._imageContainer_17m2q_18 {
  width: 92px;
  height: 92px;
  overflow: hidden;
  text-align: center;
}
._hoverRegisterWidget_17m2q_1 ._imageContainer_17m2q_18 ._image_17m2q_18 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._hoverRegisterWidget_17m2q_1 ._imageContainer_17m2q_18 ._imageFailed_17m2q_33 {
  width: 80px;
  height: 80px;
}
._hoverRegisterWidget_17m2q_1 ._content_17m2q_37 {
  width: 100%;
  text-align: center;
}
._hoverRegisterWidget_17m2q_1 ._content_17m2q_37 ._description_17m2q_41 {
  color: var(--content-primary, #f2f4f6);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 6px;
}
._hoverRegisterWidget_17m2q_1 ._content_17m2q_37 ._successTip_17m2q_48 {
  margin-top: 8px;
  color: var(--content-primary, #f2f4f6);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
._hoverRegisterWidget_17m2q_1 ._content_17m2q_37 ._errTip_17m2q_56 {
  margin-top: 8px;
  color: var(--content-secondary, #6e7583);
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}
._hoverRegisterWidget_17m2q_1 ._content_17m2q_37 ._actionButton_17m2q_63 {
  margin: 16px 0px;
  width: 100%;
  background: var(--fill-inverse-default, #000);
  color: #FFF;
}
html[data-theme=dark] ._hoverRegisterWidget_17m2q_1 ._content_17m2q_37 ._actionButton_17m2q_63 {
  background: #FFF;
  color: var(--content-black, #1B1F27);
}
._hoverRegisterWidget_17m2q_1 ._content_17m2q_37 ._viewDetail_17m2q_73 {
  color: var(--functional-blue-content, #0057ff);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  cursor: pointer;
}
._hoverRegisterWidget_17m2q_1._modalContent_17m2q_81 {
  width: 100%;
  min-height: auto;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}
._hoverRegisterWidget_17m2q_1._modalContent_17m2q_81 ._content_17m2q_37 ._description_17m2q_41 {
  font-size: 18px;
  margin-top: 24px;
}
._hoverRegisterWidget_17m2q_1._modalContent_17m2q_81 ._content_17m2q_37 ._actionButton_17m2q_63 {
  margin: 12px 0;
  height: 48px;
  width: 100%;
  font-size: 16px;
}
._hoverRegisterWidget_17m2q_1._modalContent_17m2q_81 ._content_17m2q_37 ._errTip_17m2q_56 {
  margin: 16px 0 8px 0;
  font-size: 14px;
}

._hoverRegisterModal_17m2q_104 .mx-modal-content {
  background: var(--fill-elevation-high, #16181d);
}

._hoverRegisterModalPad_17m2q_108 {
  position: fixed;
  right: 24px;
  bottom: 266px;
  padding: 0;
  top: auto;
  left: auto;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.48));
  box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.03);
}
html[dir=rtl] ._hoverRegisterModalPad_17m2q_108 {
  right: unset;
  left: 24px;
}
._hoverRegisterModalPad_17m2q_108 ._hoverRegisterWidget_17m2q_1 {
  border: none;
  background: transparent;
  box-shadow: none;
  width: unset;
  min-height: unset;
  padding: 0;
}

._lottery_17m2q_131 {
  width: 100%;
  height: 180px;
  background: radial-gradient(48.5% 163.67% at 50% 0%, rgba(154, 201, 255, 0.5) 0%, rgba(154, 201, 255, 0.2) 100%);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
._lottery_17m2q_131::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: var(--fill-elevation-high, #16181d);
  border-radius: 15px;
}
._lottery_17m2q_131::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 15px;
  background: linear-gradient(180deg, #000 50%, #0d1c40 100%);
}

._lotteryContent_17m2q_164 {
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 16px;
}

._successAnimationWrapper_17m2q_174 {
  width: 200px;
  height: 116px;
  position: relative;
  z-index: 2;
  margin: 16px auto 0;
}
._successAnimationWrapper_17m2q_174 ._successAnimation_17m2q_174 {
  width: 100%;
  padding-bottom: 58.33%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../source-assets/924352782f6d-lottery-flower.27319419e108.png");
  background-size: 100% 2400%;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  opacity: 0;
}
._successAnimationWrapper_17m2q_174 ._successAnimationStart_17m2q_193 {
  opacity: 1;
  animation: _successAnimation_17m2q_174 0.8s steps(24) forwards;
}

@keyframes _successAnimation_17m2q_174 {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}
._wheel_17m2q_206 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

._wheelAnimation_17m2q_215 {
  width: 460px;
  height: 460px;
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../source-assets/1762c9afd4b2-star-lottery-wheel.6f83687e7cb2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  will-change: transform;
  opacity: 0;
}

._wheelAnimationStart_17m2q_230 {
  animation: _wheelAnimation_17m2q_215 0.8s ease-in-out forwards;
  opacity: 1;
}

@keyframes _wheelAnimation_17m2q_215 {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(1800deg);
  }
}
@media screen and (max-height: 768px) {
  ._hoverRegisterModalPad_17m2q_108 {
    bottom: 100px;
  }
}._progressView_1qnl3_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._progressView_1qnl3_1 ._congratsTitle_1qnl3_6 {
  color: var(--content-primary, #f2f4f6);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  margin-bottom: 8px;
}
._progressView_1qnl3_1 ._countdown_1qnl3_14 {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  word-break: break-word;
  margin-bottom: 20px;
}
._progressView_1qnl3_1 ._countdown_1qnl3_14 ._label_1qnl3_21 {
  color: var(--content-secondary, #87909f);
  line-height: 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
._progressView_1qnl3_1 ._countdown_1qnl3_14 ._label_1qnl3_21 ._amount_1qnl3_33 {
  color: var(--content-primary, #f2f4f6);
}
._progressView_1qnl3_1 ._countdown_1qnl3_14 ._label_1qnl3_21 ._infoIcon_1qnl3_36 {
  margin-inline-start: 4px;
}
._progressView_1qnl3_1 ._countdown_1qnl3_14 ._countdownTimer_1qnl3_39 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
}
html[data-theme=dark] ._progressView_1qnl3_1 ._countdown_1qnl3_14 ._countdownTimer_1qnl3_39 {
  color: #fff;
}
._progressView_1qnl3_1 ._countdown_1qnl3_14 ._countdownTimer_1qnl3_39 span {
  color: var(--content-primary, #F2F4F6);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
._progressView_1qnl3_1 ._rewards_1qnl3_54 {
  padding: 16px;
  align-self: stretch;
  border-radius: 16px;
  background: var(--bg-l2, rgba(57, 63, 79, 0.18));
  margin-bottom: 24px;
  position: relative;
}
._progressView_1qnl3_1 ._rewards_1qnl3_54 ._kycTag_1qnl3_62 {
  background: var(--functional-neutral-container, #272D37);
  border-radius: 16px 0;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 12px;
  color: var(--content-secondary, #87909F);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 4px;
}
html[dir=rtl] ._progressView_1qnl3_1 ._rewards_1qnl3_54 ._kycTag_1qnl3_62 svg {
  transform: scaleX(-1);
}
._progressView_1qnl3_1 ._rewards_1qnl3_54 ._rewardsList_1qnl3_80 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
  margin-top: 8px;
}
._progressView_1qnl3_1 ._rewards_1qnl3_54 ._rewardsList_1qnl3_80 ._rewardsItem_1qnl3_87 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-1);
}
._progressView_1qnl3_1 ._rewards_1qnl3_54 ._rewardsList_1qnl3_80 ._rewardsItem_1qnl3_87 img {
  width: 67px;
  height: auto;
  object-fit: contain;
}
._progressView_1qnl3_1 ._rewards_1qnl3_54 ._rewardsList_1qnl3_80 ._rewardsItem_1qnl3_87 div {
  text-align: center;
  word-break: break-word;
  color: var(--content-primary, #f2f4f6);
  text-align: center;
  /* Body/S-12 Regular */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
}
._progressView_1qnl3_1 button {
  margin-top: auto;
  width: 100%;
}
._progressView_1qnl3_1 ._rechargeButton_1qnl3_116 {
  margin-bottom: 12px;
  background: var(--fill-inverse-default, #000);
  color: #FFF;
}
html[data-theme=dark] ._progressView_1qnl3_1 ._rechargeButton_1qnl3_116 {
  background: #FFF;
  color: var(--content-black, #000);
}
._progressView_1qnl3_1 ._viewDetailContent_1qnl3_125 {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1247px) {
  ._progressView_1qnl3_1 {
    padding-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  ._progressView_1qnl3_1 {
    padding-top: 0px;
  }
}._taskRewardWidget_1w4k0_1 {
  padding: 24px 24px;
  display: flex;
  flex-direction: column;
  width: 320px;
  border-radius: 16px;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.41));
  background: var(--fill-elevation-high, #16181d);
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
}
html[data-theme=dark] ._taskRewardWidget_1w4k0_1 {
  box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.03);
}

._taskRewardModal_1w4k0_15 .mx-modal-content {
  background: var(--fill-elevation-high, #16181D);
}

._taskRewardModalPad_1w4k0_19 {
  position: fixed;
  right: 24px;
  bottom: 266px;
  padding: 0;
  top: auto;
  left: auto;
  border: 1px solid var(--line-base, rgba(57, 63, 79, 0.48));
  box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.03);
}
html[dir=rtl] ._taskRewardModalPad_1w4k0_19 {
  right: unset;
  left: 24px;
}
._taskRewardModalPad_1w4k0_19 .ant-modal-v2-body {
  overflow: hidden;
}
._taskRewardModalPad_1w4k0_19 .ant-modal-v2-popup-content {
  padding-top: 0;
}

@media screen and (max-height: 768px) {
  ._taskRewardModalPad_1w4k0_19 {
    bottom: 100px;
  }
}@font-face {
  font-family: "Barlow-Bold";
  font-style: normal;
  src: url("../source-assets/6268980a29b6-Barlow-Bold.ttf");
}
._tenThousandUWidgetContainer_12z9m_6 {
  position: fixed;
  right: 20px;
  bottom: 266px;
  min-width: 100px;
  min-height: 100px;
  z-index: 1000;
}
html[dir=rtl] ._tenThousandUWidgetContainer_12z9m_6 {
  right: unset;
  left: 20px;
}
._tenThousandUWidgetContainer_12z9m_6 ._closeButton_12z9m_18 {
  position: absolute;
  top: -24px;
  right: 0;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
  border-radius: 50%;
  overflow: hidden;
  background: #FFF;
}
html[data-theme=dark] ._tenThousandUWidgetContainer_12z9m_6 ._closeButton_12z9m_18 {
  background: #000;
}
html[dir=rtl] ._tenThousandUWidgetContainer_12z9m_6 ._closeButton_12z9m_18 {
  right: unset;
  left: 0;
}
._tenThousandUWidgetContainer_12z9m_6 ._closeButton_12z9m_18 svg {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
  color: var(--content-tertiary);
}
html[data-theme=dark] ._tenThousandUWidgetContainer_12z9m_6 ._closeButton_12z9m_18 svg {
  color: var(--content-tertiary);
}

@media screen and (max-width: 1247px) {
  html[dir=rtl] ._tenThousandUWidgetContainer_12z9m_6 {
    right: unset;
    left: 20px;
  }
}
@media screen and (max-width: 767px) {
  ._tenThousandUWidgetContainer_12z9m_6 {
    right: 24px;
    transform: scale(0.6) translateX(50%);
  }
  html[dir=rtl] ._tenThousandUWidgetContainer_12z9m_6 {
    transform: scale(0.6) translateX(-50%);
  }
}
@media screen and (max-height: 768px) {
  ._tenThousandUWidgetContainer_12z9m_6 {
    bottom: 100px;
  }
}