/* --- Extracted <style> block #1 --- */

/* --- Extracted <style> block #2 --- */
.PopStatusPrompt_pop_mode_box__nSRlx {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

.PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
  width: 335px;
  padding-bottom: 20px
}

@media screen and (min-width:768px) {
  .PopStatusPrompt_pop_mode_box__nSRlx {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1025px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1280px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1440px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1600px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1920px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@keyframes PopStatusPrompt_LoadingRotateAni__KpMLp {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopStatusPrompt_pop_mode_box__nSRlx {
  box-sizing: border-box;
  background-color: var(--background-container);
  z-index: -2;
  opacity: 0;
  z-index: -100;
  border-radius: 12px;
  width: 335px;
  padding: 32px 20px 24px;
  transition: all .2s ease-in-out;
  top: 50%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%)
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_title_box__TKREt {
  color: var(--font-w-primary);
  text-align: center;
  margin-bottom: 12px;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ {
  color: var(--font-w-secondary);
  text-align: center;
  margin-bottom: 24px;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ p,
.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ div {
  margin-bottom: 8px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ p:last-child,
.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ div:last-child {
  margin-bottom: 0
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ img {
  width: auto;
  height: 18px;
  margin: 0 8px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ .PopStatusPrompt_sub_text__1LlC0 {
  color: var(--font-w-secondary)
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ span {
  vertical-align: baseline;
  color: var(--font-function-highlight-normal);
  font-family: Arial
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ span i {
  vertical-align: baseline;
  margin: 0 2px;
  position: relative;
  top: 2px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_left__Ku5jM {
  text-align: left
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div {
  margin-bottom: 16px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div:last-child {
  margin-bottom: 0
}

@media screen and (min-width:768px) {
  .PopStatusPrompt_pop_mode_box__nSRlx {
    width: 375px;
    padding: 40px 40px 32px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ {
    font-size: 16px;
    line-height: 24px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_title_box__TKREt {
    font-size: 18px;
    line-height: 26px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div {
    height: 46px;
    line-height: 46px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div:only-child {
    width: 100%;
    height: 46px;
    line-height: 46px
  }
}

@keyframes Toast_LoadingRotateAni__Rws1m {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes Button_LoadingRotateAni__D7mtC {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl .Button_icon_text__C-ysi {
  align-items: center;
  gap: 4px;
  display: flex
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl .Button_icon_text__C-ysi .Button_text__WeIeb {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Arial;
  font-size: 14px;
  overflow: hidden
}

.Button_btn_wrap__utZqk {
  box-sizing: border-box;
  outline: none;
  width: 100%;
  margin-bottom: 20px;
  position: relative
}

.Button_btn_wrap__utZqk:focus {
  outline: none
}

.Button_btn_wrap__utZqk:only-child,
.Button_btn_wrap__utZqk:last-child {
  margin-bottom: 0
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
  outline: none
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl:focus {
  outline: none
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl div,
.Button_btn_wrap__utZqk .Button_btn__P0ibl p {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-family: Arial
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl div img,
.Button_btn_wrap__utZqk .Button_btn__P0ibl p img {
  height: 20px;
  margin-right: 2px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl div i,
.Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
  vertical-align: middle;
  height: 14px;
  margin-right: 4px;
  font-size: 14px;
  line-height: 14px;
  display: inline-block
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM {
  text-align: center;
  background: linear-gradient(to bottom right, var(--special-button-brand-lighter)0%, var(--special-button-brand)100%);
  color: var(--special-font-w-primary);
  cursor: pointer;
  border-radius: 6px;
  outline: none;
  padding: 12px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  overflow: hidden
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM.Button_disable__fVSbn {
  background: linear-gradient(to bottom right, var(--special-button-brand-disable-lighter)0%, var(--special-button-brand-disable)100%);
  color: var(--special-font-w-disable);
  pointer-events: none
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM.Button_disable__fVSbn img {
  opacity: .25
}

@media (any-hover:hover) {
  .Button_btn_wrap__utZqk .Button_btn_primary__1ncdM:hover {
    background: linear-gradient(to bottom right, var(--special-button-brand-hover-lighter)0%, var(--special-button-brand-hover)100%);
    outline: none
  }
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM:active {
  background: linear-gradient(to bottom right, var(--special-button-brand-active-lighter)0%, var(--special-button-brand-active)100%);
  outline: none
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca {
  background: linear-gradient(to bottom right, var(--special-button-brand-lighter)0%, var(--special-button-brand)100%);
  cursor: pointer;
  border-radius: 6px;
  padding: 1px;
  position: relative
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca>div {
  text-align: center;
  background: var(--background-component);
  color: var(--font-brand-normal);
  border-radius: 6px;
  padding: 11px;
  font-size: 14px;
  line-height: 22px
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca.Button_disable__fVSbn {
  background: linear-gradient(to bottom right, var(--special-button-brand-disable-lighter)0%, var(--special-button-brand-disable)100%);
  pointer-events: none
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca.Button_disable__fVSbn>div {
  color: var(--special-font-w-disable)
}

@media (min-width:768px) {
  .Button_btn_wrap__utZqk .Button_btn__P0ibl .Button_icon_text__C-ysi .Button_text__WeIeb {
    font-size: 16px
  }

  .Button_btn_wrap__utZqk .Button_btn_primary__1ncdM {
    padding: 14px;
    font-size: 16px;
    line-height: 24px
  }

  .Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca>div {
    padding: 13px 14px;
    font-size: 16px;
    line-height: 24px
  }
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
  height: 16px;
  margin-right: 6px;
  font-size: 16px;
  line-height: 16px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_sign__h\+rWM {
  font-size: 12px;
  line-height: 18px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_sign__h\+rWM.Button_btn_primary__1ncdM {
  padding: 10px 12px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY {
  font-size: 12px;
  line-height: 18px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_primary__1ncdM,
.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_ghost__f58Ca>div {
  padding: 10px 24px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg {
  font-size: 16px;
  line-height: 24px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_primary__1ncdM,
.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_ghost__f58Ca>div {
  padding: 11px 24px
}

@media (min-width:768px) {
  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg {
    font-size: 14px;
    line-height: 22px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_primary__1ncdM,
  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_ghost__f58Ca>div {
    padding: 15px 24px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY {
    font-size: 12px;
    line-height: 18px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_primary__1ncdM {
    padding: 12px 24px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_ghost__f58Ca>div {
    padding: 10px 24px
  }
}

@media (min-width:1025px) {
  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY {
    font-size: 14px;
    line-height: 22px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY i {
    height: 20px;
    margin-right: 6px;
    font-size: 20px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg {
    font-size: 14px;
    line-height: 22px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_primary__1ncdM {
    padding: 15px 24px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_ghost__f58Ca>div {
    padding: 13px 24px
  }
}

@keyframes Button_rotateAni__kZdiK {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

[dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl div i,
[dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl p i,
[dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
  margin-left: 4px;
  margin-right: 0
}

@media (min-width:1025px) {
  [dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
    margin-left: 6px;
    margin-right: 4px
  }
}

@keyframes UserTabBox_LoadingRotateAni__BrXDI {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.UserTabBox_use_tab_box__otkPd {
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 12px 12px 0 0;
  width: 100%;
  height: 39px;
  padding: 12px 20px 0;
  position: relative
}

.UserTabBox_use_tab_box__otkPd.UserTabBox_not_logined_box__m0w1t {
  background: linear-gradient(to bottom right, var(--special-button-brand-lighter)0%, var(--special-button-brand)100%);
  text-align: center;
  cursor: pointer;
  padding: 11px 20px 0
}

.UserTabBox_use_tab_box__otkPd.UserTabBox_not_logined_box__m0w1t .UserTabBox_login_text__8GpBN {
  box-sizing: border-box;
  text-align: center;
  color: var(--special-font-w-primary);
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding-right: 18px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  position: relative
}

.UserTabBox_use_tab_box__otkPd.UserTabBox_not_logined_box__m0w1t .UserTabBox_login_text__8GpBN .UserTabBox_arrow_right__w5mZD {
  width: 14px;
  height: 14px;
  font-size: 12px;
  line-height: 16px
}

@keyframes UserTabBox_receiveFlash__kjpWa {
  0% {
    top: -40px;
    left: -40px
  }

  to {
    top: 12px;
    left: 12px
  }
}

@keyframes UserTabBox_receiveFloat__MOfB1 {
  0% {
    top: -52px
  }

  40% {
    top: -54px
  }

  to {
    top: -52px
  }
}

@media (min-width:768px) {
  @keyframes UserTabBox_receiveFloat__MOfB1 {
    0% {
      top: 50%
    }

    40% {
      top: calc(50% - 4px)
    }

    to {
      top: 50%
    }
  }

  .UserTabBox_use_tab_box__otkPd {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: 0 0;
    border-radius: 0;
    width: auto;
    height: auto;
    padding: 0
  }

  .UserTabBox_use_tab_box__otkPd.UserTabBox_not_logined_box__m0w1t {
    border-radius: 999px;
    padding: 4px 16px
  }

  .UserTabBox_use_tab_box__otkPd.UserTabBox_not_logined_box__m0w1t .UserTabBox_login_text__8GpBN {
    padding-right: 0;
    font-size: 16px;
    line-height: 24px
  }
}

[dir=rtl] .UserTabBox_use_tab_box__otkPd.UserTabBox_not_logined_box__m0w1t .UserTabBox_login_text__8GpBN {
  padding-left: 18px;
  padding-right: 0
}

[dir=rtl] .UserTabBox_use_tab_box__otkPd.UserTabBox_not_logined_box__m0w1t .UserTabBox_arrow_right__w5mZD i {
  transform: scaleX(-1)
}

@media (min-width:768px) {
  [dir=rtl] .UserTabBox_use_tab_box__otkPd.UserTabBox_not_logined_box__m0w1t .UserTabBox_login_text__8GpBN {
    padding-left: 0;
    padding-right: 0
  }
}

@keyframes t-popup-animation-expand-in-top {
  0% {
    clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%)
  }

  to {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%)
  }
}

@keyframes t-popup-animation-expand-out-top {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%)
  }

  to {
    clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%)
  }
}

@keyframes t-popup-animation-expand-in-bottom {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0)
  }

  to {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%)
  }
}

@keyframes t-popup-animation-expand-out-bottom {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%)
  }

  to {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0)
  }
}

@keyframes LoginVipTip_LoadingRotateAni__BZN-V {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopTitle_2_LoadingRotateAni__-Lja9 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopTitle_2_pop_title__CzNzt {
  box-sizing: border-box;
  align-items: center;
  min-height: 64px;
  padding: 20px;
  display: flex;
  position: relative
}

.PopTitle_2_pop_title__CzNzt.PopTitle_2_no_border__PDiPd {
  border-bottom: none
}

.PopTitle_2_pop_title__CzNzt p {
  color: var(--font-w-primary);
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px;
  display: block;
  overflow: hidden
}

.PopTitle_2_pop_title__CzNzt .PopTitle_2_close_btn__\+3O9n {
  color: var(--font-w-placeholder);
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  top: 22px;
  right: 20px
}

@media screen and (min-width:768px) {
  .PopTitle_2_pop_title__CzNzt {
    align-items: center;
    padding: 32px 40px 28px;
    display: flex
  }

  .PopTitle_2_pop_title__CzNzt.PopTitle_2_no_border__PDiPd.PopTitle_2_m_pop__o4rT- {
    padding-top: 40px;
    padding-bottom: 32px
  }

  .PopTitle_2_pop_title__CzNzt.PopTitle_2_m_pop__o4rT- {
    padding-left: 72px;
    padding-right: 72px
  }

  .PopTitle_2_pop_title__CzNzt p {
    font-size: 20px;
    line-height: 28px
  }

  .PopTitle_2_pop_title__CzNzt .PopTitle_2_close_btn__\+3O9n {
    margin-left: auto;
    font-size: 20px;
    position: relative;
    inset: auto
  }
}

@media screen and (min-width:1025px) {
  .PopTitle_2_pop_title__CzNzt {
    padding: 40px 40px 32px
  }

  .PopTitle_2_pop_title__CzNzt.PopTitle_2_m_pop__o4rT- {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1280px) {
  .PopTitle_2_pop_title__CzNzt.PopTitle_2_m_pop__o4rT- {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1600px) {
  .PopTitle_2_pop_title__CzNzt.PopTitle_2_m_pop__o4rT- {
    padding-left: 72px;
    padding-right: 72px
  }
}

[dir=rtl] .PopTitle_2_pop_title__CzNzt .PopTitle_2_close_btn__\+3O9n {
  left: 20px;
  right: auto
}

@media (min-width:768px) {
  [dir=rtl] .PopTitle_2_pop_title__CzNzt .PopTitle_2_close_btn__\+3O9n {
    margin-left: 0;
    margin-right: auto;
    left: auto;
    right: auto
  }
}

@keyframes TitleLine_LoadingRotateAni__P60gw {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes SelectAreaPop_LoadingRotateAni__OKwI2 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.BindLoginPop_pop_mode_box__rQwbx {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

@media screen and (min-width:768px) {
  .BindLoginPop_pop_mode_box__rQwbx {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_active__xl7ac {
    opacity: 1;
    transform: translate(-50%, -50%)
  }

  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M {
    width: 568px;
    min-height: 568px;
    max-height: 730px
  }

  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M .BindLoginPop_pop_mess__8gYyc {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1025px) {
  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M {
    width: 568px;
    min-height: 558px;
    max-height: 580px
  }

  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M .BindLoginPop_pop_mess__8gYyc {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1280px) {
  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M {
    width: 568px;
    min-height: 558px;
    max-height: 558px
  }
}

@media screen and (min-width:1440px) {
  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M {
    width: 568px;
    min-height: 580px;
    max-height: 642px
  }
}

@media screen and (min-width:1600px) {
  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M {
    width: 568px;
    min-height: 580px;
    max-height: 642px
  }
}

@media screen and (min-width:1920px) {
  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M {
    width: 568px;
    min-height: 580px;
    max-height: 742px
  }
}

.BindLoginPop_pop_mess__8gYyc {
  box-sizing: border-box;
  padding: 20px
}

.BindLoginPop_pop_mess__8gYyc::-webkit-scrollbar {
  scrollbar-width: none;
  width: 6px
}

.BindLoginPop_pop_mess__8gYyc::-webkit-scrollbar-thumb {
  background-color: var(--background-secondarycomponent);
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px #0003
}

@keyframes BindLoginPop_LoadingRotateAni__qNF0\+ {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.BindLoginPop_pop_mode_box__rQwbx {
  background-color: var(--background-container);
  width: 100%;
  height: 66%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translateY(100vh)
}

.BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_active__xl7ac {
  z-index: 500;
  transform: translateY(0)
}

.BindLoginPop_pop_mess__8gYyc {
  box-sizing: border-box;
  min-height: 380px;
  max-height: calc(100% - 65px);
  padding: 20px;
  overflow: hidden auto
}

.BindLoginPop_pop_mess__8gYyc::-webkit-scrollbar {
  display: none
}

.BindLoginPop_pop_mess__8gYyc .BindLoginPop_text__RvynZ {
  color: var(--font-w-secondary);
  flex-shrink: 0;
  align-items: center;
  margin-bottom: 8px;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px;
  display: flex
}

.BindLoginPop_pop_mess__8gYyc .BindLoginPop_text__RvynZ i {
  margin-left: 4px
}

.BindLoginPop_pop_mess__8gYyc .BindLoginPop_link__xPaCp {
  color: var(--font-brand-normal);
  cursor: pointer;
  word-break: break-all;
  align-items: center;
  margin-left: auto;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex
}

.BindLoginPop_pop_mess__8gYyc .BindLoginPop_link__xPaCp i {
  flex-shrink: 0
}

.BindLoginPop_login_box__cCh9l {
  margin-bottom: 16px
}

.BindLoginPop_login_box__cCh9l .BindLoginPop_title__koiPA {
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
  display: flex
}

.BindLoginPop_login_box__cCh9l .BindLoginPop_title__koiPA .BindLoginPop_text__RvynZ {
  flex-shrink: 0;
  margin-bottom: 0
}

.BindLoginPop_login_box__cCh9l:last-child {
  margin-bottom: 0
}

.BindLoginPop_login_box__cCh9l .BindLoginPop_login_channel_box__n1AuR {
  margin: 12px 0 16px
}

.BindLoginPop_id_record_list__k1wor {
  margin: 24px 0
}

.BindLoginPop_id_record_list__k1wor:last-child {
  margin-bottom: 0
}

.BindLoginPop_id_record_list__k1wor .BindLoginPop_text__RvynZ {
  color: var(--font-w-secondary);
  font-family: Arial;
  font-size: 12px;
  line-height: 18px
}

.BindLoginPop_find_id_box__VoSUx {
  box-sizing: border-box;
  background-color: var(--background-secondarycontainer);
  border-radius: 9px;
  max-height: 0;
  padding: 0 16px;
  transition: all .2s ease-in-out;
  overflow: hidden
}

.BindLoginPop_find_id_box__VoSUx.BindLoginPop_active__xl7ac {
  max-height: 999px;
  margin: 16px 0;
  padding: 16px
}

.BindLoginPop_find_id_box__VoSUx .BindLoginPop_title__koiPA {
  color: var(--font-w-primary);
  align-items: center;
  margin-bottom: 8px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex
}

.BindLoginPop_find_id_box__VoSUx .BindLoginPop_title__koiPA i {
  margin-right: 4px;
  font-size: 14px
}

.BindLoginPop_find_id_box__VoSUx .BindLoginPop_step_box__0CXFX {
  margin-bottom: 16px
}

.BindLoginPop_find_id_box__VoSUx .BindLoginPop_step_box__0CXFX:last-child {
  margin-bottom: 0
}

.BindLoginPop_find_id_box__VoSUx .BindLoginPop_step_box__0CXFX .BindLoginPop_desc__Ch89c {
  color: var(--font-w-secondary);
  margin-bottom: 8px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px
}

.BindLoginPop_find_id_box__VoSUx .BindLoginPop_step_box__0CXFX img {
  border: 1px solid #ffffff0d;
  border-radius: 3px;
  width: 100%
}

@media (min-width:768px) {
  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M {
    z-index: -200;
    background-size: 614px;
    border-radius: 12px;
    width: 568px;
    height: auto;
    min-height: auto;
    max-height: 568px;
    display: none;
    top: 50%;
    bottom: auto;
    left: 50%;
    overflow: hidden;
    transform: translate(0)
  }

  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M.BindLoginPop_active__xl7ac {
    z-index: 500;
    display: block;
    transform: translate(-50%, -50%)
  }

  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M .BindLoginPop_pop_mess__8gYyc {
    height: auto;
    max-height: 468px;
    padding: 0 72px 56px
  }

  .BindLoginPop_pop_mess__8gYyc .BindLoginPop_text__RvynZ {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px
  }

  .BindLoginPop_pop_mess__8gYyc .BindLoginPop_link__xPaCp {
    font-size: 14px;
    line-height: 22px
  }

  .BindLoginPop_login_box__cCh9l {
    margin-bottom: 16px
  }

  .BindLoginPop_login_box__cCh9l .BindLoginPop_title__koiPA {
    margin-bottom: 12px
  }

  .BindLoginPop_login_box__cCh9l .BindLoginPop_login_channel_box__n1AuR {
    margin: 0 0 20px
  }

  .BindLoginPop_login_box__cCh9l:last-child {
    margin-bottom: 0
  }

  .BindLoginPop_id_record_list__k1wor {
    margin: 40px 0
  }

  .BindLoginPop_find_id_box__VoSUx.BindLoginPop_active__xl7ac {
    padding: 16px 20px 20px
  }

  .BindLoginPop_find_id_box__VoSUx .BindLoginPop_step_list__OFg2n {
    flex-wrap: wrap;
    display: flex
  }

  .BindLoginPop_find_id_box__VoSUx .BindLoginPop_step_box__0CXFX {
    margin-bottom: 16px
  }

  .BindLoginPop_find_id_box__VoSUx .BindLoginPop_step_box__0CXFX img {
    width: 100%
  }
}

@media screen and (min-width:1025px) {
  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M {
    width: 568px;
    min-height: 546px;
    max-height: 568px
  }

  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M .BindLoginPop_pop_mess__8gYyc {
    max-height: 468px
  }
}

@media (min-width:1280px) {
  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M {
    width: 568px;
    min-height: 546px;
    max-height: 546px
  }

  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M .BindLoginPop_pop_mess__8gYyc {
    max-height: 446px
  }
}

@media (min-width:1440px) {
  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M {
    width: 568px;
    min-height: 568px;
    max-height: 630px
  }

  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M .BindLoginPop_pop_mess__8gYyc {
    max-height: 530px
  }
}

@media screen and (min-width:1920px) {
  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M {
    width: 568px;
    min-height: 568px;
    max-height: 730px
  }

  .BindLoginPop_pop_mode_box__rQwbx.BindLoginPop_m_pop__xNR-M .BindLoginPop_pop_mess__8gYyc {
    max-height: 630px
  }
}

[dir=rtl] .BindLoginPop_pop_mess__8gYyc .BindLoginPop_link__xPaCp {
  margin-left: 0;
  margin-right: auto
}

[dir=rtl] .BindLoginPop_pop_mess__8gYyc .BindLoginPop_link__xPaCp i {
  margin-left: 0;
  margin-right: 4px;
  transform: rotate(180deg)
}

[dir=rtl] .BindLoginPop_find_id_box__VoSUx .BindLoginPop_title__koiPA i {
  margin-left: 4px;
  margin-right: 0
}

@media (min-width:768px) {
  [dir=rtl] .BindLoginPop_find_id_box__VoSUx .BindLoginPop_step_box__0CXFX {
    margin-left: 16px;
    margin-right: 0
  }

  [dir=rtl] .BindLoginPop_find_id_box__VoSUx .BindLoginPop_step_box__0CXFX:last-child {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
  }
}

@keyframes FindPlayerIdPop_LoadingRotateAni__aSwDy {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes RecentPlayerIdList_LoadingRotateAni__rqvGf {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopCheckScId_LoadingRotateAni__Gx62x {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes SelectServerBox_LoadingRotateAni__Qpkz1 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.SelectServerBox_SelectServerBox_wrap__r5LGW {
  box-sizing: border-box;
  background: linear-gradient(to bottom right, var(--special-button-brand-lighter)0%, var(--special-button-brand)100%);
  border-radius: 6px;
  padding: 2px;
  position: relative
}

.SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_head__0pHE7 {
  box-sizing: border-box;
  color: var(--special-font-w-primary);
  padding: 6px 8px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px
}

.SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_input_wrap_box__qq\+Iq {
  box-sizing: border-box;
  background: var(--background-component);
  pointer-events: auto;
  border-radius: 0 0 6px 6px;
  height: 100%;
  padding: 12px 48px 12px 15px;
  position: relative
}

.SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_input_wrap_box__qq\+Iq:only-child {
  border-radius: 6px
}

.SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_input_wrap_box__qq\+Iq input {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: var(--font-w-primary);
  background: 0 0;
  border: 0;
  outline: none;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_input_wrap_box__qq\+Iq input::placeholder {
  color: var(--font-w-placeholder) !important
}

.SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_input_wrap_box__qq\+Iq .SelectServerBox_slide_box__VfB1v {
  z-index: 3;
  background: var(--background-component);
  width: 100%;
  max-height: 0;
  transition: all .3s;
  display: block;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  overflow: auto
}

.SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_input_wrap_box__qq\+Iq .SelectServerBox_slide_box__VfB1v::-webkit-scrollbar {
  width: 6px
}

.SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_input_wrap_box__qq\+Iq .SelectServerBox_slide_box__VfB1v::-webkit-scrollbar-thumb {
  background-color: var(--scroll);
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px #0003
}

@media (min-width:768px) {
  .SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_head__0pHE7 {
    padding: 6px 14px;
    font-size: 14px;
    line-height: 22px
  }

  .SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_input_wrap_box__qq\+Iq {
    height: 52px;
    padding: 14px 15px
  }

  .SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_input_wrap_box__qq\+Iq input {
    font-size: 16px;
    line-height: 24px
  }
}

[dir=rtl] .SelectServerBox_SelectServerBox_wrap__r5LGW .SelectServerBox_input_wrap_box__qq\+Iq {
  padding: 12px 15px 12px 48px
}

@keyframes ChannelLoginBox_LoadingRotateAni__bkoFf {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes Input_LoadingRotateAni__4bUyR {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes ScIdEnterPop_LoadingRotateAni__opNtu {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes QuickDesktop_LoadingRotateAni__rUCb7 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes QuickDesktop_collapseUp__ep7xy {
  0% {
    opacity: 1;
    max-height: 999px;
    padding: 12px 0
  }

  to {
    opacity: 0;
    max-height: 0;
    padding: 0
  }
}

.QuickDesktop_wrap__epMuX {
  background-color: var(--background-component);
  padding: 12px 0;
  position: relative
}

.QuickDesktop_wrap__epMuX:after {
  content: "";
  background:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/bg-1.17097d57.png*/
    url() 0 0/100% no-repeat;
  width: 168px;
  height: 167px;
  position: absolute;
  top: 0;
  left: 0
}

.QuickDesktop_wrap__epMuX:before {
  content: "";
  background:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/bg-2.6e1b1b33.png*/
    url() 0% bottom/100% no-repeat;
  width: 112px;
  height: 112px;
  position: absolute;
  bottom: 0;
  right: 0
}

.QuickDesktop_close__gLlYw {
  z-index: 4;
  background-color: #00000040;
  border-radius: 0 0 9px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0
}

.QuickDesktop_close__gLlYw i {
  width: 9.6px;
  height: 9.6px;
  color: var(--special-font-w-secondary)
}

.QuickDesktop_content__9\+c7v {
  z-index: 2;
  align-items: center;
  padding: 0 20px;
  display: flex;
  position: relative
}

.QuickDesktop_content__9\+c7v .QuickDesktop_logo__E8IDN {
  border-radius: 8px;
  width: 36px;
  height: 36px;
  margin-right: 12px
}

.QuickDesktop_content__9\+c7v p {
  color: var(--font-w-primary);
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px
}

.QuickDesktop_content__9\+c7v .QuickDesktop_btn__bmhh8 {
  color: var(--special-font-w-primary);
  background: linear-gradient(135deg, #00c4de 0%, #1b56ff 100%);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 26px;
  margin-left: 12px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: flex
}

@media (min-width:768px) {
  .QuickDesktop_wrap__epMuX {
    padding: 12px 0
  }

  .QuickDesktop_close__gLlYw {
    width: 30px;
    height: 30px
  }

  .QuickDesktop_close__gLlYw i {
    width: 11px;
    height: 11px
  }

  .QuickDesktop_content__9\+c7v {
    padding: 0 48px
  }

  .QuickDesktop_content__9\+c7v .QuickDesktop_logo__E8IDN {
    border-radius: 10px;
    width: 48px;
    height: 48px;
    margin-right: 16px
  }

  .QuickDesktop_content__9\+c7v p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
  }

  .QuickDesktop_content__9\+c7v .QuickDesktop_btn__bmhh8 {
    height: 30px;
    margin-left: 16px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
  }
}

@media (min-width:1025px) {
  .QuickDesktop_wrap__epMuX {
    display: none
  }
}

[dir=rtl] .QuickDesktop_wrap__epMuX:before {
  right: unset;
  left: 0;
  transform: scaleX(-1)
}

[dir=rtl] .QuickDesktop_wrap__epMuX:after {
  left: unset;
  right: 0;
  transform: scaleX(-1)
}

[dir=rtl] .QuickDesktop_close__gLlYw {
  left: unset;
  border-radius: 0 0 0 9px;
  right: 0
}

[dir=rtl] .QuickDesktop_content__9\+c7v img {
  margin-left: 12px;
  margin-right: unset
}

[dir=rtl] .QuickDesktop_content__9\+c7v .QuickDesktop_btn__bmhh8 {
  margin-right: 12px;
  margin-left: unset
}

@media (min-width:768px) {
  [dir=rtl] .QuickDesktop_content__9\+c7v img {
    margin-left: 16px;
    margin-right: unset
  }

  [dir=rtl] .QuickDesktop_content__9\+c7v .QuickDesktop_btn__bmhh8 {
    margin-right: 16px;
    margin-left: unset
  }
}

@keyframes DropNavBox_LoadingRotateAni__G9MXB {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes DropNavBox_colorChange__jRRZa {
  0% {
    color: #ffc63f
  }

  50% {
    color: #e94356
  }

  to {
    color: #bc5ef7
  }
}

.DropNavBox_tencent__w-7Mj {
  margin: 16px auto
}

.DropNavBox_signIn__KN\+rl {
  z-index: 1;
  position: relative
}

.DropNavBox_signIn__KN\+rl p {
  color: var(--font-w-secondary);
  text-align: center;
  width: 100%;
  margin-bottom: 9px;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  line-height: 18px;
  display: block
}

.DropNavBox_signIn__KN\+rl .DropNavBox_btn_wrap__ZJEku {
  padding: 0 20px 20px
}

.DropNavBox_user_mess_box__cp1zr {
  z-index: 100;
  background: var(--background-component);
  border-top: none;
  border-radius: 24px 0 0 24px;
  width: 300px;
  transition: all .3s ease-in-out;
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  transform: translate(100%)
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_user_card__uzeCd {
  box-sizing: border-box;
  background:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/nav-vipbg.81e8d005.png*/
    var(--media-url-37) 0 0/100% 100% no-repeat;
  border-radius: 9px;
  padding: 12px 16px;
  position: relative
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_user_card__uzeCd:before {
  content: "";
  background-image:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/VIP-active-img.6f5da21d.png*/
    var(--media-url-38);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100px;
  height: 120px;
  position: absolute;
  top: -24px;
  right: -20px
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_ulContent__vpmSf {
  height: calc(100% - 120px);
  box-shadow: 0px 16px 48px 0px var(--other-mask-b-component);
  background: var(--background-page);
  flex-flow: column;
  margin-top: 120px;
  display: flex;
  overflow: hidden auto
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_ulContent_notLogin__Ti3l9 {
  height: calc(100% - 70px);
  margin-top: 70px;
  padding-top: 0
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_ulContent_notLogin__Ti3l9 .DropNavBox_signIn__KN\+rl {
  justify-content: space-between;
  align-items: center;
  margin: 0 20px 16px;
  display: flex
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_ulContent_notLogin__Ti3l9 .DropNavBox_signIn__KN\+rl p {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  text-align: left;
  -webkit-box-orient: vertical;
  flex: 1;
  width: auto;
  margin-bottom: 0;
  display: -webkit-box;
  overflow: hidden
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_ulContent_notLogin__Ti3l9 .DropNavBox_signIn__KN\+rl .DropNavBox_btn_wrap__ZJEku {
  margin-left: 8px;
  padding: 0
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_linkcon__MnmpQ {
  background: var(--background-container);
  flex-flow: column;
  margin-bottom: auto;
  padding-top: 12px;
  display: flex;
  position: relative
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_linkcon_bg__0hFFN {
  background: var(--background-page);
  flex-grow: 1;
  margin-top: 0;
  padding-top: 4px
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_user_coins_mess__CzfPs {
  box-sizing: border-box;
  cursor: pointer;
  height: 64px;
  margin-bottom: 10px;
  padding: 0 20px 8px;
  font-family: Arial;
  position: relative
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_user_coins_mess__CzfPs .DropNavBox_vip_nameplate__k1E7V {
  align-items: center;
  display: flex
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_user_coins_mess__CzfPs .DropNavBox_vip_nameplate__k1E7V p {
  box-sizing: border-box;
  background: var(--black6);
  color: var(--font-w-secondary);
  border-radius: 0 3px 3px 0;
  margin-left: -6px;
  padding: 1px 4px 1px 8px;
  font-size: 10px;
  line-height: 12px;
  display: inline-block
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_user_coins_mess__CzfPs .DropNavBox_label__QEV-- {
  color: var(--font-w-primary);
  margin-bottom: 2px;
  font-family: Arial;
  font-size: 10px;
  line-height: 18px
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_user_coins_mess__CzfPs .DropNavBox_user_ms__7TKlb {
  width: 100%;
  color: var(--font-w-primary);
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  align-items: center;
  margin-bottom: 26px;
  padding-right: 60px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  overflow: hidden
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_user_coins_mess__CzfPs .DropNavBox_user_ms__7TKlb:last-child {
  margin-bottom: 0
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_user_coins_mess__CzfPs .DropNavBox_user_ms__7TKlb span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_user_coins_mess__CzfPs .DropNavBox_user_ms__7TKlb i {
  color: var(--font-w-primary);
  flex-shrink: 0;
  margin-left: 4px;
  font-size: 12px;
  line-height: 24px
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_link__m4K41 {
  position: relative
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_link__m4K41 a {
  height: 46px;
  color: var(--font-w-primary);
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 6px;
  align-items: center;
  margin: 4px 12px;
  padding: 12px;
  font-family: Arial;
  font-size: 14px;
  display: flex;
  position: relative
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_link__m4K41 a i {
  width: 20px;
  height: 20px;
  color: var(--font-w-primary);
  flex-shrink: 0;
  margin-right: 12px
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_link__m4K41 a i:last-child {
  margin-left: auto;
  margin-right: 0
}

.DropNavBox_user_mess_box__cp1zr li.DropNavBox_link__m4K41 a p {
  width: fit-content;
  color: var(--font-w-primary);
  display: block;
  position: relative
}

.DropNavBox_user_mess_box__cp1zr ul.DropNavBox_sublink__c4UDa {
  background: var(--background-component);
  opacity: 0;
  border-radius: 6px;
  max-height: 0;
  margin: 0 24px;
  transition: all .2s ease-in-out;
  display: block
}

.DropNavBox_user_mess_box__cp1zr li:not(.DropNavBox_user_coins_mess__CzfPs) a:hover {
  background: var(--background-component-active);
  transition: background .3s
}

.DropNavBox_user_mess_box__cp1zr li:not(.DropNavBox_user_coins_mess__CzfPs) a:hover i {
  color: var(--font-function-highlight-normal)
}

.DropNavBox_user_mess_box__cp1zr li:not(.DropNavBox_user_coins_mess__CzfPs) a:active {
  background: var(--background-component-active)
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_head_box__In2ja {
  box-sizing: border-box;
  background: var(--background-container);
  z-index: 1;
  width: 100%;
  height: 120px;
  padding: 0 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_head_box__In2ja .DropNavBox_top_logo__egBaw {
  width: 84px;
  height: 18px;
  margin-bottom: 20px;
  padding-top: 20px
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_head_box__In2ja .DropNavBox_close_btn__kcsbf {
  width: 16px;
  height: 16px;
  color: var(--font-w-secondary);
  cursor: pointer;
  position: absolute;
  top: 24px;
  right: 20px
}

.DropNavBox_user_mess_box__cp1zr .DropNavBox_head_box_notLogin__r9eFh {
  height: 70px
}

@media (min-width:768px) {
  .DropNavBox_tencent__w-7Mj {
    margin: 0;
    display: none
  }

  .DropNavBox_signIn__KN\+rl .DropNavBox_btn_wrap__ZJEku {
    padding: 0 20px 12px
  }

  .DropNavBox_user_mess_box__cp1zr .DropNavBox_head_box__In2ja {
    display: none
  }

  .DropNavBox_user_mess_box__cp1zr {
    z-index: 99999;
    box-sizing: border-box;
    border-radius: 12px;
    width: 300px;
    height: 0;
    max-height: 0;
    display: none;
    position: absolute;
    inset: 60px 6px auto auto;
    overflow: visible;
    transform: none;
    box-shadow: 0 16px 48px #00000026
  }

  .DropNavBox_user_mess_box__cp1zr:before {
    content: "";
    border-left: 8px solid #0000;
    border-right: 8px solid #0000;
    border-bottom: 8px solid var(--background-component);
    width: 0;
    height: 0;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0 16px 48px #00000026
  }

  .DropNavBox_user_mess_box__cp1zr li.DropNavBox_user_coins_mess__CzfPs {
    padding: 0 20px 12px
  }

  .DropNavBox_user_mess_box__cp1zr .DropNavBox_ulContent__vpmSf {
    background: var(--background-component);
    border-radius: 12px;
    margin-top: 0;
    padding: 0
  }

  .DropNavBox_user_mess_box__cp1zr .DropNavBox_ulContent_notLogin__Ti3l9 {
    height: unset;
    background: var(--background-component);
    padding-top: 12px
  }

  .DropNavBox_user_mess_box__cp1zr .DropNavBox_ulContent_notLogin__Ti3l9 .DropNavBox_linkcon__MnmpQ {
    padding-top: 14px
  }

  .DropNavBox_user_mess_box__cp1zr .DropNavBox_linkcon_bg__0hFFN {
    padding-bottom: 4px;
    display: none
  }

  .DropNavBox_user_mess_box__cp1zr li.DropNavBox_link__m4K41 {
    border: none
  }

  .DropNavBox_user_mess_box__cp1zr .DropNavBox_bottom_event_link__er61n,
  .DropNavBox_user_mess_box__cp1zr .DropNavBox_bottom_event_link__er61n .DropNavBox_linkcon_bg__0hFFN {
    display: block
  }
}

@media (min-width:1025px) {
  .DropNavBox_user_mess_box__cp1zr {
    top: 68px
  }

  .DropNavBox_ulContent_notLogin__Ti3l9 .DropNavBox_signIn__KN\+rl .DropNavBox_btn_wrap__ZJEku {
    font-size: 12px !important;
    line-height: 18px !important
  }
}

@media (min-width:1280px) {

  .DropNavBox_user_mess_box__cp1zr:not(.DropNavBox_unloginState__hEMGH) .DropNavBox_bottom_event_link__er61n,
  .DropNavBox_user_mess_box__cp1zr:not(.DropNavBox_unloginState__hEMGH) .DropNavBox_bottom_event_link__er61n .DropNavBox_linkcon_bg__0hFFN {
    display: none
  }

  .DropNavBox_user_mess_box__cp1zr.DropNavBox_unloginState__hEMGH {
    right: 142px
  }

  .DropNavBox_user_mess_box__cp1zr.DropNavBox_unloginState__hEMGH .DropNavBox_bottom_event_link__er61n {
    display: none
  }
}

[dir=rtl] .DropNavBox_user_mess_box__cp1zr {
  left: 0;
  right: auto;
  transform: translate(-100%)
}

[dir=rtl] .DropNavBox_user_mess_box__cp1zr .DropNavBox_ulContent_notLogin__Ti3l9 .DropNavBox_signIn__KN\+rl .DropNavBox_btn_wrap__ZJEku {
  margin-left: 0;
  margin-right: 8px
}

[dir=rtl] .DropNavBox_user_mess_box__cp1zr .DropNavBox_head_box__In2ja {
  direction: ltr
}

[dir=rtl] .DropNavBox_user_mess_box__cp1zr li.DropNavBox_user_coins_mess__CzfPs .DropNavBox_user_ms__7TKlb {
  padding-left: 60px;
  padding-right: 0
}

[dir=rtl] .DropNavBox_user_mess_box__cp1zr li.DropNavBox_user_coins_mess__CzfPs .DropNavBox_user_ms__7TKlb i {
  margin-left: 0;
  margin-right: 4px;
  transform: rotate(180deg)
}

[dir=rtl] .DropNavBox_user_mess_box__cp1zr .DropNavBox_user_card__uzeCd:before {
  left: -20px;
  right: auto
}

[dir=rtl] .DropNavBox_user_mess_box__cp1zr {
  border-radius: 0 24px 0 0
}

[dir=rtl] .DropNavBox_user_mess_box__cp1zr li.DropNavBox_link__m4K41 a i {
  margin-left: 12px;
  margin-right: 0
}

@media (min-width:1025px) {
  [dir=rtl] .DropNavBox_user_mess_box__cp1zr {
    left: 78px;
    right: auto;
    transform: none
  }
}

@keyframes MidasLogo_LoadingRotateAni__btLZx {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.MidasLogo_logo__DlzvG {
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  display: inline-block
}

@keyframes ThemeColorBtn_LoadingRotateAni__CdxJt {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes TencentSafety_LoadingRotateAni__WFvVK {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.TencentSafety_TencentSafety_wrap__2iyKv {
  flex-wrap: wrap;
  align-items: center;
  display: flex
}

.TencentSafety_TencentSafety_wrap__2iyKv i {
  color: var(--font-w-secondary);
  font-size: 14px
}

.TencentSafety_TencentSafety_wrap__2iyKv div {
  color: var(--font-w-secondary);
  font-family: Arial
}

.TencentSafety_TencentSafety_wrap__2iyKv.TencentSafety_s__KcBNc i {
  margin-right: 2px
}

.TencentSafety_TencentSafety_wrap__2iyKv.TencentSafety_s__KcBNc div {
  font-size: 12px;
  line-height: 18px
}

[dir=rtl] .TencentSafety_TencentSafety_wrap__2iyKv.TencentSafety_s__KcBNc i {
  margin-left: 2px;
  margin-right: 0
}

@keyframes NotiBox_LoadingRotateAni__9nYi\+ {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.NotiBox_notifi_wrap__smGzX {
  box-sizing: border-box;
  display: none;
  position: relative
}

.NotiBox_notifi_wrap__smGzX.NotiBox_show__q\+Rus {
  display: block
}

.NotiBox_notifi_wrap__smGzX.NotiBox_show__q\+Rus .NotiBox_not_zz__lI4\+M {
  opacity: 1;
  display: block
}

.NotiBox_notifi_wrap__smGzX .NotiBox_not_zz__lI4\+M {
  opacity: 0;
  z-index: -1;
  background: var(--colors-alpha-b75);
  width: 100%;
  transition: all .6s ease-in-out;
  display: none;
  position: fixed;
  inset: 0
}

.NotiBox_notifi_wrap__smGzX .NotiBox_notification_pop_up__IFT0p {
  box-sizing: border-box;
  background: var(--background-component);
  z-index: -1;
  width: 100vw;
  padding: 56px 20px 20px;
  transition: all .3s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(0%)
}

.NotiBox_notifi_wrap__smGzX .NotiBox_notification_pop_up__IFT0p .NotiBox_not_title__gVY6L {
  width: 100%;
  color: var(--font-w-primary);
  margin-bottom: 20px;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px
}

.NotiBox_notifi_wrap__smGzX .NotiBox_notification_pop_up__IFT0p .NotiBox_not_title__gVY6L .NotiBox_close_btn__ftq03 {
  cursor: pointer;
  display: none
}

.NotiBox_notifi_wrap__smGzX .NotiBox_notification_pop_up__IFT0p .NotiBox_mod_block__4\+t4N {
  width: 100%;
  display: none;
  overflow: hidden
}

.NotiBox_notifi_wrap__smGzX .NotiBox_notification_pop_up__IFT0p .NotiBox_mod_block__4\+t4N.NotiBox_show__q\+Rus {
  display: block
}

.NotiBox_notifi_wrap__smGzX .NotiBox_notification_pop_up__IFT0p .NotiBox_mod_block__4\+t4N .NotiBox_subscribe_now_desc__yCQMM {
  width: 100%;
  color: var(--font-w-secondary);
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 22px
}

@media (min-width:768px) {
  div.NotiBox_notifi_wrap__smGzX div.NotiBox_notification_pop_up__IFT0p {
    padding: 68px 48px 48px
  }

  div.NotiBox_notifi_wrap__smGzX div.NotiBox_notification_pop_up__IFT0p p.NotiBox_not_title__gVY6L {
    margin-left: 0
  }
}

@media (min-width:1025px) {
  div.NotiBox_notifi_wrap__smGzX {
    position: initial
  }

  div.NotiBox_notifi_wrap__smGzX.NotiBox_show__q\+Rus .NotiBox_not_zz__lI4\+M {
    display: none
  }

  div.NotiBox_notifi_wrap__smGzX div.NotiBox_notification_pop_up__IFT0p {
    text-align: center;
    box-sizing: border-box;
    z-index: 999;
    opacity: 1;
    width: 375px;
    box-shadow: 0px 16px 48px 0px var(--other-mask-b-component);
    border-radius: 12px;
    padding: 20px;
    position: absolute;
    top: 46px;
    left: 50%;
    transform: translate(-50%)
  }

  div.NotiBox_notifi_wrap__smGzX div.NotiBox_notification_pop_up__IFT0p:before {
    content: "";
    border-left: 12px solid #0000;
    border-right: 12px solid #0000;
    border-bottom: 15px solid var(--background-component);
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%)
  }

  div.NotiBox_notifi_wrap__smGzX div.NotiBox_notification_pop_up__IFT0p .NotiBox_not_title__gVY6L {
    width: 100%;
    color: var(--font-w-primary);
    text-align: left;
    align-items: center;
    margin-bottom: 20px;
    font-family: DINPro;
    font-size: 16px;
    line-height: 24px;
    display: flex
  }

  div.NotiBox_notifi_wrap__smGzX div.NotiBox_notification_pop_up__IFT0p .NotiBox_not_title__gVY6L .NotiBox_close_btn__ftq03 {
    color: var(--font-w-primary);
    flex-shrink: 0;
    align-items: center;
    margin-left: auto;
    display: flex
  }

  div.NotiBox_notifi_wrap__smGzX div.NotiBox_notification_pop_up__IFT0p .NotiBox_not_title__gVY6L .NotiBox_close_btn__ftq03 i {
    font-size: 16px;
    line-height: 24px
  }
}

@media (min-width:1025px) {
  [dir=rtl] div.NotiBox_notifi_wrap__smGzX div.NotiBox_notification_pop_up__IFT0p {
    left: auto;
    right: 50%;
    transform: translate(50%)
  }

  [dir=rtl] div.NotiBox_notifi_wrap__smGzX div.NotiBox_notification_pop_up__IFT0p .NotiBox_not_title__gVY6L .NotiBox_close_btn__ftq03 {
    margin-left: 0;
    margin-right: auto
  }
}

@media (max-width:767px) {
  .MobileNav_tablet_show__spkaJ {
    display: none
  }
}

@media (min-width:768px) {
  .MobileNav_tablet_show__spkaJ {
    display: block !important
  }
}

@media (min-width:1025px) {
  .MobileNav_tablet_show__spkaJ {
    display: none
  }
}

@keyframes MobileNav_LoadingRotateAni__jCl9G {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes MobileNav_registerTipsAni__KJwDq {
  0% {
    -webkit-transform: translateY(0%)
  }

  50% {
    -webkit-transform: translateY(-20%)
  }

  to {
    -webkit-transform: translateY(0%)
  }
}

.MobileNav_country__MOJ2m {
  cursor: pointer;
  align-items: center;
  height: 16px;
  display: flex;
  position: relative
}

.MobileNav_country__MOJ2m .MobileNav_country_name__5\+4uW {
  z-index: 1;
  color: var(--font-w-primary);
  font-size: 12px;
  line-height: 16px
}

.MobileNav_country__MOJ2m .MobileNav_country_icon__keso7 {
  border: 1px solid var(--borders-stroke);
  width: 26px;
  height: 18px;
  margin-right: 4px
}

.MobileNav_header__VymYP {
  background: var(--background-container);
  z-index: 100;
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0
}

.MobileNav_header__VymYP.MobileNav_transparent__Sbwf9 {
  background: 0 0
}

.MobileNav_header__VymYP.MobileNav_no_fixed__i1lQ6 {
  position: absolute
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO {
  box-sizing: border-box;
  justify-content: vc;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 0 15px;
  display: flex;
  position: relative
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_country_m_show__zhhoa {
  display: flex
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_country__MOJ2m.MobileNav_country_pc_show__l\+Huf {
  display: none
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_left__I9Fgm {
  justify-content: vc;
  align-items: center;
  margin-right: auto;
  display: flex
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_left__I9Fgm .MobileNav_icon__Ui7R2 {
  margin-left: 16px
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_left__I9Fgm .MobileNav_icon__Ui7R2 i,
.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_left__I9Fgm .MobileNav_icon__Ui7R2 p {
  cursor: pointer
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT {
  justify-content: vc;
  align-items: center;
  margin-left: auto;
  display: flex
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_country__MOJ2m,
.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2 {
  margin-right: 16px
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2 i {
  cursor: pointer
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2 p {
  cursor: pointer;
  display: none
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_icon__Ui7R2 {
  width: 24px;
  height: 24px;
  color: var(--font-w-primary);
  font-size: 24px;
  position: relative
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_icon__Ui7R2.MobileNav_menu__lG4qY {
  margin-right: 0
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_icon__Ui7R2.MobileNav_imp__hchy7:after {
  content: "";
  background: var(--colors-red-05);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  right: 0
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_icon__Ui7R2:first-child {
  margin-left: 0
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_icon__Ui7R2:last-child {
  margin-right: 0
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK {
  box-sizing: border-box;
  background: var(--borders-border);
  background: var(--special-button-ghost);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: var(--font-w-primary);
  cursor: pointer;
  border-radius: 99px;
  align-items: center;
  margin-right: 16px;
  padding: 2px 8px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  position: relative
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK .MobileNav_user__0id3v {
  width: 24px;
  height: 24px;
  display: none
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK .MobileNav_down__AN1h3 {
  width: 16px;
  height: 16px;
  display: none
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK p {
  margin: 0 4px
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK.MobileNav_imp__hchy7:after {
  content: "";
  background: var(--colors-red-05);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 2px;
  left: calc(100% - 8px)
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_midas_logo__eHhfm {
  width: 95.1px;
  height: 20px;
  margin: 0 auto;
  font-size: 0
}

.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_cut_line__aD0Rr {
  opacity: .6;
  width: 1px;
  height: 14px;
  margin: 0 15px;
  display: none
}

.MobileNav_pc_nav_link__qdiri {
  display: none
}

@media (min-width:768px) {
  .MobileNav_country__MOJ2m {
    box-sizing: border-box;
    border-radius: 6px;
    width: auto;
    height: auto;
    padding: 8px 12px;
    transition: background .3s;
    position: relative
  }

  .MobileNav_country__MOJ2m:hover {
    background: var(--borders-border);
    background: var(--special-button-ghost, #0000001a);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    transition: background .3s
  }

  .MobileNav_country__MOJ2m .MobileNav_country_name__5\+4uW {
    z-index: 1;
    position: relative;
    bottom: auto;
    right: auto
  }

  .MobileNav_country__MOJ2m .MobileNav_country_icon__keso7 {
    width: 32px;
    height: 22px;
    margin-right: 8px
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO {
    height: 68px;
    padding: 0 32px
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_icon__Ui7R2 {
    height: auto
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK {
    box-sizing: border-box;
    color: var(--font-w-primary);
    cursor: pointer;
    background: unset;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: var(--borders-border);
    background: var(--special-button-ghost, #ffffff1a);
    border-radius: 99px;
    align-items: center;
    margin-right: 20px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 22px;
    transition: background .3s;
    display: flex;
    position: relative
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK:hover {
    background: var(--borders-border);
    background: var(--special-button-ghost, #0000001a);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-sizing: border-box;
    padding: 8px 12px;
    transition: background .3s
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK.MobileNav_active__Zn8O8 {
    background: var(--borders-border);
    background: var(--special-button-ghost, #0000001a);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK .MobileNav_user__0id3v {
    width: 24px;
    height: 24px;
    display: none
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK .MobileNav_down__AN1h3 {
    width: 16px;
    height: 16px
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK p {
    margin: 0 4px
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK.MobileNav_imp__hchy7:after {
    content: "";
    display: block;
    position: absolute;
    left: calc(100% - 8px)
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2 {
    box-sizing: border-box;
    border-radius: 6px;
    align-items: center;
    width: auto;
    margin-right: 32px;
    transition: background .3s;
    display: flex;
    position: relative
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2.MobileNav_menu__lG4qY {
    margin-right: 32px
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2 p {
    color: var(--font-w-primary);
    margin-left: 4px;
    font-family: Arial;
    font-size: 14px;
    line-height: 22px;
    display: block
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2.MobileNav_imp__hchy7:after {
    top: -2px;
    left: 18px;
    right: auto
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_midas_logo__eHhfm {
    width: 118px;
    height: 24px
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_cut_line__aD0Rr {
    margin: 0 2px;
    display: none
  }

  .MobileNav_icon__Ui7R2 {
    align-items: center;
    display: flex
  }

  .MobileNav_icon__Ui7R2 i {
    font-size: 24px
  }
}

@media (min-width:1025px) {

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK .MobileNav_user__0id3v,
  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK .MobileNav_down__AN1h3 {
    display: block
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK.MobileNav_imp__hchy7:after {
    display: block;
    top: 2px;
    left: 24px
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2.MobileNav_menu__lG4qY {
    display: none
  }
}

@media (min-width:1280px) {
  .MobileNav_header__VymYP .MobileNav_main__I1MRO {
    max-width: 100%;
    margin: 0 auto
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_country_m_show__zhhoa {
    display: none
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_country__MOJ2m.MobileNav_country_pc_show__l\+Huf {
    margin-right: 20px;
    display: flex
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_cut_line__aD0Rr {
    margin: 0 8px
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_left__I9Fgm .MobileNav_midas_logo__eHhfm {
    width: 127.83px;
    height: 26px;
    margin-left: 0
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_menu__lG4qY {
    display: none
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: 0 0;
    border-radius: 6px;
    padding: 8px 12px
  }

  .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK.MobileNav_imp__hchy7:after {
    display: block;
    top: 6px;
    left: 28px
  }

  .MobileNav_pc_nav_link__qdiri {
    align-items: center;
    display: flex
  }

  .MobileNav_pc_nav_link__qdiri>div {
    cursor: pointer;
    flex-shrink: 0;
    align-items: center;
    margin-left: 16px;
    font-family: Arial;
    font-size: 14px;
    display: flex;
    position: relative
  }

  .MobileNav_pc_nav_link__qdiri>div:first-child {
    margin-left: 32px
  }

  .MobileNav_pc_nav_link__qdiri .MobileNav_text__RsAK3 {
    color: var(--font-w-primary);
    box-sizing: border-box;
    border-radius: 6px;
    align-items: center;
    padding: 8px 12px;
    transition: background .3s;
    display: flex;
    position: relative
  }

  .MobileNav_pc_nav_link__qdiri .MobileNav_text__RsAK3:hover {
    background: var(--borders-border);
    background: var(--special-button-ghost, #0000001a);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    transition: background .3s
  }

  .MobileNav_pc_nav_link__qdiri .MobileNav_text__RsAK3.MobileNav_imp__hchy7:after {
    content: "";
    background: var(--colors-red-05);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 8px;
    right: 7px
  }
}

[dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK.MobileNav_imp__hchy7:after {
  left: 0;
  right: 15px
}

[dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_left__I9Fgm {
  margin-left: auto;
  margin-right: 0
}

[dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_left__I9Fgm .MobileNav_icon__Ui7R2 {
  margin-left: 0;
  margin-right: 16px
}

[dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_left__I9Fgm .MobileNav_sign_in__qA2oK {
  margin-right: 6px
}

[dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT {
  margin-left: 0;
  margin-right: auto
}

[dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_sign_in__qA2oK {
  margin-left: 16px;
  margin-right: 0
}

[dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2 {
  margin-left: 6px;
  margin-right: 0
}

[dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_icon__Ui7R2:first-child {
  margin-right: 0
}

[dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_icon__Ui7R2:last-child {
  margin-left: 0
}

[dir=rtl] .MobileNav_country__MOJ2m {
  margin-left: 16px;
  margin-right: 0
}

[dir=rtl] .MobileNav_country__MOJ2m .MobileNav_country_icon__keso7 {
  margin-left: 4px;
  margin-right: 0
}

@media (min-width:768px) {
  [dir=rtl] .MobileNav_country__MOJ2m .MobileNav_country_icon__keso7 {
    margin-left: 8px;
    margin-right: 0
  }

  [dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2 i {
    margin-left: 4px;
    margin-right: 0
  }

  [dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2.MobileNav_imp__hchy7:after {
    left: auto;
    right: 0
  }
}

@media (min-width:1025px) {
  [dir=rtl] .MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_left__I9Fgm .MobileNav_icon__Ui7R2 {
    margin-left: 16px;
    margin-right: 0
  }
}

@media (min-width:1280px) {
  [dir=rtl] .MobileNav_pc_nav_link__qdiri>div {
    margin-left: 0;
    margin-right: 16px
  }

  [dir=rtl] .MobileNav_pc_nav_link__qdiri>div:first-child {
    margin-left: 0;
    margin-right: 32px
  }
}

.MobileNav_header__VymYP.MobileNav_special_light__930WY .MobileNav_pc_nav_link__qdiri .MobileNav_text__RsAK3,
.MobileNav_header__VymYP.MobileNav_special_light__930WY.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_icon__Ui7R2,
.MobileNav_header__VymYP.MobileNav_special_light__930WY.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_right__VWFmT .MobileNav_icon__Ui7R2 p,
.MobileNav_header__VymYP.MobileNav_special_light__930WY.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_country__MOJ2m .MobileNav_country_name__5\+4uW,
.MobileNav_header__VymYP.MobileNav_special_light__930WY.MobileNav_header__VymYP .MobileNav_main__I1MRO .MobileNav_sign_in__qA2oK {
  color: var(--special-font-w-primary)
}

@keyframes BannerBackgroundLayer_LoadingRotateAni__9AfKW {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.BannerBackgroundLayer_bg_wrap__oEAWg {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%)
}

.BannerBackgroundLayer_bg_wrap__oEAWg .BannerBackgroundLayer_img_b__jJCa0 {
  z-index: 0;
  width: auto;
  height: 100%;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0
}

.BannerBackgroundLayer_bg_wrap__oEAWg .BannerBackgroundLayer_mask__1z4yI {
  z-index: 3;
  background: linear-gradient(90deg, #141b3d 0%, #141b3d00 100%);
  width: 100%;
  height: 100%;
  position: absolute
}

.BannerBackgroundLayer_bg_wrap__oEAWg .BannerBackgroundLayer_img_t__jyBwC {
  z-index: 2;
  width: auto;
  height: 100%;
  margin-right: -63px;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 0;
  right: 0
}

@media (min-width:491px) {
  .BannerBackgroundLayer_bg_wrap__oEAWg .BannerBackgroundLayer_t_wrap__odojH {
    height: 100%;
    margin: 0 auto;
    position: relative
  }

  .BannerBackgroundLayer_bg_wrap__oEAWg .BannerBackgroundLayer_t_wrap__odojH .BannerBackgroundLayer_img_t__jyBwC {
    margin-right: 0
  }
}

@media (min-width:1025px) {
  .BannerBackgroundLayer_bg_wrap__oEAWg .BannerBackgroundLayer_img_b__jJCa0 {
    left: 50%;
    transform: translate(-50%)
  }

  .BannerBackgroundLayer_bg_wrap__oEAWg .BannerBackgroundLayer_t_wrap__odojH {
    width: 90%
  }
}

@media (min-width:1600px) {
  .BannerBackgroundLayer_bg_wrap__oEAWg .BannerBackgroundLayer_t_wrap__odojH {
    width: 1280px
  }
}

@media (min-width:1920px) {
  .BannerBackgroundLayer_bg_wrap__oEAWg .BannerBackgroundLayer_img_b__jJCa0 {
    transform: translate(-50%)scale(1.4)
  }
}

[dir=rtl] .BannerBackgroundLayer_bg_wrap__oEAWg {
  direction: ltr
}

[dir=rtl] .BannerBackgroundLayer_bg_wrap__oEAWg .BannerBackgroundLayer_img_t__jyBwC {
  left: -20px;
  right: auto;
  transform: rotateY(180deg)
}

@keyframes Banner_LoadingRotateAni__13FWF {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.Banner_banner_wrap__vQSMq {
  box-sizing: border-box;
  background-size: 100% 100%;
  width: auto;
  position: relative
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds {
  box-sizing: border-box;
  background-size: 100% 100%;
  width: 100%;
  height: 173px;
  padding: 68px 20px 0;
  position: relative
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_theme_wrap__w5aUh {
  justify-content: vc;
  align-items: center;
  display: flex
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd {
  padding: 2px 0
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_title__dnHBH {
  opacity: 1;
  color: var(--special-font-w-primary);
  margin-bottom: 4px;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_sub_box__cD2M4 {
  align-items: center;
  display: flex
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_sub_box__cD2M4>div {
  margin-right: 4px
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_sub_box__cD2M4>div:last-child {
  margin: 0
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_subscribe_module__zrcXK {
  background: var(--special-button-ghost);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  width: fit-content;
  padding: 2px 8px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_subscribe_module__zrcXK.Banner_no_subscribe__3gmyK {
  color: var(--special-font-w-primary)
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_subscribe_module__zrcXK.Banner_no_subscribe__3gmyK .Banner_no_subscribe_icon__-3qDe {
  display: block
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_subscribe_module__zrcXK i {
  margin-right: 4px;
  display: none
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_download_icon__39iah {
  cursor: pointer;
  border-radius: 6px;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  position: relative
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_download_icon__39iah img {
  border-radius: 9px;
  width: 48px;
  height: 48px
}

.Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_download_icon__39iah.Banner_no_link__wvpah {
  cursor: default
}

.Banner_user_tab_box__Bp6NY {
  display: none
}

@media (min-width:768px) {
  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds {
    height: 218px;
    padding: 88px 0 0
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_theme_wrap__w5aUh {
    width: 672px;
    margin: 0 auto
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_download_icon__39iah {
    width: 80px;
    height: 80px;
    margin-right: 24px
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_download_icon__39iah:after {
    width: 27px;
    height: 20px
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_download_icon__39iah img {
    width: 80px;
    height: 80px
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_area_wrap__UCAMc {
    padding: 4px 0
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd {
    align-items: center;
    margin-bottom: 16px;
    padding: 0;
    display: flex
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_title__dnHBH {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 28px
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_subscribe_module__zrcXK {
    color: var(--font-w-primary);
    margin-left: 12px;
    padding: 4px 12px;
    font-family: Arial;
    font-size: 14px;
    line-height: 22px
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_sub_box__cD2M4 {
    margin-left: 12px
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_sub_box__cD2M4>div {
    margin-right: 8px
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_sub_box__cD2M4>div:last-child {
    margin: 0
  }

  .Banner_user_tab_box__Bp6NY {
    display: block
  }
}

@media (min-width:1025px) {
  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds {
    height: 244px;
    padding-top: 108px
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_download_icon__39iah:after {
    width: 24px;
    height: 24px
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_theme_wrap__w5aUh {
    width: 90%
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_area_wrap__UCAMc {
    padding: 2px 0
  }

  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd,
  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_title__dnHBH {
    font-size: 20px;
    line-height: 28px
  }
}

@media (min-width:1600px) {
  .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_theme_wrap__w5aUh {
    max-width: 1280px
  }
}

[dir=rtl] .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_download_icon__39iah {
  margin-left: 12px;
  margin-right: 0
}

[dir=rtl] .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_sub_box__cD2M4>div {
  margin-left: 4px;
  margin-right: 0
}

[dir=rtl] .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_sub_box__cD2M4>div:last-child {
  margin: 0
}

[dir=rtl] .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_subscribe_module__zrcXK i {
  margin-left: 4px;
  margin-right: 0
}

@media (min-width:768px) {

  [dir=rtl] .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_subscribe_module__zrcXK,
  [dir=rtl] .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_sub_box__cD2M4 {
    margin-left: 0;
    margin-right: 12px
  }

  [dir=rtl] .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_sub_box__cD2M4>div {
    margin-left: 8px;
    margin-right: 0
  }

  [dir=rtl] .Banner_banner_wrap__vQSMq .Banner_x_main__EmLds .Banner_app_text_wrap__4ENmd .Banner_sub_box__cD2M4>div:last-child {
    margin: 0
  }
}

@keyframes OfficialTag_LoadingRotateAni__luDmi {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.OfficialTag_official_wrap__XkqgS {
  box-sizing: border-box;
  font-size: #000;
  background: var(--special-font-w-secondary);
  cursor: pointer;
  width: fit-content;
  color: var(--special-font-b-primary);
  border-radius: 6px;
  align-items: center;
  padding: 2px 4px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  position: relative
}

.OfficialTag_official_wrap__XkqgS i {
  margin-right: 2px;
  font-size: 12px
}

@media (min-width:768px) {
  .OfficialTag_official_wrap__XkqgS {
    padding: 3px 6px;
    font-size: 14px;
    line-height: 22px
  }

  .OfficialTag_official_wrap__XkqgS i {
    font-size: 16px
  }
}

[dir=rtl] .OfficialTag_official_wrap__XkqgS i {
  margin-left: 2px;
  margin-right: 0
}

@keyframes BrandBgDecoration_LoadingRotateAni__aDeDJ {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.BrandBgDecoration_out__00zrI {
  background: linear-gradient(to bottom right, var(--other-decoration-dark)0%, var(--other-decoration-light)100%);
  z-index: 0;
  filter: blur(66.75px);
  border-radius: 50px;
  flex-shrink: 0;
  width: 265px;
  height: 265px;
  position: absolute;
  top: -200px;
  left: -100px;
  transform: rotate(45deg)
}

.BrandBgDecoration_out__00zrI .BrandBgDecoration_in__NneeU {
  background: linear-gradient(to bottom right, var(--other-decoration-dark)0%, var(--other-decoration-light)100%);
  filter: blur(33.375px);
  border-radius: 50px;
  flex-shrink: 0;
  width: 208px;
  height: 208px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media (min-width:768px) {
  .BrandBgDecoration_out__00zrI {
    filter: blur(136.704px);
    width: 401.39px;
    height: 401.39px;
    top: -345px;
    left: -115px
  }

  .BrandBgDecoration_out__00zrI .BrandBgDecoration_in__NneeU {
    width: 315dppx;
    height: 315dppx;
    filter: blur(68.352px);
    border-radius: 102.4px
  }
}

@media (min-width:1025px) {
  .BrandBgDecoration_out__00zrI {
    filter: blur(150px);
    border-radius: 112.36px;
    width: 595.506px;
    height: 595.506px;
    top: -530px;
    left: -230px
  }

  .BrandBgDecoration_out__00zrI .BrandBgDecoration_in__NneeU {
    filter: blur(75px);
    border-radius: 112.36px;
    width: 467.416px;
    height: 467.416px
  }
}

[dir=rtl] .BrandBgDecoration_out__00zrI {
  left: auto;
  right: -100px
}

@media (min-width:768px) {
  [dir=rtl] .BrandBgDecoration_out__00zrI {
    left: auto;
    right: -115px
  }
}

@media (min-width:1025px) {
  [dir=rtl] .BrandBgDecoration_out__00zrI {
    left: auto;
    right: -230px
  }
}

.PopVipReceiveGift_pop_mode_box__akJRN {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

@media screen and (min-width:768px) {
  .PopVipReceiveGift_pop_mode_box__akJRN {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .PopVipReceiveGift_pop_mode_box__akJRN.PopVipReceiveGift_m_pop__xSvvY {
    width: 568px;
    min-height: 568px;
    max-height: 730px
  }

  .PopVipReceiveGift_pop_mode_box__akJRN.PopVipReceiveGift_m_pop__xSvvY .PopVipReceiveGift_pop_mess__BeDsg {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1025px) {
  .PopVipReceiveGift_pop_mode_box__akJRN.PopVipReceiveGift_m_pop__xSvvY {
    width: 568px;
    min-height: 558px;
    max-height: 580px
  }

  .PopVipReceiveGift_pop_mode_box__akJRN.PopVipReceiveGift_m_pop__xSvvY .PopVipReceiveGift_pop_mess__BeDsg {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1280px) {
  .PopVipReceiveGift_pop_mode_box__akJRN.PopVipReceiveGift_m_pop__xSvvY {
    width: 568px;
    min-height: 558px;
    max-height: 558px
  }
}

@media screen and (min-width:1440px) {
  .PopVipReceiveGift_pop_mode_box__akJRN.PopVipReceiveGift_m_pop__xSvvY {
    width: 568px;
    min-height: 580px;
    max-height: 642px
  }
}

@media screen and (min-width:1600px) {
  .PopVipReceiveGift_pop_mode_box__akJRN.PopVipReceiveGift_m_pop__xSvvY {
    width: 568px;
    min-height: 580px;
    max-height: 642px
  }
}

@media screen and (min-width:1920px) {
  .PopVipReceiveGift_pop_mode_box__akJRN.PopVipReceiveGift_m_pop__xSvvY {
    width: 568px;
    min-height: 580px;
    max-height: 742px
  }
}

.PopVipReceiveGift_pop_mess__BeDsg {
  box-sizing: border-box;
  padding: 20px
}

.PopVipReceiveGift_pop_mess__BeDsg::-webkit-scrollbar {
  scrollbar-width: none;
  width: 6px
}

.PopVipReceiveGift_pop_mess__BeDsg::-webkit-scrollbar-thumb {
  background-color: var(--background-secondarycomponent);
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px #0003
}

@keyframes PopVipReceiveGift_LoadingRotateAni__rZj11 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopVipReceiveGift_pop_mode_box__akJRN {
  background-color: var(--background-container);
  z-index: -2;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

.PopVipReceiveGift_pop_title__TdByj {
  box-sizing: border-box;
  margin-bottom: 4px;
  padding: 36px 20px 0;
  position: relative
}

.PopVipReceiveGift_pop_title__TdByj div {
  color: var(--font-w-primary);
  text-align: center;
  text-transform: uppercase;
  font-family: DINPro;
  font-size: 18px;
  line-height: 26px
}

.PopVipReceiveGift_pop_title__TdByj .PopVipReceiveGift_close_btn__NQeSz {
  width: 16px;
  height: 16px;
  color: var(--font-w-secondary);
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  top: 16px;
  right: 20px
}

.PopVipReceiveGift_pop_title__TdByj .PopVipReceiveGift_close_btn__NQeSz i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.PopVipReceiveGift_pop_mess__BeDsg {
  box-sizing: border-box;
  padding: 0 20px;
  overflow-y: auto
}

.PopVipReceiveGift_pop_mess__BeDsg .PopVipReceiveGift_sub_text__oB1OW {
  text-align: center;
  color: var(--font-w-secondary);
  margin-bottom: 20px;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.PopVipReceiveGift_gift_list_box__EqAKe {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex
}

.PopVipReceiveGift_mail_box__RCMvP {
  box-sizing: border-box;
  background: var(--background-secondarycontainer);
  border-radius: 6px;
  padding: 12px 16px
}

.PopVipReceiveGift_mail_box__RCMvP .PopVipReceiveGift_text__JMkdJ {
  color: var(--font-w-secondary);
  margin-bottom: 4px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px
}

.PopVipReceiveGift_mail_box__RCMvP .PopVipReceiveGift_data__HAx7h {
  align-items: center;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex
}

.PopVipReceiveGift_mail_box__RCMvP .PopVipReceiveGift_data__HAx7h .PopVipReceiveGift_label__2bF4E {
  color: var(--font-w-primary)
}

.PopVipReceiveGift_mail_box__RCMvP .PopVipReceiveGift_data__HAx7h .PopVipReceiveGift_val__hKzvd {
  color: var(--font-function-highlight-normal)
}

.PopVipReceiveGift_btn_wrap__C10J7 {
  box-sizing: border-box;
  padding: 20px 0
}

@media (min-width:768px) {
  .PopVipReceiveGift_pop_mode_box__akJRN {
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%)
  }

  .PopVipReceiveGift_pop_mode_box__akJRN.PopVipReceiveGift_m_pop__xSvvY {
    min-height: 568px;
    max-height: fit-content
  }

  .PopVipReceiveGift_pop_mode_box__akJRN .PopVipReceiveGift_pop_mess__BeDsg {
    min-height: 480px;
    padding: 8px 72px 32px
  }

  .PopVipReceiveGift_pop_title__TdByj {
    margin-bottom: 0;
    padding: 56px 72px 0
  }

  .PopVipReceiveGift_pop_title__TdByj div {
    font-size: 24px;
    line-height: 32px
  }

  .PopVipReceiveGift_pop_title__TdByj .PopVipReceiveGift_close_btn__NQeSz {
    width: 16px;
    height: 16px;
    top: 34px;
    right: 34px
  }

  .PopVipReceiveGift_pop_mess__BeDsg .PopVipReceiveGift_sub_text__oB1OW {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 24px
  }

  .PopVipReceiveGift_gift_list_box__EqAKe {
    direction: ltr;
    margin-bottom: 32px
  }

  .PopVipReceiveGift_mail_box__RCMvP {
    padding: 16px 20px
  }

  .PopVipReceiveGift_mail_box__RCMvP .PopVipReceiveGift_text__JMkdJ,
  .PopVipReceiveGift_mail_box__RCMvP .PopVipReceiveGift_data__HAx7h {
    font-size: 14px;
    line-height: 22px
  }

  .PopVipReceiveGift_btn_wrap__C10J7 {
    padding: 32px 0 0
  }
}

@keyframes PopTitle_1_LoadingRotateAni__nfqMR {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopTitle_1_pop_title__EQgaL {
  box-sizing: border-box;
  padding: 20px 24px;
  position: relative
}

.PopTitle_1_pop_title__EQgaL .PopTitle_1_midas_logo__X1IdR {
  width: 88.5px;
  height: 18px
}

.PopTitle_1_pop_title__EQgaL p {
  color: var(--font-w-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  margin: 0;
  padding: 0 20px 0 0;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden
}

.PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
  cursor: pointer;
  width: 16px;
  height: 16px;
  color: var(--font-w-placeholder);
  font-size: 16px;
  position: absolute;
  top: 21px;
  right: 21px
}

.PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media (min-width:768px) {
  .PopTitle_1_pop_title__EQgaL {
    box-sizing: border-box;
    padding: 32px 48px 28px;
    position: relative
  }

  .PopTitle_1_pop_title__EQgaL p {
    font-size: 20px;
    line-height: 28px
  }

  .PopTitle_1_pop_title__EQgaL .PopTitle_1_midas_logo__X1IdR {
    width: 118px;
    height: 24px
  }

  .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
    width: 20px;
    height: 20px;
    color: var(--font-w-placeholder);
    background: 0 0;
    border-radius: 0;
    font-size: 16px;
    top: 34px;
    right: 48px
  }

  .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 i {
    color: var(--font-w-placeholder);
    font-size: 20px
  }
}

@media (min-width:1280px) {
  .PopTitle_1_pop_title__EQgaL {
    box-sizing: border-box;
    align-items: center;
    padding: 32px 56px 28px;
    display: flex;
    position: relative
  }

  .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
    margin-left: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto
  }
}

@media screen and (min-width:768px) {
  .PopTitle_1_pop_title__EQgaL {
    align-items: center;
    padding: 32px 40px 28px;
    display: flex
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_ms_pop__XRc3H {
    padding: 20px 32px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_ms_pop__XRc3H p {
    font-size: 16px;
    line-height: 24px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs {
    padding: 32px 72px 30px
  }

  .PopTitle_1_pop_title__EQgaL p {
    font-size: 20px;
    line-height: 28px
  }

  .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
    margin-left: auto;
    font-size: 20px;
    position: relative;
    inset: auto
  }
}

@media screen and (min-width:1025px) {
  .PopTitle_1_pop_title__EQgaL {
    padding: 40px 40px 32px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs {
    padding: 40px 32px 36px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs.PopTitle_1_pop_title__EQgaL .PopTitle_1_midas_logo__X1IdR {
    width: 118px;
    height: 24px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs.PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
    width: 16px;
    height: 16px;
    font-size: 16px
  }
}

@media screen and (min-width:1280px) {
  .PopTitle_1_pop_title__EQgaL {
    padding: 32px 40px 28px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs {
    padding: 40px 64px 36px
  }
}

@media screen and (min-width:1600px) {
  .PopTitle_1_pop_title__EQgaL {
    padding: 32px 40px 28px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs {
    padding: 40px 100px 36px
  }
}

[dir=rtl] .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
  border-radius: 0 0 6px;
  left: 21px;
  right: auto
}

@media (min-width:768px) {
  [dir=rtl] .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
    margin-left: 0;
    margin-right: auto;
    left: auto;
    right: auto
  }
}

@keyframes PopLanguage_LoadingRotateAni__YMtJK {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes ZoneNavBar_LoadingRotateAni__x1Z9- {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.ZoneNavBar_nav_bar__NYxpZ {
  box-sizing: border-box;
  background: var(--background-page);
  position: relative;
  overflow: auto hidden
}

.ZoneNavBar_nav_bar__NYxpZ::-webkit-scrollbar {
  display: none
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl {
  box-sizing: border-box;
  display: flex;
  position: relative
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM {
  box-sizing: border-box;
  color: var(--font-w-secondary);
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  float: left;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 0 16px;
  font-family: DINPro;
  font-size: 14px;
  line-height: 22px;
  transition: all .3s;
  display: flex;
  position: relative
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM div {
  align-items: center;
  display: flex
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM:first-child:nth-last-child(2),
.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM:nth-child(2):last-child {
  min-width: 50%
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM:first-child:nth-last-child(3),
.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM:nth-child(2):nth-last-child(2) {
  min-width: 33.3333%
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM:nth-child(3):last-child,
.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM:first-child:nth-last-child(4),
.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM:nth-child(2):nth-last-child(3),
.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM:nth-child(3):nth-last-child(2),
.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM:nth-child(4):last-child {
  min-width: 25%
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM:not(.ZoneNavBar_active__4cEhs):active {
  color: var(--brand-hover-lighter)
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM i {
  display: none
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM p {
  width: fit-content;
  margin: 0 auto;
  display: inline-block;
  position: relative
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM.ZoneNavBar_active__4cEhs {
  color: var(--font-function-highlight-normal);
  border-bottom: none
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM.ZoneNavBar_active__4cEhs div:before {
  content: "";
  background: var(--background-container);
  position: absolute;
  inset: 0 0 -2px
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM.ZoneNavBar_active__4cEhs:before {
  content: "";
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: radial-gradient(12px at 12px 0px, var(--background-page)12px, var(--background-container)12.02px);
  z-index: 1;
  width: 12px;
  height: 12px;
  line-height: 100px;
  display: block;
  position: absolute;
  bottom: -2px;
  left: -12px;
  transform: scaleX(-1)
}

.ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM.ZoneNavBar_active__4cEhs:after {
  content: "";
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: radial-gradient(12px at 12px 0px, var(--background-page)12px, var(--background-container)12.02px);
  z-index: 1;
  width: 12px;
  height: 12px;
  line-height: 100px;
  display: block;
  position: absolute;
  bottom: -2px;
  right: -12px
}

@media (min-width:768px) {
  .ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl {
    box-sizing: border-box;
    width: 672px;
    margin: 0 auto;
    padding: 0
  }

  .ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM {
    text-align: center;
    flex: 1;
    height: 56px;
    padding: 0 8px;
    font-size: 16px
  }
}

@media (min-width:1025px) {
  .ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl {
    width: 90%
  }

  .ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM {
    text-align: center;
    flex: 1;
    height: 64px;
    padding: 0 8px;
    font-size: 16px;
    line-height: 24px
  }

  .ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM:not(.ZoneNavBar_active__4cEhs):hover {
    color: var(--font-function-highlight-normal)
  }

  .ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM div {
    justify-content: center;
    align-items: center;
    display: flex
  }

  .ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM i {
    margin-right: 12px;
    font-size: 20px;
    display: block
  }

  .ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM p {
    margin: 0
  }
}

@media (min-width:1600px) {
  .ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl {
    max-width: 1280px
  }
}

@media (min-width:1025px) {
  [dir=rtl] .ZoneNavBar_nav_bar__NYxpZ .ZoneNavBar_item_box__T3bSl .ZoneNavBar_item__XriLM i {
    margin-left: 12px;
    margin-right: 0
  }
}

@keyframes VipTips_LoadingRotateAni__anlOa {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.VipTips_vip_long_wrap__vOLi2 {
  box-sizing: border-box;
  z-index: 52;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  cursor: pointer;
  border-radius: 999px;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 1px;
  animation: 6s forwards VipTips_longWrapFade__S6gwc;
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translate(-50%)
}

.VipTips_vip_long_wrap__vOLi2.VipTips_pc__Sr1GO {
  animation: unset
}

.VipTips_vip_long_wrap__vOLi2 .VipTips_vip_level_icon__f6Y92 {
  background-size: 100% 100%;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  position: relative
}

.VipTips_vip_long_wrap__vOLi2 .VipTips_cont__xu8JK {
  flex-direction: column;
  display: flex
}

.VipTips_vip_long_wrap__vOLi2 .VipTips_cont__xu8JK>div {
  z-index: 1;
  position: relative
}

.VipTips_vip_long_wrap__vOLi2 .VipTips_cont__xu8JK .VipTips_text__tkJVH {
  color: var(--special-font-w-secondary);
  text-align: center;
  max-width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: DINPro;
  font-size: 10px;
  line-height: 12px;
  overflow: hidden
}

.VipTips_vip_long_wrap__vOLi2 .VipTips_cont__xu8JK .VipTips_discount__op65u {
  color: var(--special-font-w-primary);
  text-shadow: 0 1px 2px #0006;
  max-width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  margin-top: -1px;
  font-family: DINPro;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  overflow: hidden
}

.VipTips_vip_long_wrap__vOLi2 .VipTips_cont__xu8JK .VipTips_discount__op65u span {
  margin-right: 4px;
  font-family: DINPro;
  font-size: 14px;
  line-height: 22px
}

.VipTips_vip_long_wrap__vOLi2 .VipTips_wrap_cont__UreoU {
  box-sizing: border-box;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 0 20px;
  display: flex;
  position: relative
}

.VipTips_vip_long_wrap__vOLi2.VipTips_v0__7mhnS,
.VipTips_vip_long_wrap__vOLi2.VipTips_v0__7mhnS .VipTips_wrap_cont__UreoU {
  background: linear-gradient(to bottom right, #878d9f 0%, #616676 100%)
}

.VipTips_vip_long_wrap__vOLi2.VipTips_v0__7mhnS .VipTips_vip_level_icon__f6Y92 {
  background-image:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/vip-shadow.edf5e510.png*/
    var(--media-url-64)
}

.VipTips_vip_long_wrap__vOLi2.VipTips_v0__7mhnS .VipTips_cont__xu8JK {
  flex-direction: column
}

@keyframes VipTips_longWrapFade__S6gwc {
  0% {
    opacity: 1
  }

  50% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes VipTips_TipsWrapFade__PCqUq {
  0% {
    opacity: 0
  }

  50% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes VipTips_receiveFlash__XLIme {
  0% {
    left: -50px
  }

  to {
    left: calc(100% + 50px)
  }
}

@keyframes VipTips_TipsFlash__YgZWF {
  0% {
    left: -166px
  }

  to {
    left: calc(100% + 166px)
  }
}

@media (min-width:768px) {
  .VipTips_vip_long_wrap__vOLi2 {
    z-index: 52;
    width: fit-content;
    transform: unset;
    margin: 0;
    bottom: 28px;
    left: auto;
    right: 15px
  }

  .VipTips_vip_long_wrap__vOLi2 .VipTips_vip_level_icon__f6Y92 {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
  }

  .VipTips_vip_long_wrap__vOLi2 .VipTips_cont__xu8JK {
    flex-direction: column;
    display: flex
  }

  .VipTips_vip_long_wrap__vOLi2 .VipTips_cont__xu8JK>div {
    z-index: 1;
    position: relative
  }

  .VipTips_vip_long_wrap__vOLi2 .VipTips_cont__xu8JK .VipTips_text__tkJVH {
    font-size: 14px;
    line-height: 18px
  }

  .VipTips_vip_long_wrap__vOLi2 .VipTips_cont__xu8JK .VipTips_discount__op65u {
    font-size: 24px;
    line-height: 32px
  }

  .VipTips_vip_long_wrap__vOLi2 .VipTips_cont__xu8JK .VipTips_discount__op65u span {
    margin-right: 4px;
    font-family: DINPro;
    font-size: 20px;
    line-height: 28px
  }

  .VipTips_vip_long_wrap__vOLi2 .VipTips_wrap_cont__UreoU {
    height: 58px;
    padding: 2.5px 20px 2.5px 92px
  }

  @keyframes VipTips_TipsFlash__YgZWF {
    0% {
      left: -190px
    }

    to {
      left: calc(100% + 190px)
    }
  }
}

[dir=rtl] .VipTips_vip_long_wrap__vOLi2 {
  direction: ltr
}

.PopVipEquityDesc_v0__-jkz\+ .PopVipEquityDesc_tilt_bg__P5eyK {
  background: linear-gradient(to bottom right, #878d9f 0%, #616676 100%)
}

.PopVipEquityDesc_pop_mode_box__yQ\+2b {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

@media screen and (min-width:768px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 568px;
    max-height: 730px
  }

  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb .PopVipEquityDesc_pop_mess__0pbcj {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1025px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 558px;
    max-height: 580px
  }

  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb .PopVipEquityDesc_pop_mess__0pbcj {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1280px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 558px;
    max-height: 558px
  }
}

@media screen and (min-width:1440px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 580px;
    max-height: 642px
  }
}

@media screen and (min-width:1600px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 580px;
    max-height: 642px
  }
}

@media screen and (min-width:1920px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 580px;
    max-height: 742px
  }
}

.PopVipEquityDesc_pop_mess__0pbcj {
  box-sizing: border-box;
  padding: 20px
}

.PopVipEquityDesc_pop_mess__0pbcj::-webkit-scrollbar {
  scrollbar-width: none;
  width: 6px
}

.PopVipEquityDesc_pop_mess__0pbcj::-webkit-scrollbar-thumb {
  background-color: var(--background-secondarycomponent);
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px #0003
}

@keyframes PopVipEquityDesc_LoadingRotateAni__pOnOf {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopVipEquityDesc_pop_mode_box__yQ\+2b {
  box-sizing: border-box;
  width: 100%;
  min-height: 324px
}

.PopVipEquityDesc_close_btn__OgdUz {
  color: var(--font-w-primary);
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  position: absolute;
  top: 16px;
  right: 16px
}

.PopVipEquityDesc_pop_mess__0pbcj {
  padding: 32px 20px 20px;
  overflow: auto
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
  max-height: 328px;
  overflow: auto
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V::-webkit-scrollbar {
  display: none
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF {
  text-align: center;
  margin-bottom: 12px
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_icon__s1wrM {
  border-radius: 12px;
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  position: relative
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_icon__s1wrM img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_name__DrhMw {
  color: var(--font-w-primary);
  margin-bottom: 4px;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_name__DrhMw:last-child {
  margin-bottom: 0
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_error_text__GYhha {
  color: var(--font-function-danger-normal);
  justify-content: center;
  align-items: center;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_error_text__GYhha i {
  margin-right: 4px
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text__-N3xn {
  color: var(--font-w-secondary);
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_btn_wrap__FMKLe {
  margin-top: 20px
}

@media (min-width:768px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    min-height: unset
  }

  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb .PopVipEquityDesc_pop_mess__0pbcj,
  .PopVipEquityDesc_pop_mess__0pbcj {
    padding: 48px 72px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
    max-height: 388px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF {
    margin-bottom: 20px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_icon__s1wrM {
    width: 72px;
    height: 72px;
    margin-bottom: 24px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_name__DrhMw {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_error_text__GYhha {
    font-size: 16px;
    line-height: 24px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text__-N3xn {
    font-size: 16px;
    line-height: 24px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_btn_wrap__FMKLe {
    margin-top: 32px
  }

  .PopVipEquityDesc_close_btn__OgdUz {
    font-size: 16px;
    top: 34px;
    right: 34px
  }
}

@media (min-width:1025px) {
  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
    max-height: 226px
  }
}

@media (min-width:1280px) {
  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
    max-height: 204px
  }
}

@media (min-width:1440px) {
  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
    max-height: 288px
  }
}

@media (min-width:1920px) {
  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
    max-height: 388px
  }
}

[dir=rtl] .PopVipEquityDesc_close_btn__OgdUz {
  left: 16px;
  right: auto
}

[dir=rtl] .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_error_text__GYhha i {
  margin-left: 4px;
  margin-right: 0
}

@media (min-width:768px) {
  [dir=rtl] .PopVipEquityDesc_close_btn__OgdUz {
    font-size: 16px;
    top: 34px;
    left: 34px
  }
}

.PopCookie_pop_mode_box__WhyPT {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

@media screen and (min-width:768px) {
  .PopCookie_pop_mode_box__WhyPT {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .PopCookie_pop_mode_box__WhyPT.PopCookie_active__UWi7E {
    opacity: 1;
    transform: translate(-50%, -50%)
  }

  .PopCookie_pop_mode_box__WhyPT.PopCookie_c_pop__4PD8p {
    width: 540px;
    min-height: 344px;
    max-height: 608px
  }

  .PopCookie_pop_mode_box__WhyPT.PopCookie_c_pop__4PD8p .PopCookie_pop_mess__2AWiI {
    padding-left: 40px;
    padding-right: 40px
  }
}

.PopCookie_pop_mess__2AWiI {
  box-sizing: border-box;
  padding: 20px
}

.PopCookie_pop_mess__2AWiI::-webkit-scrollbar {
  scrollbar-width: none;
  width: 6px
}

.PopCookie_pop_mess__2AWiI::-webkit-scrollbar-thumb {
  background-color: var(--background-secondarycomponent);
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px #0003
}

@keyframes PopCookie_LoadingRotateAni__hLE\+F {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopCookie_pop_mode_box__WhyPT {
  width: 100%;
  box-shadow: 0px 16px 64px 0px var(--colorsalphab25);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: var(--background-component);
  border-radius: 12px 12px 0 0
}

.PopCookie_pop_mode_box__WhyPT.PopCookie_active__UWi7E {
  z-index: 99;
  transform: translateY(0)
}

.PopCookie_pop_mode_box__WhyPT .PopCookie_pop_mess__2AWiI {
  box-sizing: border-box;
  padding: 0 20px 20px;
  position: relative
}

.PopCookie_btn_wrap_block__26ldQ {
  margin-bottom: 20px;
  padding: 0 20px
}

.PopCookie_btn_wrap_block__26ldQ .PopCookie_btn_wrap__DrN5M {
  flex: 1;
  padding: 0
}

.PopCookie_btn_wrap_block__26ldQ .PopCookie_btn_wrap__DrN5M:first-child {
  margin-bottom: 16px
}

.PopCookie_pop_mess__2AWiI .PopCookie_mess_text__yADXH {
  color: var(--font-w-secondary);
  font-size: 14px;
  line-height: 22px
}

.PopCookie_pop_mess__2AWiI .PopCookie_mess_text__yADXH a {
  color: var(--font-brand-normal)
}

.PopCookie_ft_link__IyDL8 {
  text-align: center;
  width: 100%;
  padding-bottom: 20px
}

.PopCookie_ft_link__IyDL8 a {
  color: var(--font-brand-normal);
  cursor: pointer;
  font-size: 12px;
  line-height: 18px
}

@media screen and (min-width:768px) {
  .PopCookie_pop_mode_box__WhyPT {
    border-radius: 12px
  }

  .PopCookie_pop_mode_box__WhyPT.PopCookie_active__UWi7E {
    inset: auto 40px 40px auto;
    transform: translate(0%)
  }

  .PopCookie_btn_wrap_block__26ldQ {
    padding: 0 40px
  }

  .PopCookie_pop_mess__2AWiI {
    margin-top: -16px
  }

  .PopCookie_btn_wrap__DrN5M {
    padding: 0 40px
  }
}

@media screen and (min-width:1280px) {
  .PopCookie_btn_wrap_block__26ldQ {
    padding: 0 40px
  }
}

@media screen and (min-width:1600px) {
  .PopCookie_btn_wrap_block__26ldQ {
    padding: 0 40px
  }

  .PopCookie_pop_mode_box__WhyPT {
    border-radius: 12px;
    box-shadow: 0 16px 64px #111733bf
  }

  .PopCookie_pop_mode_box__WhyPT.PopCookie_active__UWi7E {
    inset: auto 40px 40px auto;
    transform: translate(0%)
  }

  .PopCookie_pop_mess__2AWiI {
    padding: 0 0 24px
  }

  .PopCookie_pop_mess__2AWiI .PopCookie_mess_text__yADXH {
    font-size: 16px;
    line-height: 24px
  }

  .PopCookie_ft_link__IyDL8 {
    padding-bottom: 24px
  }

  .PopCookie_ft_link__IyDL8 a {
    cursor: pointer;
    font-size: 14px;
    line-height: 22px
  }
}

@media (min-width:768px) {
  [dir=rtl] .PopCookie_pop_mode_box__WhyPT.PopCookie_active__UWi7E {
    inset: auto auto 40px 40px
  }
}

@media screen and (min-width:1600px) {
  [dir=rtl] .PopCookie_pop_mode_box__WhyPT.PopCookie_active__UWi7E {
    inset: auto auto 40px 40px
  }
}

@keyframes smallpop_LoadingRotateAni__7GZ5Z {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

:root {
  --colors-brand-09: #011a7d;
  --colors-brand-08: #0022ab;
  --colors-brand-07: #002cde;
  --colors-brand-06: #1b56ff;
  --colors-brand-05: #3166ff;
  --colors-brand-04: #3988ff;
  --colors-brand-03: #7fbbff;
  --colors-brand-02: #a2d1ff;
  --colors-brand-01: #3988ff40;
  --colors-brand-10: #02195c;
  --colors-lime-02: #88d945;
  --colors-lime-01: #4ad9c1;
  --colors-gradient-yellow-02: #f26c3d;
  --colors-gradient-yellow-01: #f2b818;
  --colors-gradient-blue-02: #1b56ff;
  --colors-gradient-blue-01: #00c4de;
  --colors-gradient-purple-02: #990cf2;
  --colors-gradient-purple-01: #e573cd;
  --colors-gradient-red-02: #e52e43;
  --colors-gradient-red-01: #ff824d;
  --colors-gradient-green-02: #00b25f;
  --colors-gradient-green-01: #88d945;
  --colors-gradient-cyan-02: #0099bf;
  --colors-gradient-cyan-01: #4ad9c1;
  --colors-gradient-secondarybrand-02: #fcc6b3;
  --colors-gradient-secondarybrand-01: #fae3a3;
  --colors-gradient-secondarybrand-09: #85650d;
  --colors-gradient-secondarybrand-08: #c25631;
  --colors-gradient-secondarybrand-07: #c29313;
  --colors-gradient-secondarybrand-06: #f58964;
  --colors-gradient-secondarybrand-05: #f5c646;
  --colors-gradient-secondarybrand-04: #f26c3d;
  --colors-gradient-secondarybrand-03: #f2b818;
  --colors-gradient-secondarybrand-10: #853b22;
  --colors-gradient-brand-09: #056a8c;
  --colors-gradient-brand-08: #002cde;
  --colors-gradient-brand-07: #0790be;
  --colors-gradient-brand-06: #3166ff;
  --colors-gradient-brand-05: #6bdcf8;
  --colors-gradient-brand-04: #1b56ff;
  --colors-gradient-brand-03: #00c4de;
  --colors-gradient-brand-02: #c6d5ff;
  --colors-gradient-brand-01: #bff0f7;
  --colors-gradient-brand-10: #0022ab;
  --colors-pink-02: #e573cd;
  --colors-pink-01: #f473ff;
  --colors-purple-09: #430b77;
  --colors-purple-08: #671fa2;
  --colors-purple-06: #bc5ef7;
  --colors-purple-05: #cc79f9;
  --colors-purple-04: #da94fa;
  --colors-purple-03: #e6b0fc;
  --colors-purple-07: #990cf2;
  --colors-purple-02: #f1ccfd;
  --colors-purple-01: #bc5ef726;
  --colors-purple-10: #25004d;
  --colors-red-09: #a9060d;
  --colors-red-08: #c20a16;
  --colors-red-07: #de1021;
  --colors-red-04: #ef7885;
  --colors-red-03: #f5a8b0;
  --colors-red-02: #f7bec5;
  --colors-red-06: #e52e43;
  --colors-red-05: #e94356;
  --colors-red-01: #e9435626;
  --colors-red-10: #8e0207;
  --colors-green-09: #006f41;
  --colors-green-08: #009150;
  --colors-green-05: #28dd7a;
  --colors-green-03: #82eeac;
  --colors-green-07: #00b25f;
  --colors-green-04: #54e691;
  --colors-green-06: #00d567;
  --colors-green-02: #b4f7cb;
  --colors-green-01: #00d56726;
  --colors-green-10: #004d2f;
  --colors-yellow-09: #c29313;
  --colors-yellow-08: #cb8a06;
  --colors-yellow-03: #ffd561;
  --colors-yellow-02: #ffeda4;
  --colors-yellow-07: #f2aa0a;
  --colors-yellow-06: #f2b818;
  --colors-yellow-05: #f5c646;
  --colors-yellow-04: #ffc63f;
  --colors-yellow-01: #ffc63f26;
  --colors-yellow-10: #85650d;
  --colors-orange-09: #853b22;
  --colors-orange-08: #aa471d;
  --colors-orange-06: #d35a36;
  --colors-orange-07: #c25631;
  --colors-orange-02: #fcc4a4;
  --colors-orange-05: #f77040;
  --colors-orange-04: #ff824d;
  --colors-orange-03: #f58964;
  --colors-orange-01: #f7704026;
  --colors-orange-10: #6a2b16;
  --colors-cyan-09: #0d5777;
  --colors-cyan-03: #83e6f9;
  --colors-cyan-02: #c7faff;
  --colors-cyan-08: #056a8c;
  --colors-cyan-07: #0790be;
  --colors-cyan-06: #0099bf;
  --colors-cyan-05: #00c4de;
  --colors-cyan-04: #6bdcf8;
  --colors-cyan-01: #6bdcf826;
  --colors-cyan-10: #00334d;
  --colors-alpha-b5: #0000000d;
  --colors-alpha-b25: #00000040;
  --colors-alpha-b50: #00000080;
  --colors-alpha-b75: #000000bf;
  --colors-alpha-b100: #000;
  --colors-alpha-w25: #ffffff40;
  --colors-alpha-w50: #ffffff80;
  --colors-alpha-w75: #ffffffbf;
  --colors-alpha-w100: #fff;
  --colors-alpha-b10: #0000001a;
  --colors-alpha-b80: #000c;
  --colors-alpha-b90: #000000e5;
  --colors-alpha-w5: #ffffff0d;
  --colors-alpha-w10: #ffffff1a;
  --colors-blue-09: #011a7d;
  --colors-blue-03: #7fbbff;
  --colors-blue-02: #a2d1ff;
  --colors-blue-01: #3988ff40;
  --colors-blue-08: #0022ab;
  --colors-blue-07: #002cde;
  --colors-blue-06: #1b56ff;
  --colors-blue-05: #3166ff;
  --colors-blue-04: #3988ff;
  --colors-blue-10: #02195c;
  --colors-neutral-08: #292f47;
  --colors-neutral-06: #d1d4e1;
  --colors-neutral-05: #d9dcea;
  --colors-neutral-04: #e3e5f0;
  --colors-neutral-03: #eeeff8;
  --colors-neutral-02: #f3f5fb;
  --colors-neutral-white1: #fff;
  --colors-neutral-01: #fafbff;
  --colors-neutral-09: #252940;
  --colors-neutral-14: #101424;
  --colors-neutral-13: #14182b;
  --colors-neutral-12: #181d30;
  --colors-neutral-11: #1c2236;
  --colors-neutral-10: #20253b;
  --special-borders-divider: var(--colors-alpha-w25);
  --special-borders-stroke: var(--colors-alpha-w5);
  --special-font-b-disable: var(--colors-alpha-b25);
  --special-font-b-placeholder: var(--colors-alpha-b50);
  --special-font-b-secondary: var(--colors-alpha-b75);
  --special-font-b-primary: var(--colors-alpha-b100);
  --special-font-w-disable: var(--colors-alpha-w25);
  --special-font-w-placeholder: var(--colors-alpha-w50);
  --special-font-w-secondary: var(--colors-alpha-w75);
  --special-font-w-primary: var(--colors-alpha-w100);
  --special-toast-puple: var(--colors-gradient-puple-02);
  --special-toast-red: var(--colors-gradient-red-02);
  --special-toast-green: var(--colors-gradient-green-01);
  --special-toast-cyan: var(--colors-gradient-cyan-02);
  --special-toast-yellow: var(--colors-gradient-yellow-02);
  --special-toast-blue: var(--colors-gradient-blue-02);
  --special-tag-puple: var(--colors-gradient-puple-02);
  --special-tag-red: var(--colors-gradient-red-02);
  --special-tag-green: var(--colors-gradient-green-02);
  --special-tag-cyan: var(--colors-gradient-cyan-02);
  --special-tag-yellow: var(--colors-gradient-yellow-02);
  --special-tag-blue: var(--colors-gradient-blue-02);
  --special-button-secondarybrand-disable: var(--colors-gradient-secondarybrand-10);
  --special-button-secondarybrand-active: var(--colors-gradient-secondarybrand-08);
  --special-button-secondarybrand-hover: var(--colors-gradient-secondarybrand-06);
  --special-button-secondarybrand: var(--colors-gradient-secondarybrand-04);
  --special-button-brand-disable: var(--colors-gradient-brand-10);
  --special-button-brand-active: var(--colors-gradient-brand-08);
  --special-button-brand-hover: var(--colors-gradient-brand-06);
  --special-button-brand: var(--colors-gradient-brand-04);
  --special-button-ghost: var(--colors-alpha-w10);
  --special-button-secondarybrand-disable-lighter: var(--colors-gradient-secondarybrand-09);
  --special-button-secondarybrand-active-lighter: var(--colors-gradient-secondarybrand-07);
  --special-button-secondarybrand-hover-lighter: var(--colors-gradient-secondarybrand-05);
  --special-button-secondarybrand-lighter: var(--colors-gradient-secondarybrand-03);
  --special-button-brand-disable-lighter: var(--colors-gradient-brand-09);
  --special-button-brand-active-lighter: var(--colors-gradient-brand-07);
  --special-button-brand-hover-lighter: var(--colors-gradient-brand-05);
  --special-button-brand-lighter: var(--colors-gradient-brand-03);
  --borders-success: var(--colors-green-06);
  --borders-divider: var(--colors-alpha-w25);
  --borders-error: var(--colors-red-05);
  --borders-active: var(--colors-blue-06);
  --borders-border: var(--colors-alpha-w10);
  --borders-stroke: var(--colors-alpha-w5);
  --font-b-disable: var(--colors-alpha-b25);
  --font-b-placeholder: var(--colors-alpha-b50);
  --font-b-secondary: var(--colors-alpha-b75);
  --font-b-primary: var(--colors-alpha-b100);
  --font-w-primary: var(--colors-alpha-w100);
  --font-w-disable: var(--colors-alpha-w25);
  --font-w-placeholder: var(--colors-alpha-w50);
  --font-function-promotion-normal: var(--colors-yellow-04);
  --font-function-highlight-normal: var(--colors-cyan-04);
  --font-function-success-disable: var(--colors-green-02);
  --font-function-success-active: var(--colors-green-07);
  --font-function-success-hover: var(--colors-green-05);
  --font-function-success-normal: var(--colors-green-06);
  --font-function-warning-disable: var(--colors-orange-02);
  --font-function-warning-active: var(--colors-orange-06);
  --font-function-warning-hover: var(--colors-orange-04);
  --font-function-warning-normal: var(--colors-orange-05);
  --font-function-danger-disable: var(--colors-red-02);
  --font-function-danger-active: var(--colors-red-06);
  --font-function-danger-hover: var(--colors-red-04);
  --font-function-danger-normal: var(--colors-red-05);
  --font-w-secondary: var(--colors-alpha-w75);
  --font-brand-disable: var(--colors-brand-02);
  --font-brand-active: var(--colors-brand-05);
  --font-brand-hover: var(--colors-brand-03);
  --font-brand-normal: var(--colors-brand-04);
  --background-noticebar-warning: var(--colors-orange-01);
  --background-badge: var(--colors-red-05);
  --background-noticebar-success: var(--colors-green-01);
  --background-noticebar-promotion: var(--colors-yellow-01);
  --background-noticebar-error: var(--colors-red-01);
  --background-secondarycomponent-active: var(--colors-neutral-08);
  --background-secondarycomponent-hover: var(--colors-neutral-09);
  --background-secondarycomponent: var(--colors-neutral-10);
  --background-container-active-select: var(--colors-neutral-09);
  --background-page: var(--colors-neutral-14);
  --background-secondarycontainer-hover: var(--colors-neutral-11);
  --background-component-active: var(--colors-neutral-09);
  --background-secondarycontainer-active: var(--colors-neutral-09);
  --background-container-hover: var(--colors-neutral-12);
  --background-toast: var(--colors-alpha-b90);
  --background-container-active: var(--colors-neutral-10);
  --background-container: var(--colors-neutral-13);
  --background-secondarycontainer: var(--colors-neutral-12);
  --background-component: var(--colors-neutral-11);
  --background-component-disable: var(--colors-neutral-12);
  --background-component-hover: var(--colors-neutral-10);
  --other-mask-w-component: var(--colors-alpha-w10);
  --other-mask-b-component: var(--colors-alpha-b10);
  --other-mask-page: var(--colors-alpha-b80);
  --other-decoration-light: var(--colors-brand-04);
  --other-decoration-dark: var(--colors-brand-06)
}

:root[class~=lip][class~=light] {
  --other-decoration-dark: var(--colors-brand-03);
  --other-decoration-light: var(--colors-brand-02);
  --other-mask-w-component: var(--colors-alpha-b10);
  --other-mask-b-component: var(--colors-alpha-w10);
  --other-mask-page: var(--colors-alpha-b50);
  --special-toast-puple: var(--colors-gradient-purple-02);
  --special-toast-red: var(--colors-gradient-red-02);
  --special-toast-green: var(--colors-gradient-green-02);
  --special-toast-cyan: var(--colors-gradient-cyan-02);
  --special-toast-yellow: var(--colors-gradient-yellow-02);
  --special-toast-blue: var(--colors-gradient-blue-02);
  --special-tag-puple: var(--colors-gradient-purple-02);
  --special-tag-red: var(--colors-gradient-red-02);
  --special-tag-green: var(--colors-gradient-green-02);
  --special-tag-cyan: var(--colors-gradient-cyan-02);
  --special-tag-yellow: var(--colors-gradient-yellow-02);
  --special-tag-blue: var(--colors-gradient-blue-02);
  --special-borders-stroke: var(--colors-alpha-w5);
  --special-borders-divider: var(--colors-alpha-w25);
  --special-button-ghost: var(--colors-alpha-w10);
  --special-button-secondarybrand-disabled: var(--colors-gradient-secondarybrand-02);
  --special-button-secondarybrand-disabled-lighter: var(--colors-gradient-secondarybrand-01);
  --special-button-secondarybrand-active: var(--colors-gradient-secondarybrand-08);
  --special-button-secondarybrand-active-lighter: var(--colors-gradient-secondarybrand-07);
  --special-button-secondarybrand-hover: var(--colors-gradient-secondarybrand-06);
  --special-button-secondarybrand-hover-lighter: var(--colors-gradient-secondarybrand-05);
  --special-button-secondarybrand: var(--colors-gradient-secondarybrand-04);
  --special-button-secondarybrand-lighter: var(--colors-gradient-secondarybrand-03);
  --special-button-brand-disable: var(--colors-gradient-brand-02);
  --special-button-brand-disable-lighter: var(--colors-gradient-brand-01);
  --special-button-brand-active: var(--colors-gradient-brand-08);
  --special-button-brand-active-lighter: var(--colors-gradient-brand-07);
  --special-button-brand-hover: var(--colors-gradient-brand-06);
  --special-button-brand-hover-lighter: var(--colors-gradient-brand-05);
  --special-button-brand: var(--colors-gradient-brand-04);
  --special-button-brand-lighter: var(--colors-gradient-brand-03);
  --special-mask-component: var(--colors-alpha-b50);
  --special-font-b-disabled: var(--colors-alpha-b25);
  --special-font-b-placeholder: var(--colors-alpha-b50);
  --special-font-b-secondary: var(--colors-alpha-b75);
  --special-font-b-primary: var(--colors-alpha-b100);
  --special-font-w-disabled: var(--colors-alpha-w50);
  --special-font-w-placeholder: var(--colors-alpha-w50);
  --special-font-w-secondary: var(--colors-alpha-w75);
  --special-font-w-primary: var(--colors-alpha-w100);
  --borders-error: var(--colors-red-06);
  --borders-success: var(--colors-green-07);
  --borders-active: var(--colors-blue-06);
  --borders-divider: var(--colors-alpha-b25);
  --borders-border: var(--colors-alpha-b10);
  --borders-stroke: var(--colors-alpha-b5);
  --font-brand-disabled: var(--colors-brand-02);
  --font-brand-active: var(--colors-brand-07);
  --font-brand-hover: var(--colors-brand-05);
  --font-brand-normal: var(--colors-brand-06);
  --font-b-disabled: var(--colors-alpha-w25);
  --font-b-placeholder: var(--colors-alpha-w50);
  --font-function-danger-disabled: var(--colors-red-02);
  --font-function-danger-active: var(--colors-red-08);
  --font-function-danger-hover: var(--colors-red-06);
  --font-function-danger-normal: var(--colors-red-07);
  --font-function-warning-disabled: var(--colors-orange-02);
  --font-function-warning-active: var(--colors-orange-06);
  --font-function-warning-hover: var(--colors-orange-04);
  --font-function-warning-normal: var(--colors-orange-05);
  --font-function-success-disabled: var(--colors-green-02);
  --font-function-success-active: var(--colors-green-08);
  --font-function-success-hover: var(--colors-green-06);
  --font-function-success-normal: var(--colors-green-07);
  --font-function-highlight-normal: var(--font-brand-normal);
  --font-function-promotion-normal: var(--colors-yellow-07);
  --font-b-secondary: var(--colors-alpha-w75);
  --font-b-primary: var(--colors-alpha-w100);
  --font-w-disabled: var(--colors-alpha-b25);
  --font-w-placeholder: var(--colors-alpha-b50);
  --font-w-secondary: var(--colors-alpha-b75);
  --font-w-primary: var(--colors-alpha-b100);
  --background-message: var(--colors-alpha-b10);
  --background-toast: var(--colors-alpha-b75);
  --background-badge: var(--colors-red-05);
  --background-noticebar-success: var(--colors-green-01);
  --background-noticebar-warning: var(--colors-orange-01);
  --background-noticebar-error: var(--colors-red-01);
  --background-noticebar-promotion: var(--colors-yellow-01);
  --background-component-disabled: var(--colors-neutral-02);
  --background-secondarycomponent-active: var(--colors-neutral-05);
  --background-secondarycomponent-hover: var(--colors-neutral-04);
  --background-component-active: var(--colors-neutral-04);
  --background-component-hover: var(--colors-neutral-03);
  --background-secondarycontainer-active: var(--colors-neutral-04);
  --background-secondarycontainer-hover: var(--colors-neutral-02);
  --background-container-active-select: var(--colors-neutral-white1);
  --background-container-active: var(--colors-neutral-02);
  --background-container-hover: var(--colors-neutral-01);
  --background-secondarycomponent: var(--colors-neutral-03);
  --background-component: var(--colors-neutral-02);
  --background-secondarycontainer: var(--colors-neutral-01);
  --background-container: var(--colors-neutral-white1);
  --background-page: var(--colors-neutral-03)
}

:root {
  --colors-brand-09: #011a7d;
  --colors-brand-08: #0022ab;
  --colors-brand-07: #002cde;
  --colors-brand-06: #1b56ff;
  --colors-brand-05: #3166ff;
  --colors-brand-04: #3988ff;
  --colors-brand-03: #7fbbff;
  --colors-brand-02: #a2d1ff;
  --colors-brand-01: #3988ff40;
  --colors-brand-10: #02195c;
  --colors-lime-02: #88d945;
  --colors-lime-01: #4ad9c1;
  --colors-gradient-yellow-02: #f26c3d;
  --colors-gradient-yellow-01: #f2b818;
  --colors-gradient-blue-02: #1b56ff;
  --colors-gradient-blue-01: #00c4de;
  --colors-gradient-purple-02: #990cf2;
  --colors-gradient-purple-01: #e573cd;
  --colors-gradient-red-02: #e52e43;
  --colors-gradient-red-01: #ff824d;
  --colors-gradient-green-02: #00b25f;
  --colors-gradient-green-01: #88d945;
  --colors-gradient-cyan-02: #0099bf;
  --colors-gradient-cyan-01: #4ad9c1;
  --colors-gradient-secondarybrand-02: #fcc6b3;
  --colors-gradient-secondarybrand-01: #fae3a3;
  --colors-gradient-secondarybrand-09: #85650d;
  --colors-gradient-secondarybrand-08: #c25631;
  --colors-gradient-secondarybrand-07: #c29313;
  --colors-gradient-secondarybrand-06: #f58964;
  --colors-gradient-secondarybrand-05: #f5c646;
  --colors-gradient-secondarybrand-04: #f26c3d;
  --colors-gradient-secondarybrand-03: #f2b818;
  --colors-gradient-secondarybrand-10: #853b22;
  --colors-gradient-brand-09: #056a8c;
  --colors-gradient-brand-08: #002cde;
  --colors-gradient-brand-07: #0790be;
  --colors-gradient-brand-06: #3166ff;
  --colors-gradient-brand-05: #6bdcf8;
  --colors-gradient-brand-04: #1b56ff;
  --colors-gradient-brand-03: #00c4de;
  --colors-gradient-brand-02: #c6d5ff;
  --colors-gradient-brand-01: #bff0f7;
  --colors-gradient-brand-10: #0022ab;
  --colors-pink-02: #e573cd;
  --colors-pink-01: #f473ff;
  --colors-purple-09: #430b77;
  --colors-purple-08: #671fa2;
  --colors-purple-06: #bc5ef7;
  --colors-purple-05: #cc79f9;
  --colors-purple-04: #da94fa;
  --colors-purple-03: #e6b0fc;
  --colors-purple-07: #990cf2;
  --colors-purple-02: #f1ccfd;
  --colors-purple-01: #bc5ef726;
  --colors-purple-10: #25004d;
  --colors-red-09: #a9060d;
  --colors-red-08: #c20a16;
  --colors-red-07: #de1021;
  --colors-red-04: #ef7885;
  --colors-red-03: #f5a8b0;
  --colors-red-02: #f7bec5;
  --colors-red-06: #e52e43;
  --colors-red-05: #e94356;
  --colors-red-01: #e9435626;
  --colors-red-10: #8e0207;
  --colors-green-09: #006f41;
  --colors-green-08: #009150;
  --colors-green-05: #28dd7a;
  --colors-green-03: #82eeac;
  --colors-green-07: #00b25f;
  --colors-green-04: #54e691;
  --colors-green-06: #00d567;
  --colors-green-02: #b4f7cb;
  --colors-green-01: #00d56726;
  --colors-green-10: #004d2f;
  --colors-yellow-09: #c29313;
  --colors-yellow-08: #cb8a06;
  --colors-yellow-03: #ffd561;
  --colors-yellow-02: #ffeda4;
  --colors-yellow-07: #f2aa0a;
  --colors-yellow-06: #f2b818;
  --colors-yellow-05: #f5c646;
  --colors-yellow-04: #ffc63f;
  --colors-yellow-01: #ffc63f26;
  --colors-yellow-10: #85650d;
  --colors-orange-09: #853b22;
  --colors-orange-08: #aa471d;
  --colors-orange-06: #d35a36;
  --colors-orange-07: #c25631;
  --colors-orange-02: #fcc4a4;
  --colors-orange-05: #f77040;
  --colors-orange-04: #ff824d;
  --colors-orange-03: #f58964;
  --colors-orange-01: #f7704026;
  --colors-orange-10: #6a2b16;
  --colors-cyan-09: #0d5777;
  --colors-cyan-03: #83e6f9;
  --colors-cyan-02: #c7faff;
  --colors-cyan-08: #056a8c;
  --colors-cyan-07: #0790be;
  --colors-cyan-06: #0099bf;
  --colors-cyan-05: #00c4de;
  --colors-cyan-04: #6bdcf8;
  --colors-cyan-01: #6bdcf826;
  --colors-cyan-10: #00334d;
  --colors-alpha-b5: #0000000d;
  --colors-alpha-b25: #00000040;
  --colors-alpha-b50: #00000080;
  --colors-alpha-b75: #000000bf;
  --colors-alpha-b100: #000;
  --colors-alpha-w25: #ffffff40;
  --colors-alpha-w50: #ffffff80;
  --colors-alpha-w75: #ffffffbf;
  --colors-alpha-w100: #fff;
  --colors-alpha-b10: #0000001a;
  --colors-alpha-b80: #000c;
  --colors-alpha-b90: #000000e5;
  --colors-alpha-w5: #ffffff0d;
  --colors-alpha-w10: #ffffff1a;
  --colors-blue-09: #011a7d;
  --colors-blue-03: #7fbbff;
  --colors-blue-02: #a2d1ff;
  --colors-blue-01: #3988ff40;
  --colors-blue-08: #0022ab;
  --colors-blue-07: #002cde;
  --colors-blue-06: #1b56ff;
  --colors-blue-05: #3166ff;
  --colors-blue-04: #3988ff;
  --colors-blue-10: #02195c;
  --colors-neutral-08: #292f47;
  --colors-neutral-06: #d1d4e1;
  --colors-neutral-05: #d9dcea;
  --colors-neutral-04: #e3e5f0;
  --colors-neutral-03: #eeeff8;
  --colors-neutral-02: #f3f5fb;
  --colors-neutral-white1: #fff;
  --colors-neutral-01: #fafbff;
  --colors-neutral-09: #252940;
  --colors-neutral-14: #101424;
  --colors-neutral-13: #14182b;
  --colors-neutral-12: #181d30;
  --colors-neutral-11: #1c2236;
  --colors-neutral-10: #20253b
}

:root {
  --cyan: #38c9f8;
  --green: #00d567;
  --red: #ff5e5b;
  --orange: #f17b32;
  --yellow: #ffc733;
  --v1-light: #f1b280;
  --v1-dark: #994d38;
  --v2-light: #50d8c7;
  --v2-dark: #006b77;
  --v3-light: #b8c8ff;
  --v3-dark: #2f4184;
  --v4-light: #ffd157;
  --v4-dark: #a7681f;
  --v5-light: #90e1f2;
  --v5-dark: #007088;
  --v6-light: #c1cfff;
  --v6-dark: #2d47a5;
  --v7-light: #e7b9ff;
  --v7-dark: #5320a8;
  --v8-light: #f473ff;
  --v8-dark: #fff
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0
}

body,
p {
  margin: 0
}

input {
  background: 0 0;
  border: none;
  outline: none;
  line-height: normal;
  text-decoration: none
}

p {
  margin: 0
}

ul,
li {
  margin: 0;
  padding: 0
}

input[type=number] {
  appearance: textfield
}

@keyframes t-fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes t-fade-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes t-adjust-hue {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

iframe {
  width: 100%;
  box-shadow: none;
  border: none;
  display: inline-block;
  position: relative
}

main,
menu {
  display: block
}

video {
  display: inline-block
}

[hidden] {
  display: none
}

a {
  color: inherit;
  background: 0 0;
  text-decoration: none
}

a:link,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none
}

a:active {
  outline: 0
}

img {
  vertical-align: middle;
  border: none
}

svg:not(:root) {
  overflow: hidden
}

button,
input {
  color: inherit;
  font: inherit;
  vertical-align: middle;
  margin: 0
}

button,
input {
  overflow: visible
}

button {
  text-transform: none
}

button,
html input[type=button] {
  appearance: button;
  cursor: pointer
}

[disabled] {
  cursor: default
}

button::-moz-focus-inner {
  border: 0;
  padding: 0
}

input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  background: 0 0;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  text-decoration: none
}

input:-webkit-autofill {
  -webkit-transition: color 11111s ease-out, background-color 111111s ease-out
}

input:-webkit-autofill:hover {
  -webkit-transition: color 11111s ease-out, background-color 111111s ease-out
}

input:-webkit-autofill:focus {
  -webkit-transition: color 11111s ease-out, background-color 111111s ease-out
}

input:-webkit-autofill:active {
  -webkit-transition: color 11111s ease-out, background-color 111111s ease-out
}

input[type=number]::-webkit-inner-spin-button {
  height: auto
}

input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input {
  outline: 0
}

input {
  -webkit-user-modify: read-write-plaintext-only
}

input::-ms-clear {
  display: none
}

input::-ms-reveal {
  display: none
}

input::placeholder,
:is(input:input-placeholder) {
  color: #999
}

input::input-placeholder {
  color: #999
}

.placeholder {
  color: #999
}

th {
  padding: 0
}

p,
ul,
li {
  margin: 0;
  padding: 0
}

ul {
  list-style: none
}

html,
body {
  height: 100%
}

* {
  -webkit-tap-highlight-color: transparent
}

#root {
  height: 100%
}

.App {
  background-color: var(--bg5)
}

.app-wrap__relative {
  position: relative
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

.i-midas.close {
  cursor: pointer
}

@font-face {
  font-family: dinm;
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_98d252dcfc90ba34.ttf*/
    url(fonts/font_98d252dcfc90ba34ccd93794216c98b54df59161.ttf);
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_2069eae087691f23.eot*/
    url()format("embedded-opentype"),
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_12faf69d54217b30.woff*/
    url(fonts/font_12faf69d54217b30d4458fffad689e758b8a91c6.woff)format("woff"),
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_98d252dcfc90ba34.ttf*/
    url(fonts/font_98d252dcfc90ba34ccd93794216c98b54df59161.ttf)format("truetype"),
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_df763deaa53929fd.svg*/
    url()format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: dinm;
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_98d252dcfc90ba34.ttf*/
    url(fonts/font_98d252dcfc90ba34ccd93794216c98b54df59161.ttf);
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_2069eae087691f23.eot*/
    url()format("embedded-opentype"),
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_12faf69d54217b30.woff*/
    url(fonts/font_12faf69d54217b30d4458fffad689e758b8a91c6.woff)format("woff"),
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_98d252dcfc90ba34.ttf*/
    url(fonts/font_98d252dcfc90ba34ccd93794216c98b54df59161.ttf)format("truetype"),
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_df763deaa53929fd.svg*/
    url()format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: hok-text;
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/HOK-text_2f40038c7aa5a549.ttf*/
    url();
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/HOK-text_2f40038c7aa5a549.ttf*/
    url()format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: hok-title;
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/HOK-title_c07d68368bbcddb0.ttf*/
    url();
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/HOK-title_c07d68368bbcddb0.ttf*/
    url()format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: TencentSansMidasbuy;
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/TencentSansMidasbuy-Regular_e3c8980f24edec3e.ttf*/
    url();
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/TencentSansMidasbuy-Regular_e3c8980f24edec3e.ttf*/
    url()format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: DINPro;
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINPro-Bold_6adaa66a28fa7e89.otf*/
    url(fonts/font_6adaa66a28fa7e891c3f619466387762d56cad5c.otf);
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINPro-Bold_6adaa66a28fa7e89.otf*/
    url(fonts/font_6adaa66a28fa7e891c3f619466387762d56cad5c.otf)format("truetype");
  font-weight: 400;
  font-style: normal
}

@keyframes MidasbuyUI-LoadingRotateAni_2fa492 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes MidasbuyUI-popBgAnimate_87dd53 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes MidasbuyUI-rotateAni_2a0f3b {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes MidasbuyUI-LoadingRotateAni_709062 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes MidasbuyUI-popBgAnimate_21bcd8 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes MidasbuyUI-rotateAni_0ece93 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

div::-webkit-scrollbar {
  width: 6px
}

div::-webkit-scrollbar-thumb {
  background-color: var(--background-secondarycomponent);
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px #0003
}

@keyframes MidasbuyUI-LoadingRotateAni_6399fa {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes MidasbuyUI-popBgAnimate_036147 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes MidasbuyUI-rotateAni_04443e {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.rtl {
  direction: rtl
}

body {
  background-color: var(--background-page) !important
}

.icon {
  display: inline-block
}

@keyframes PopMessage_LoadingRotateAni__M3mqB {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes Footer_LoadingRotateAni__wmMjG {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes Footer_scrolling__eg-52 {
  0% {
    transform: translate(0%)
  }

  to {
    transform: translate(-50%)
  }
}

.Footer_footer__V8Lu\+ {
  box-sizing: border-box;
  background: var(--background-page);
  width: 100%;
  min-height: auto;
  padding: 32px 0;
  overflow: hidden
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 {
  padding: 0 20px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup {
  border-bottom: 1px solid var(--borders-stroke);
  margin-bottom: 24px;
  padding-bottom: 24px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup .Footer_mobile_wrap__30x\+G {
  align-items: center;
  display: flex
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup .Footer_midas_logo__SRX6y {
  height: 24px;
  margin-bottom: 12px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup .Footer_text__gjC1k {
  color: var(--font-w-secondary);
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 p {
  margin: 0
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK {
  border-bottom: 1px solid var(--borders-stroke);
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 24px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_left__rOBb5 {
  float: left;
  border-bottom: 1px solid var(--borders-stroke);
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_left__rOBb5>div {
  margin-bottom: 48px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_left__rOBb5>div:last-child {
  margin-bottom: 0
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 {
  float: left;
  width: 100%
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_label__6BR0r {
  color: var(--font-w-primary);
  margin-bottom: 8px;
  font-family: Arial;
  font-size: 14px;
  line-height: 14px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p__uZkbt {
  width: 100%;
  color: var(--font-w-secondary);
  font-size: 12px;
  line-height: 18px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_contact_btn_wrap__PrBJQ {
  display: flex
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_contact_btn_wrap__PrBJQ.Footer_wrap_style__\+CUdA {
  flex-wrap: wrap
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_contact_btn_wrap__PrBJQ.Footer_wrap_style__\+CUdA .Footer_btn_style__vqMFb {
  width: 100%;
  margin-bottom: 11px;
  margin-right: 0
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_contact_btn_wrap__PrBJQ .Footer_btn__S8O5R {
  background: var(--background-component);
  width: calc(50% - 5.5px);
  height: 36px;
  color: var(--font-w-primary);
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-right: 11px;
  font-family: Arial;
  font-size: 12px;
  display: flex;
  position: relative
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_contact_btn_wrap__PrBJQ .Footer_btn__S8O5R i {
  margin-top: -2px;
  margin-right: 8px;
  font-size: 16px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_contact_btn_wrap__PrBJQ .Footer_btn__S8O5R:only-child {
  width: 162px;
  margin-left: 0;
  margin-right: auto
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_contact_btn_wrap__PrBJQ .Footer_btn__S8O5R:last-child {
  margin-right: 0
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb {
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: relative
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb.Footer_channel_box__CFxiu .Footer_box__0rp2N {
  flex-wrap: wrap;
  width: fit-content;
  display: flex
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb.Footer_channel_box__CFxiu .Footer_box__0rp2N:hover {
  -webkit-animation-play-state: paused
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_box__0rp2N {
  flex: 1;
  margin-bottom: 12px;
  padding-right: 0
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_seo_wrap__t\+fvu {
  flex-flow: column;
  align-items: start;
  gap: 12px;
  max-width: 100%;
  margin-right: 24px;
  display: flex;
  overflow: hidden
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_seo_wrap__t\+fvu .Footer_label__6BR0r {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  max-width: 100%;
  margin-bottom: 0
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_seo_wrap__t\+fvu .Footer_seo_box__V2fN2 {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_seo_wrap__t\+fvu .Footer_seo_box__V2fN2 .Footer_seo_info__0yvsM {
  color: var(--font-w-placeholder);
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  font-size: 12px;
  line-height: 18px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_seo_wrap__t\+fvu .Footer_seo_box__V2fN2 .Footer_qa__AWbM\+ {
  flex-direction: column;
  gap: 0;
  max-width: 100%;
  display: flex
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_seo_wrap__t\+fvu .Footer_seo_box__V2fN2 .Footer_qa__AWbM\+ .Footer_seo_info__0yvsM {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  box-sizing: border-box;
  align-items: center;
  gap: 4px;
  width: max-content;
  max-width: 100%;
  display: inline-flex
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_seo_wrap__t\+fvu .Footer_seo_box__V2fN2 .Footer_qa__AWbM\+ .Footer_seo_jump__2H4FU {
  background-color: var(--font-brand-normal);
  cursor: pointer;
  flex-shrink: 0
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_payment_box__yFS-q .Footer_on_list__bU-Ih a {
  width: 36px;
  height: 24px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_on_list__bU-Ih {
  cursor: pointer;
  width: 36px;
  height: 36px;
  margin-top: 16px;
  margin-right: 16px
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_on_list__bU-Ih a {
  background: var(--white5);
  border-radius: 6px;
  width: 36px;
  height: 36px;
  display: block;
  position: relative;
  overflow: hidden
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb .Footer_on_list__bU-Ih a img {
  background: #fff;
  width: 100%;
  height: 100%;
  transition: all .2s ease-in-out;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_b__RywTt {
  float: left;
  width: 100%
}

.Footer_footer__V8Lu\+ .Footer_icon_box__fI8BA {
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  display: flex
}

.Footer_footer__V8Lu\+ .Footer_icon_box__fI8BA>div {
  margin-right: 20px
}

.Footer_footer__V8Lu\+ .Footer_icon_box__fI8BA>div:last-child {
  margin-right: 0
}

.Footer_footer__V8Lu\+ .Footer_icon_box__fI8BA img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%
}

.Footer_footer__V8Lu\+ .Footer_icon_box__fI8BA .Footer_square_icon__Mnbtb {
  width: 48px;
  height: 48px
}

.Footer_footer__V8Lu\+ .Footer_icon_box__fI8BA .Footer_rectangle_icon__MchOi {
  width: 44.8px;
  height: 28px
}

.Footer_footer__V8Lu\+ ul {
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 0 4px;
  padding: 0;
  display: flex
}

.Footer_footer__V8Lu\+ li {
  float: left;
  margin: 0 5px 0 0;
  padding: 0
}

.Footer_footer__V8Lu\+ li a {
  color: var(--font-w-secondary);
  cursor: pointer;
  background: 0 0;
  border: none;
  outline: none;
  padding-right: 5px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  display: block;
  position: relative
}

.Footer_footer__V8Lu\+ li a:after {
  content: " ";
  background: var(--font-w-secondary);
  width: 1px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

.Footer_footer__V8Lu\+ li:last-child a:after {
  content: none
}

.Footer_footer__V8Lu\+ .Footer_copying__kgzJi {
  text-align: center;
  color: var(--font-w-secondary);
  letter-spacing: 0;
  font-family: Arial;
  font-size: 12px;
  line-height: 20px
}

@media (min-width:768px) {
  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 {
    width: 672px;
    margin: 0 auto
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup {
    border-bottom: 1px solid var(--borders-stroke);
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 24px;
    display: flex
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup.Footer_pad_wrap__CLoMr {
    flex-flow: column;
    align-items: flex-start
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup .Footer_txt_wrap__HgbI9 {
    align-items: center;
    display: flex
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup .Footer_txt_wrap__HgbI9>div {
    margin-right: 8px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup .Footer_midas_logo__SRX6y {
    width: auto;
    margin-right: 12px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_label__6BR0r {
    margin-bottom: 0
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p_box__ZPoxb {
    margin-bottom: 12px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_left__rOBb5 {
    margin-bottom: 24px;
    padding-bottom: 24px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 {
    position: relative
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_label__6BR0r {
    margin-bottom: 8px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_p_box__ZPoxb {
    align-items: center;
    margin-bottom: 0;
    display: flex
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_p_box__ZPoxb.Footer_p_box_style__8C\+oH {
    flex-flow: column;
    align-items: start
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_p_box__ZPoxb .Footer_txt_wrap__HgbI9 {
    align-items: center;
    display: flex
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_p_box__ZPoxb .Footer_txt_wrap__HgbI9 .Footer_label__6BR0r {
    margin-bottom: 0;
    margin-right: 8px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_p_box__ZPoxb .Footer_box__0rp2N {
    margin-bottom: 0;
    padding-right: 0
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_contact_btn_wrap__PrBJQ {
    flex-shrink: 0;
    margin-top: -22px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_contact_btn_wrap__PrBJQ.Footer_wrap_style__\+CUdA {
    flex-wrap: nowrap;
    margin-top: 12px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_contact_btn_wrap__PrBJQ.Footer_wrap_style__\+CUdA .Footer_btn__S8O5R.Footer_btn_style__vqMFb {
    width: 330px;
    margin-bottom: 0;
    margin-right: 12px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_contact_btn_wrap__PrBJQ.Footer_wrap_style__\+CUdA .Footer_btn__S8O5R {
    width: 159px;
    margin-right: 12px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_contact_btn_wrap__PrBJQ.Footer_wrap_style__\+CUdA .Footer_btn__S8O5R:last-child {
    margin-right: 0
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_contact_btn_wrap__PrBJQ .Footer_btn__S8O5R {
    min-width: 145px;
    padding: 10px 16px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_b__RywTt {
    display: flex
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_b__RywTt>div {
    flex-shrink: 0
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_icon_box__fI8BA {
    margin-bottom: 0;
    margin-right: 24px
  }

  .Footer_footer__V8Lu\+ ul {
    justify-content: flex-start
  }

  .Footer_footer__V8Lu\+ .Footer_copying__kgzJi {
    text-align: left
  }
}

@media (min-width:1025px) {
  .Footer_footer__V8Lu\+ {
    padding: 40px 0
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 {
    width: 90%;
    margin: 0 auto
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup {
    border-bottom: 1px solid var(--borders-stroke);
    align-items: center;
    margin-bottom: 32px;
    padding-bottom: 32px;
    display: flex
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup.Footer_pad_wrap__CLoMr {
    flex-flow: row;
    align-items: center
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup .Footer_txt_wrap__HgbI9 {
    margin-top: 0
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup .Footer_midas_logo__SRX6y {
    height: 32px;
    margin-right: 24px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup .Footer_text__gjC1k {
    font-size: 18px;
    line-height: 26px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_label__6BR0r {
    font-size: 16px;
    line-height: 24px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_p__uZkbt {
    font-size: 14px;
    line-height: 22px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_box__0rp2N {
    flex-wrap: wrap;
    align-items: center;
    display: flex
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_box__0rp2N p {
    width: fit-content
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_left__rOBb5 {
    flex-direction: row;
    justify-content: space-between
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_left__rOBb5>div {
    flex-shrink: 0;
    width: 50%;
    margin-bottom: 0
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_left__rOBb5>div:first-child {
    width: 49%
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_left__rOBb5 .Footer_p_box__ZPoxb .Footer_payment_box__yFS-q .Footer_on_list__bU-Ih a {
    width: 42px;
    height: 28px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_p_box__ZPoxb.Footer_p_box_style__8C\+oH {
    flex-flow: unset;
    justify-content: space-between;
    align-items: center
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_p_box__ZPoxb .Footer_txt_wrap__HgbI9 {
    flex-flow: column;
    align-items: start;
    margin-right: 24px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_contact_btn_wrap__PrBJQ {
    width: 50%
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_contact_btn_wrap__PrBJQ.Footer_wrap_style__\+CUdA {
    width: 50%;
    margin-top: 24px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_contact_btn_wrap__PrBJQ.Footer_wrap_style__\+CUdA .Footer_btn__S8O5R.Footer_btn_style__vqMFb {
    flex-shrink: 0;
    min-width: 306px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_contact_btn_wrap__PrBJQ.Footer_wrap_style__\+CUdA .Footer_btn__S8O5R {
    flex: 1 0;
    min-width: 145px
  }

  .Footer_footer__V8Lu\+ .Footer_b__RywTt {
    float: none;
    align-items: center;
    display: flex
  }

  .Footer_footer__V8Lu\+ .Footer_b__RywTt>div {
    align-items: center;
    display: flex
  }

  .Footer_footer__V8Lu\+ ul {
    width: fit-content;
    margin-bottom: 0
  }

  .Footer_footer__V8Lu\+ li a,
  .Footer_footer__V8Lu\+ .Footer_copying__kgzJi {
    color: var(--font-w-placeholder);
    font-size: 14px;
    line-height: 22px
  }
}

@media (min-width:1280px) {
  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_left__rOBb5 {
    margin-bottom: 32px;
    padding-bottom: 32px
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_seo_wrap__t\+fvu .Footer_seo_box__V2fN2 .Footer_qa__AWbM\+ {
    flex-direction: row;
    gap: 18px;
    display: flex
  }

  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_seo_wrap__t\+fvu .Footer_seo_box__V2fN2 .Footer_qa__AWbM\+ .Footer_seo_info__0yvsM {
    width: max-content
  }
}

@media (min-width:1600px) {
  .Footer_footer__V8Lu\+ .Footer_main__kd6P4 {
    max-width: 1280px
  }
}

@keyframes Footer_scrolling-rtl__svg7y {
  0% {
    transform: translate(0%)
  }

  to {
    transform: translate(50%)
  }
}

[dir=rtl] .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_contact_btn_wrap__PrBJQ .Footer_btn__S8O5R i,
[dir=rtl] .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_contact_btn_wrap__PrBJQ .Footer_btn__S8O5R img {
  margin-left: 8px;
  margin-right: 0
}

[dir=rtl] .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_contact_btn_wrap__PrBJQ .Footer_btn__S8O5R:only-child {
  width: 162px;
  margin-left: auto;
  margin-right: 0
}

[dir=rtl] .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_contact_btn_wrap__PrBJQ .Footer_btn__S8O5R {
  margin-left: 11px;
  margin-right: 0
}

[dir=rtl] .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_contact_btn_wrap__PrBJQ .Footer_btn__S8O5R:only-child {
  margin-left: 0;
  margin-right: auto
}

[dir=rtl] .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_contact_btn_wrap__PrBJQ .Footer_btn__S8O5R:last-child {
  margin-left: 0
}

[dir=rtl] .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_p_box__ZPoxb .Footer_on_list__bU-Ih {
  float: right;
  margin-left: 16px;
  margin-right: 0
}

[dir=rtl] .Footer_footer__V8Lu\+ .Footer_icon_box__fI8BA>div {
  margin-left: 20px;
  margin-right: 0
}

[dir=rtl] .Footer_footer__V8Lu\+ .Footer_icon_box__fI8BA>div:last-child {
  margin-right: 0
}

@media (min-width:768px) {
  [dir=rtl] .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_p_box__ZPoxb .Footer_txt_wrap__HgbI9 .Footer_label__6BR0r {
    margin-left: 8px;
    margin-right: 0
  }

  [dir=rtl] .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup .Footer_midas_logo__SRX6y {
    margin-left: 12px;
    margin-right: 0
  }
}

@media (min-width:1025px) {
  [dir=rtl] .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_t__V\+OBK .Footer_right__rkNC9 .Footer_p_box__ZPoxb .Footer_txt_wrap__HgbI9 {
    margin-left: 24px;
    margin-right: 0
  }

  [dir=rtl] .Footer_footer__V8Lu\+ .Footer_main__kd6P4 .Footer_midas_take__ZEtup .Footer_midas_logo__SRX6y {
    margin-left: 24px;
    margin-right: 0
  }
}

@keyframes PopTrustpilotInfoCollection_LoadingRotateAni__\+yieA {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes Trustpilot_LoadingRotateAni__M5o2i {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.Trustpilot_footer_wrap__w66Dz {
  display: flex;
  width: 100% !important
}

.Trustpilot_footer_left__jGrsN {
  flex-grow: 1
}

.Trustpilot_footer_right__eLi23 {
  display: none
}

.Trustpilot_footer_title__0etvh {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex
}

.Trustpilot_footer_title__0etvh img {
  content: url(images/image_84abe2db9d9dd2d89aedc89dc82d2c9b116f9906.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 90px;
  height: 21.77px
}

.Trustpilot_footer_enter_btn__KV5zX {
  background-color: var(--background-component);
  text-align: left;
  color: #04da8d;
  cursor: pointer;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: flex
}

.Trustpilot_footer_enter_btn__KV5zX i {
  color: #04da8d;
  width: 14px;
  height: 14px;
  margin-right: 4px
}

.Trustpilot_footer_text__mVc2t {
  color: var(--font-w-secondary);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px
}

@media (min-width:768px) {
  .Trustpilot_footer_title__0etvh img {
    width: 98px;
    height: 23.71px
  }

  .Trustpilot_footer_text__mVc2t {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
  }

  .Trustpilot_footer_wrap__w66Dz {
    align-items: center
  }

  .Trustpilot_footer_enter_btn__KV5zX {
    border-radius: 6px;
    flex-shrink: 0;
    height: 38px;
    padding: 0 64px
  }

  .Trustpilot_footer_right__eLi23 {
    flex-shrink: 0;
    display: block
  }

  .Trustpilot_footer_right__eLi23 .Trustpilot_footer_enter_btn__KV5zX {
    display: flex
  }

  .Trustpilot_footer_enter_btn__KV5zX {
    display: none
  }
}

@media (min-width:1280px) {
  .Trustpilot_footer_title__0etvh img {
    width: 123px;
    height: 29.76px;
    margin-right: 16px
  }

  .Trustpilot_footer_text__mVc2t {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
  }

  .Trustpilot_footer_left__jGrsN {
    align-items: center;
    display: flex
  }

  .Trustpilot_footer_enter_btn__KV5zX {
    flex-shrink: 0;
    height: 46px;
    padding: 0 94px;
    font-size: 14px;
    line-height: 22px
  }
}

[dir=rtl] .Trustpilot_footer_enter_btn__KV5zX i {
  margin-left: 4px;
  margin-right: unset
}

@keyframes PopFeedback_LoadingRotateAni__pALT0 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopPatFace_LoadingRotateAni__UHtcy {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopPatFace_popAni__r5m0\+ {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.8)
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1)
  }
}

@keyframes PopGetPoints_LoadingRotateAni__Oxb5x {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopGetPoints_ucFly__aVGcc {
  0% {
    top: 4px
  }

  50% {
    top: 8px
  }

  to {
    top: 4px
  }
}

@keyframes PopVipSlapFaceExtraUc_LoadingRotateAni__J-2\+i {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopVipSlapFaceExtraUc_showSlapFaceBg__B-bhs {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes PopVipSlapFaceExtraUc_showSlapFace__gNiPi {
  0% {
    transform: translate(-50%, -50%)rotate(0)
  }

  to {
    transform: translate(-50%, -50%)rotate(360deg)
  }
}

@keyframes PopVipSlapFaceExtraUc_iconRotate__VQi9w {
  0% {
    opacity: 0;
    transform: rotateY(0)
  }

  to {
    opacity: 1;
    transform: rotateY(2520deg)
  }
}

@media screen and (max-width:374px) {
  .PatFacePopWrapper_visa-card-pat-face-pop__PTPdF .PatFacePopWrapper_pop-content__XfRYX {
    background-size: contain;
    width: 90%;
    height: 350px
  }
}

.PatFacePopWrapper_visa-card-pat-face-pop__PTPdF {
  z-index: 99998;
  background: #000c;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0
}

.PatFacePopWrapper_visa-card-pat-face-pop__PTPdF .PatFacePopWrapper_pop-content__XfRYX {
  -ms-animation: PatFacePopWrapper_popAni__sywQS .4s linear forwards;
  background:
    /*savepage-url=//cdn.midasbuy.com/oversea_web/static/images/visa-pat-face-pop-bg.a2b05bf0.png*/
    url() 50%/cover no-repeat;
  width: 335px;
  height: 403px;
  animation: .4s linear forwards PatFacePopWrapper_popAni__sywQS;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(.8)
}

.PatFacePopWrapper_visa-card-pat-face-pop__PTPdF .PatFacePopWrapper_pop-content__XfRYX .PatFacePopWrapper_popa__DsbDx {
  display: block;
  position: absolute;
  inset: 0
}

.PatFacePopWrapper_visa-card-pat-face-pop__PTPdF .PatFacePopWrapper_pop-content__XfRYX .PatFacePopWrapper_close-btn__erWAb {
  cursor: pointer;
  background: url(images/image_9815774c2e0ef378baff52aa6e7ebebe8cf59ea9.png) 50%/cover no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: -42px;
  left: 50%;
  transform: translate(-50%)
}

@keyframes PopVipRecommendLogin_LoadingRotateAni__zveoa {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopVipResultUpgradeTips_LoadingRotateAni__-I27c {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@font-face {
  font-family: VideoJS;
  src: url(assets/asset_0849283a006982696a88615684ada5a3ee1b973c.woff)format("woff");
  font-weight: 400;
  font-style: normal
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em)
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}

@keyframes vjs-spinner-spin {
  to {
    transform: rotate(360deg)
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }

  20% {
    border-top-color: #73859f
  }

  35% {
    border-top-color: #fff
  }

  60% {
    border-top-color: #73859f
  }

  to {
    border-top-color: #73859f
  }
}

:root {
  --v1-light: #f1b280;
  --v1-dark: #994d38;
  --v2-light: #50d8c7;
  --v2-dark: #006b77;
  --v3-light: #b8c8ff;
  --v3-dark: #2f4184;
  --v4-light: #ffd157;
  --v4-dark: #a7681f;
  --v5-light: #90e1f2;
  --v5-dark: #007088;
  --v6-light: #c1cfff;
  --v6-dark: #2d47a5;
  --v7-light: #e7b9ff;
  --v7-dark: #5320a8;
  --v8-light: #f473ff;
  --v8-dark: #fff;
  --text-white-4-disable: #ffffff40;
  --white1: #fff;
  --white2: #ffffffbf;
  --white3: #ffffff80;
  --white4: #ffffff40;
  --white5: #ffffff1a;
  --white6: #ffffff0d;
  --black1: #000000e6;
  --black2: #000c;
  --black3: #0009;
  --black4: #0006;
  --black5: #00000040;
  --black6: #0000001a
}

@keyframes LoadingRotateAni {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.hidden {
  display: none
}

/* --- Extracted <style> block #3 --- */
@keyframes PopSpecificPayment_LoadingRotateAni__QKp3W {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes MarketingPopUse_LoadingRotateAni__ds2Mx {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes OptionGroup_LoadingRotateAni__eMdWs {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes Button_LoadingRotateAni__D7mtC {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl .Button_icon_text__C-ysi {
  align-items: center;
  gap: 4px;
  display: flex
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl .Button_icon_text__C-ysi .Button_text__WeIeb {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Arial;
  font-size: 14px;
  overflow: hidden
}

.Button_btn_wrap__utZqk {
  box-sizing: border-box;
  outline: none;
  width: 100%;
  margin-bottom: 20px;
  position: relative
}

.Button_btn_wrap__utZqk:focus {
  outline: none
}

.Button_btn_wrap__utZqk:only-child,
.Button_btn_wrap__utZqk:last-child {
  margin-bottom: 0
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
  outline: none
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl:focus {
  outline: none
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl div,
.Button_btn_wrap__utZqk .Button_btn__P0ibl p {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-family: Arial
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl div img,
.Button_btn_wrap__utZqk .Button_btn__P0ibl p img {
  height: 20px;
  margin-right: 2px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl div i,
.Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
  vertical-align: middle;
  height: 14px;
  margin-right: 4px;
  font-size: 14px;
  line-height: 14px;
  display: inline-block
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM {
  text-align: center;
  background: linear-gradient(to bottom right, var(--special-button-brand-lighter)0%, var(--special-button-brand)100%);
  color: var(--special-font-w-primary);
  cursor: pointer;
  border-radius: 6px;
  outline: none;
  padding: 12px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  overflow: hidden
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM.Button_disable__fVSbn {
  background: linear-gradient(to bottom right, var(--special-button-brand-disable-lighter)0%, var(--special-button-brand-disable)100%);
  color: var(--special-font-w-disable);
  pointer-events: none
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM.Button_disable__fVSbn img {
  opacity: .25
}

@media (any-hover:hover) {
  .Button_btn_wrap__utZqk .Button_btn_primary__1ncdM:hover {
    background: linear-gradient(to bottom right, var(--special-button-brand-hover-lighter)0%, var(--special-button-brand-hover)100%);
    outline: none
  }
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM:active {
  background: linear-gradient(to bottom right, var(--special-button-brand-active-lighter)0%, var(--special-button-brand-active)100%);
  outline: none
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca {
  background: linear-gradient(to bottom right, var(--special-button-brand-lighter)0%, var(--special-button-brand)100%);
  cursor: pointer;
  border-radius: 6px;
  padding: 1px;
  position: relative
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca>div {
  text-align: center;
  background: var(--background-component);
  color: var(--font-brand-normal);
  border-radius: 6px;
  padding: 11px;
  font-size: 14px;
  line-height: 22px
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca.Button_disable__fVSbn {
  background: linear-gradient(to bottom right, var(--special-button-brand-disable-lighter)0%, var(--special-button-brand-disable)100%);
  pointer-events: none
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca.Button_disable__fVSbn>div {
  color: var(--special-font-w-disable)
}

@media (min-width:768px) {
  .Button_btn_wrap__utZqk .Button_btn__P0ibl .Button_icon_text__C-ysi .Button_text__WeIeb {
    font-size: 16px
  }

  .Button_btn_wrap__utZqk .Button_btn_primary__1ncdM {
    padding: 14px;
    font-size: 16px;
    line-height: 24px
  }

  .Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca>div {
    padding: 13px 14px;
    font-size: 16px;
    line-height: 24px
  }
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
  height: 16px;
  margin-right: 6px;
  font-size: 16px;
  line-height: 16px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_sign__h\+rWM {
  font-size: 12px;
  line-height: 18px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_sign__h\+rWM.Button_btn_primary__1ncdM {
  padding: 10px 12px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY {
  font-size: 12px;
  line-height: 18px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_primary__1ncdM,
.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_ghost__f58Ca>div {
  padding: 10px 24px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg {
  font-size: 16px;
  line-height: 24px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_primary__1ncdM,
.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_ghost__f58Ca>div {
  padding: 11px 24px
}

@media (min-width:768px) {
  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg {
    font-size: 14px;
    line-height: 22px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_primary__1ncdM,
  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_ghost__f58Ca>div {
    padding: 15px 24px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY {
    font-size: 12px;
    line-height: 18px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_primary__1ncdM {
    padding: 12px 24px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_ghost__f58Ca>div {
    padding: 10px 24px
  }
}

@media (min-width:1025px) {
  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY {
    font-size: 14px;
    line-height: 22px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY i {
    height: 20px;
    margin-right: 6px;
    font-size: 20px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg {
    font-size: 14px;
    line-height: 22px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_primary__1ncdM {
    padding: 15px 24px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_ghost__f58Ca>div {
    padding: 13px 24px
  }
}

@keyframes Button_rotateAni__kZdiK {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

[dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl div i,
[dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl p i,
[dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
  margin-left: 4px;
  margin-right: 0
}

@media (min-width:1025px) {
  [dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
    margin-left: 6px;
    margin-right: 4px
  }
}

.PaymentRelatedPop_pop_bg__kxWj- {
  visibility: visible;
  z-index: 100;
  background-color: var(--colors-alpha-b75);
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0
}

.PaymentRelatedPop_pop_mode_box__AbMA4 {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

.PaymentRelatedPop_pop_mode_box__AbMA4.PaymentRelatedPop_s_pop__3uNVP {
  width: 335px;
  padding-bottom: 20px
}

.PaymentRelatedPop_pop_mode_box__AbMA4.PaymentRelatedPop_active__PvCEL {
  z-index: 101;
  transform: translateY(0)
}

@media screen and (min-width:768px) {
  .PaymentRelatedPop_pop_mode_box__AbMA4 {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .PaymentRelatedPop_pop_mode_box__AbMA4.PaymentRelatedPop_active__PvCEL {
    opacity: 1;
    transform: translate(-50%, -50%)
  }

  .PaymentRelatedPop_pop_mode_box__AbMA4.PaymentRelatedPop_s_pop__3uNVP {
    width: 375px
  }
}

@media screen and (min-width:1025px) {
  .PaymentRelatedPop_pop_mode_box__AbMA4.PaymentRelatedPop_s_pop__3uNVP {
    width: 375px
  }
}

@media screen and (min-width:1280px) {
  .PaymentRelatedPop_pop_mode_box__AbMA4.PaymentRelatedPop_s_pop__3uNVP {
    width: 375px
  }
}

@media screen and (min-width:1440px) {
  .PaymentRelatedPop_pop_mode_box__AbMA4.PaymentRelatedPop_s_pop__3uNVP {
    width: 375px
  }
}

@media screen and (min-width:1600px) {
  .PaymentRelatedPop_pop_mode_box__AbMA4.PaymentRelatedPop_s_pop__3uNVP {
    width: 375px
  }
}

@media screen and (min-width:1920px) {
  .PaymentRelatedPop_pop_mode_box__AbMA4.PaymentRelatedPop_s_pop__3uNVP {
    width: 375px
  }
}

@keyframes PaymentRelatedPop_LoadingRotateAni__wJp-5 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PaymentRelatedPop_pop_bg__kxWj- {
  z-index: 699
}

.PaymentRelatedPop_pop_mode_box__AbMA4 {
  box-sizing: border-box;
  background-color: var(--background-container);
  z-index: -2;
  opacity: 0;
  z-index: -100;
  border-radius: 12px;
  width: 335px;
  padding: 32px 20px 24px;
  transition: all .2s ease-in-out;
  top: 50%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%)
}

.PaymentRelatedPop_pop_mode_box__AbMA4.PaymentRelatedPop_all_vw_box__p\+74r {
  width: 100%
}

.PaymentRelatedPop_pop_mode_box__AbMA4.PaymentRelatedPop_active__PvCEL {
  opacity: 1;
  z-index: 700;
  transform: translate(-50%, -50%)
}

.PaymentRelatedPop_pop_mode_box__AbMA4 .PaymentRelatedPop_close_btn__5HxlZ {
  color: var(--font-w-placeholder);
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  top: 16px;
  right: 18px
}

.PaymentRelatedPop_footer_text__WC9dm {
  text-align: center;
  color: var(--font-w-secondary);
  margin-top: 16px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px
}

.PaymentRelatedPop_footer_text__WC9dm a {
  color: var(--font-brand-normal);
  margin-left: 4px;
  display: inline-block
}

@media screen and (min-width:768px) {
  .PaymentRelatedPop_pop_mode_box__AbMA4 {
    width: 375px;
    padding: 40px 40px 32px
  }
}

[dir=rtl] .PaymentRelatedPop_close_btn__5HxlZ {
  left: 20px;
  right: auto
}

.PopStatusPrompt_pop_mode_box__nSRlx {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

.PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
  width: 335px;
  padding-bottom: 20px
}

@media screen and (min-width:768px) {
  .PopStatusPrompt_pop_mode_box__nSRlx {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1025px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1280px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1440px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1600px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1920px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@keyframes PopStatusPrompt_LoadingRotateAni__KpMLp {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopStatusPrompt_pop_mode_box__nSRlx {
  box-sizing: border-box;
  background-color: var(--background-container);
  z-index: -2;
  opacity: 0;
  z-index: -100;
  border-radius: 12px;
  width: 335px;
  padding: 32px 20px 24px;
  transition: all .2s ease-in-out;
  top: 50%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%)
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_title_box__TKREt {
  color: var(--font-w-primary);
  text-align: center;
  margin-bottom: 12px;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ {
  color: var(--font-w-secondary);
  text-align: center;
  margin-bottom: 24px;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ p,
.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ div {
  margin-bottom: 8px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ p:last-child,
.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ div:last-child {
  margin-bottom: 0
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ img {
  width: auto;
  height: 18px;
  margin: 0 8px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ .PopStatusPrompt_sub_text__1LlC0 {
  color: var(--font-w-secondary)
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ span {
  vertical-align: baseline;
  color: var(--font-function-highlight-normal);
  font-family: Arial
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ span i {
  vertical-align: baseline;
  margin: 0 2px;
  position: relative;
  top: 2px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_left__Ku5jM {
  text-align: left
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div {
  margin-bottom: 16px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div:last-child {
  margin-bottom: 0
}

@media screen and (min-width:768px) {
  .PopStatusPrompt_pop_mode_box__nSRlx {
    width: 375px;
    padding: 40px 40px 32px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ {
    font-size: 16px;
    line-height: 24px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_title_box__TKREt {
    font-size: 18px;
    line-height: 26px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div {
    height: 46px;
    line-height: 46px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div:only-child {
    width: 100%;
    height: 46px;
    line-height: 46px
  }
}

@keyframes Toast_LoadingRotateAni__Rws1m {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes MidasLogo_LoadingRotateAni__btLZx {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.MidasLogo_logo__DlzvG {
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  display: inline-block
}

@keyframes PopTitle_1_LoadingRotateAni__nfqMR {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopTitle_1_pop_title__EQgaL {
  box-sizing: border-box;
  padding: 20px 24px;
  position: relative
}

.PopTitle_1_pop_title__EQgaL .PopTitle_1_midas_logo__X1IdR {
  width: 88.5px;
  height: 18px
}

.PopTitle_1_pop_title__EQgaL p {
  color: var(--font-w-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  margin: 0;
  padding: 0 20px 0 0;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden
}

.PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
  cursor: pointer;
  width: 16px;
  height: 16px;
  color: var(--font-w-placeholder);
  font-size: 16px;
  position: absolute;
  top: 21px;
  right: 21px
}

.PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media (min-width:768px) {
  .PopTitle_1_pop_title__EQgaL {
    box-sizing: border-box;
    padding: 32px 48px 28px;
    position: relative
  }

  .PopTitle_1_pop_title__EQgaL p {
    font-size: 20px;
    line-height: 28px
  }

  .PopTitle_1_pop_title__EQgaL .PopTitle_1_midas_logo__X1IdR {
    width: 118px;
    height: 24px
  }

  .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
    width: 20px;
    height: 20px;
    color: var(--font-w-placeholder);
    background: 0 0;
    border-radius: 0;
    font-size: 16px;
    top: 34px;
    right: 48px
  }

  .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 i {
    color: var(--font-w-placeholder);
    font-size: 20px
  }
}

@media (min-width:1280px) {
  .PopTitle_1_pop_title__EQgaL {
    box-sizing: border-box;
    align-items: center;
    padding: 32px 56px 28px;
    display: flex;
    position: relative
  }

  .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
    margin-left: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto
  }
}

@media screen and (min-width:768px) {
  .PopTitle_1_pop_title__EQgaL {
    align-items: center;
    padding: 32px 40px 28px;
    display: flex
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_ms_pop__XRc3H {
    padding: 20px 32px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_ms_pop__XRc3H p {
    font-size: 16px;
    line-height: 24px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs {
    padding: 32px 72px 30px
  }

  .PopTitle_1_pop_title__EQgaL p {
    font-size: 20px;
    line-height: 28px
  }

  .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
    margin-left: auto;
    font-size: 20px;
    position: relative;
    inset: auto
  }
}

@media screen and (min-width:1025px) {
  .PopTitle_1_pop_title__EQgaL {
    padding: 40px 40px 32px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs {
    padding: 40px 32px 36px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs.PopTitle_1_pop_title__EQgaL .PopTitle_1_midas_logo__X1IdR {
    width: 118px;
    height: 24px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs.PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
    width: 16px;
    height: 16px;
    font-size: 16px
  }
}

@media screen and (min-width:1280px) {
  .PopTitle_1_pop_title__EQgaL {
    padding: 32px 40px 28px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs {
    padding: 40px 64px 36px
  }
}

@media screen and (min-width:1600px) {
  .PopTitle_1_pop_title__EQgaL {
    padding: 32px 40px 28px
  }

  .PopTitle_1_pop_title__EQgaL.PopTitle_1_l_pop__WT-Gs {
    padding: 40px 100px 36px
  }
}

[dir=rtl] .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
  border-radius: 0 0 6px;
  left: 21px;
  right: auto
}

@media (min-width:768px) {
  [dir=rtl] .PopTitle_1_pop_title__EQgaL .PopTitle_1_close_btn__-MeP0 {
    margin-left: 0;
    margin-right: auto;
    left: auto;
    right: auto
  }
}

@keyframes t-popup-animation-expand-in-top {
  0% {
    clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%)
  }

  to {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%)
  }
}

@keyframes t-popup-animation-expand-out-top {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%)
  }

  to {
    clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%)
  }
}

@keyframes t-popup-animation-expand-in-bottom {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0)
  }

  to {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%)
  }
}

@keyframes t-popup-animation-expand-out-bottom {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%)
  }

  to {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0)
  }
}

@keyframes SpecificPaymentCard_LoadingRotateAni__aNbeo {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes VipBindTipsBar_LoadingRotateAni__rcdqo {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes VipBindTipsBar_receiveFlash__qb9fl {
  0% {
    left: -120px
  }

  to {
    left: calc(100% + 50px)
  }
}

@keyframes OrderSummary_LoadingRotateAni__IUsx6 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopGiftItemDetail_LoadingRotateAni__dMaO4 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopTitle_2_LoadingRotateAni__-Lja9 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopTitle_2_pop_title__CzNzt {
  box-sizing: border-box;
  align-items: center;
  min-height: 64px;
  padding: 20px;
  display: flex;
  position: relative
}

.PopTitle_2_pop_title__CzNzt.PopTitle_2_no_border__PDiPd {
  border-bottom: none
}

.PopTitle_2_pop_title__CzNzt p {
  color: var(--font-w-primary);
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px;
  display: block;
  overflow: hidden
}

.PopTitle_2_pop_title__CzNzt .PopTitle_2_close_btn__\+3O9n {
  color: var(--font-w-placeholder);
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  top: 22px;
  right: 20px
}

@media screen and (min-width:768px) {
  .PopTitle_2_pop_title__CzNzt {
    align-items: center;
    padding: 32px 40px 28px;
    display: flex
  }

  .PopTitle_2_pop_title__CzNzt.PopTitle_2_no_border__PDiPd.PopTitle_2_m_pop__o4rT- {
    padding-top: 40px;
    padding-bottom: 32px
  }

  .PopTitle_2_pop_title__CzNzt.PopTitle_2_m_pop__o4rT- {
    padding-left: 72px;
    padding-right: 72px
  }

  .PopTitle_2_pop_title__CzNzt p {
    font-size: 20px;
    line-height: 28px
  }

  .PopTitle_2_pop_title__CzNzt .PopTitle_2_close_btn__\+3O9n {
    margin-left: auto;
    font-size: 20px;
    position: relative;
    inset: auto
  }
}

@media screen and (min-width:1025px) {
  .PopTitle_2_pop_title__CzNzt {
    padding: 40px 40px 32px
  }

  .PopTitle_2_pop_title__CzNzt.PopTitle_2_m_pop__o4rT- {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1280px) {
  .PopTitle_2_pop_title__CzNzt.PopTitle_2_m_pop__o4rT- {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1600px) {
  .PopTitle_2_pop_title__CzNzt.PopTitle_2_m_pop__o4rT- {
    padding-left: 72px;
    padding-right: 72px
  }
}

[dir=rtl] .PopTitle_2_pop_title__CzNzt .PopTitle_2_close_btn__\+3O9n {
  left: 20px;
  right: auto
}

@media (min-width:768px) {
  [dir=rtl] .PopTitle_2_pop_title__CzNzt .PopTitle_2_close_btn__\+3O9n {
    margin-left: 0;
    margin-right: auto;
    left: auto;
    right: auto
  }
}

@keyframes GiftCardsDescItem_LoadingRotateAni__6INqS {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes GiftCardItem_LoadingRotateAni__QLdye {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes ChannelSettleBox_LoadingRotateAni__O67jW {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes ChannelSettleBox_identifier__B55N7 {
  0% {
    transform: rotateY(0)
  }

  15% {
    transform: rotateY(180deg)
  }

  30% {
    transform: rotateY(0)
  }

  40% {
    transform: rotateY(180deg)
  }

  50% {
    transform: rotateY(0)
  }

  60% {
    transform: rotateY(180deg)
  }

  70% {
    transform: rotateY(0)
  }

  84% {
    transform: rotateY(180deg)
  }

  to {
    transform: rotateY(0)
  }
}

@keyframes ChannelUserBox_LoadingRotateAni__mSEAc {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes CheckBoxText_LoadingRotateAni__YcGaU {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.CheckBoxText_check_wrap__P0Hmk {
  box-sizing: border-box;
  margin-bottom: 8px;
  padding-left: 24px;
  position: relative
}

.CheckBoxText_text_box__jjt6K .CheckBoxText_text__JkOpr {
  color: var(--font-w-primary);
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: inline
}

.CheckBoxText_text_box__jjt6K .CheckBoxText_text__JkOpr a span {
  cursor: pointer;
  color: var(--font-brand-normal)
}

.CheckBoxText_text__JkOpr {
  display: inline
}

a.link {
  cursor: pointer;
  color: var(--font-brand-normal);
  margin-left: 4px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px
}

.CheckBoxText_check__k9168 {
  border: 1px solid var(--font-w-secondary);
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 1px;
  left: 0
}

@media (min-width:768px) {
  .CheckBoxText_check__k9168 {
    top: 3px
  }

  .CheckBoxText_check_wrap__P0Hmk .CheckBoxText_text_box__jjt6K .CheckBoxText_text__JkOpr,
  a.link {
    font-size: 14px;
    line-height: 22px
  }
}

[dir=rtl] .CheckBoxText_check__k9168 {
  left: auto;
  right: 0
}

[dir=rtl] .CheckBoxText_check_wrap__P0Hmk {
  padding-left: 0;
  padding-right: 24px
}

@keyframes PopTaxInfoFill_LoadingRotateAni__omoCj {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes Input_LoadingRotateAni__4bUyR {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopCoupon_LoadingRotateAni__7l2Gn {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes LabelCards_LoadingRotateAni__qL5u9 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.LabelCards_card_label_box__Hcfaa {
  box-sizing: border-box;
  z-index: 1;
  flex-flow: column;
  display: flex;
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px
}

.LabelCards_label_wrap__yksy2 {
  box-sizing: border-box;
  border-radius: 3px;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 4px;
  display: flex;
  position: relative;
  overflow: hidden
}

.LabelCards_label_bg__ClzDi {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transform-origin: 0 0;
  box-sizing: border-box;
  background-color: #00000080;
  border-radius: 3px;
  height: 18px;
  position: absolute;
  inset: 0;
  transform: skew(352deg)
}

.LabelCards_label_txt__a7qr3 {
  color: var(--special-font-w-primary);
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  padding-left: 4px;
  padding-right: 6px;
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  position: relative;
  overflow: hidden
}

.LabelCards_label_txt__a7qr3>div {
  flex-shrink: 0
}

@keyframes LabelCards_scrollText__Ddy7n {
  0% {
    transform: translate(100%)
  }

  to {
    transform: translate(-100%)
  }
}

@keyframes LabelCards_scrollTextRtl__2hnYM {
  0% {
    transform: translate(-100%)
  }

  to {
    transform: translate(100%)
  }
}

.LabelCards_new_theme__yFd4a .LabelCards_label_bg__ClzDi {
  background: linear-gradient(to bottom right, var(--colors-gradient-green-01)0%, var(--colors-gradient-green-02)100%)
}

@media screen and (min-width:768px) {
  .LabelCards_label_bg__ClzDi {
    height: 22px
  }

  .LabelCards_label_txt__a7qr3 {
    padding-left: 5px;
    padding-right: 7px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
  }

  .LabelCards_card_label_box__Hcfaa {
    width: auto;
    padding-top: 8px;
    top: 0;
    left: 8px;
    right: 8px
  }
}

[dir=rtl] .LabelCards_label_bg__ClzDi {
  transform: skew(368deg)
}

[dir=rtl] .LabelCards_card_label_box__Hcfaa {
  direction: rtl
}

@keyframes CouponItem_LoadingRotateAni__Z374N {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopCouponDetails_LoadingRotateAni__\+F1zh {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopTitle_3_LoadingRotateAni__zbJIw {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes OrderSummaryDetailInRight_LoadingRotateAni__Y2DGE {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes OrderSummaryDetailInRight_identifier__DBEjy {
  0% {
    transform: rotateY(0)
  }

  15% {
    transform: rotateY(180deg)
  }

  30% {
    transform: rotateY(0)
  }

  40% {
    transform: rotateY(180deg)
  }

  50% {
    transform: rotateY(0)
  }

  60% {
    transform: rotateY(180deg)
  }

  70% {
    transform: rotateY(0)
  }

  84% {
    transform: rotateY(180deg)
  }

  to {
    transform: rotateY(0)
  }
}

@keyframes ApplePayButton_rotate__IXEqX {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes ApplePayDialog_LoadingRotateAni__gUFGy {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopRetain_LoadingRotateAni__wlbl- {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

@media screen and (min-width:768px) {
  .ReconfirmPaymentPop_pop_mode_box__xF1NH {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

.ReconfirmPaymentPop_pop_mess__fqVCx {
  box-sizing: border-box;
  padding: 20px
}

.ReconfirmPaymentPop_pop_mess__fqVCx::-webkit-scrollbar {
  scrollbar-width: none;
  width: 6px
}

.ReconfirmPaymentPop_pop_mess__fqVCx::-webkit-scrollbar-thumb {
  background-color: var(--background-secondarycomponent);
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px #0003
}

@keyframes ReconfirmPaymentPop_LoadingRotateAni__ZFhBo {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH {
  background-color: var(--background-container);
  border-radius: 0;
  width: 100%;
  height: auto;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: visible;
  transform: translateY(100vh)
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx {
  box-sizing: border-box;
  padding: 0
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom {
  padding: 0 20px 12px
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_title__FCrko {
  color: var(--font-w-primary);
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 {
  margin: 12px 0
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk {
  box-sizing: border-box;
  background: var(--background-component);
  cursor: pointer;
  border-radius: 6px;
  margin-bottom: 12px;
  padding: 2px;
  transition: all .2s;
  position: relative
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk.ReconfirmPaymentPop_no_close__MuI7n .ReconfirmPaymentPop_close_btn__6Pnqz {
  display: none
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk:last-child {
  margin-bottom: 0
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk:active,
.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk:active .ReconfirmPaymentPop_cont__Se7gs {
  background: var(--background-secondarycomponent-hover)
}

@media (any-hover:hover) {

  .ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk:not(.ReconfirmPaymentPop_active__tpHku):hover,
  .ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk:not(.ReconfirmPaymentPop_active__tpHku):hover .ReconfirmPaymentPop_cont__Se7gs {
    background: var(--background-secondarycomponent-hover)
  }
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk .ReconfirmPaymentPop_cont__Se7gs {
  box-sizing: border-box;
  background: var(--background-component);
  border-radius: 6px;
  transition: all .2s;
  position: relative
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk .ReconfirmPaymentPop_cont__Se7gs .ReconfirmPaymentPop_id__SpCgz {
  padding: 14px
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk .ReconfirmPaymentPop_cont__Se7gs .ReconfirmPaymentPop_close_btn__6Pnqz {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk .ReconfirmPaymentPop_cont__Se7gs .ReconfirmPaymentPop_close_btn__6Pnqz i {
  width: 12px;
  height: 12px;
  color: var(--font-w-placeholder);
  font-size: 12px;
  position: absolute;
  bottom: 0;
  left: 0
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk .ReconfirmPaymentPop_text__lCOgF {
  color: var(--font-w-primary);
  align-items: center;
  margin-bottom: 4px;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px;
  display: flex
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk .ReconfirmPaymentPop_text__lCOgF:last-child {
  margin-bottom: 0
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk .ReconfirmPaymentPop_link__2tmTs {
  color: var(--font-brand-normal);
  align-items: center;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk .ReconfirmPaymentPop_sub_text__1C1J1 {
  color: var(--font-w-secondary);
  margin-bottom: 4px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px
}

.ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom .ReconfirmPaymentPop_id_box__95am6 .ReconfirmPaymentPop_item__Zzbtk .ReconfirmPaymentPop_sub_text__1C1J1:last-child {
  margin-bottom: 0
}

.ReconfirmPaymentPop_pop_footer__QtcqF {
  box-sizing: border-box;
  background: var(--background-page);
  border-top: 1px solid var(--borders-stroke);
  justify-content: vc;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 20px;
  display: flex;
  position: relative;
  bottom: 0
}

.ReconfirmPaymentPop_pop_footer__QtcqF .ReconfirmPaymentPop_price_box__p7DVb .ReconfirmPaymentPop_total_box__p8mwQ {
  justify-content: vc;
  align-items: center;
  margin-bottom: 4px;
  display: flex
}

.ReconfirmPaymentPop_pop_footer__QtcqF .ReconfirmPaymentPop_price_box__p7DVb .ReconfirmPaymentPop_total_box__p8mwQ:last-child {
  margin-bottom: 0
}

.ReconfirmPaymentPop_pop_footer__QtcqF .ReconfirmPaymentPop_price_box__p7DVb .ReconfirmPaymentPop_total_box__p8mwQ .ReconfirmPaymentPop_label__y3wX4 {
  color: var(--font-w-secondary);
  margin-right: 8px;
  font-family: Arial;
  font-size: 16px;
  line-height: 24px
}

.ReconfirmPaymentPop_pop_footer__QtcqF .ReconfirmPaymentPop_price_box__p7DVb .ReconfirmPaymentPop_total_box__p8mwQ img {
  width: 20px;
  height: 20px;
  margin-left: 0;
  margin-right: 2px
}

.ReconfirmPaymentPop_pop_footer__QtcqF .ReconfirmPaymentPop_price_box__p7DVb .ReconfirmPaymentPop_total_box__p8mwQ i {
  width: 16px;
  height: 16px;
  color: var(--font-w-placeholder);
  margin-left: 4px;
  font-size: 16px
}

.ReconfirmPaymentPop_pop_footer__QtcqF .ReconfirmPaymentPop_price_box__p7DVb>div:last-child {
  margin-top: 0;
  margin-bottom: 0
}

.ReconfirmPaymentPop_pop_footer__QtcqF .ReconfirmPaymentPop_price_box__p7DVb .ReconfirmPaymentPop_text__lCOgF {
  color: var(--font-w-primary);
  font-family: dinm;
  font-size: 20px;
  line-height: 28px
}

.ReconfirmPaymentPop_pop_footer__QtcqF .ReconfirmPaymentPop_btn__NQZxv {
  text-align: center;
  background: linear-gradient(to bottom right, var(--special-button-brand-lighter)0%, var(--special-button-brand)100%);
  width: 160px;
  height: 46px;
  color: var(--font-w-primary);
  cursor: pointer;
  border-radius: 6px;
  flex-shrink: 0;
  font-family: Arial;
  font-size: 14px;
  line-height: 46px
}

.ReconfirmPaymentPop_pop_footer__QtcqF .ReconfirmPaymentPop_btn__NQZxv:active {
  background: linear-gradient(to bottom right, var(--special-button-brand-active-lighter)0%, var(--special-button-brand-active)100%)
}

@media (any-hover:hover) {
  .ReconfirmPaymentPop_pop_footer__QtcqF .ReconfirmPaymentPop_btn__NQZxv:hover {
    background: linear-gradient(to bottom right, var(--special-button-brand-hover-lighter)0%, var(--special-button-brand-hover)100%)
  }
}

@media (min-width:768px) {
  .ReconfirmPaymentPop_pop_mode_box__xF1NH {
    background-color: var(--background-container);
    z-index: -100;
    border-radius: 9px;
    width: 399px;
    height: auto;
    position: fixed;
    top: 50%;
    bottom: auto;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%)
  }

  .ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx {
    box-sizing: border-box;
    padding: 12px 0 0
  }

  .ReconfirmPaymentPop_pop_mode_box__xF1NH .ReconfirmPaymentPop_pop_mess__fqVCx .ReconfirmPaymentPop_confirm_box__Bcuom {
    padding: 0 32px 12px
  }

  .ReconfirmPaymentPop_pop_footer__QtcqF {
    padding: 16px 32px
  }
}

:root {
  --border-radius-sm: 6px;
  --brand-color: linear-gradient(to bottom right, var(--colors-cyan-05)0%, var(--colors-blue-06)100%)
}

@keyframes PopFollowAgreement_LoadingRotateAni__uMAdt {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes MarketingBar_LoadingRotateAni__Wyum8 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.MarketingBar_banner_time_wrap__VV3X\+ {
  box-sizing: border-box;
  width: fit-content;
  height: 18px;
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 0;
  overflow: hidden
}

.MarketingBar_banner_time_bg__Vhfr- {
  transform-origin: 0 0;
  box-sizing: border-box;
  background: linear-gradient(90deg, #fff 0%, #d9d9d9 100%);
  border-radius: 3px 3px 3px 0;
  height: 18px;
  position: absolute;
  inset: 0;
  transform: skew(352deg)
}

.MarketingBar_banner_time__aD0cH {
  color: #000000bf;
  padding: 0 4px 0 6px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  position: relative
}

.MarketingBar_txt_wrap__C42MT {
  flex-grow: 1
}

.MarketingBar_marketing_bar__HOMwj {
  box-sizing: border-box;
  margin: 14px 20px 0;
  position: relative
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE {
  box-sizing: border-box;
  max-width: 100%;
  height: 94px
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_swiper_slide__rz313 {
  box-sizing: border-box;
  max-width: 100%;
  height: 84px;
  padding-top: 8px
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY {
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 9px;
  width: 100%;
  height: 84px;
  position: relative
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY .MarketingBar_desc_box__sHa9C {
  border-radius: 9px
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY.MarketingBar_img_marketing__wePCv {
  padding: 0;
  position: relative;
  overflow: hidden
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY.MarketingBar_img_marketing__wePCv .MarketingBar_item_wrap__mU59B {
  background-size: 100% 100%
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY.MarketingBar_img_marketing__wePCv .MarketingBar_item_wrap__mU59B img {
  z-index: 0;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY.MarketingBar_theme__\+auBQ .MarketingBar_desc_box__sHa9C .MarketingBar_text__LNYw9 {
  text-shadow: 0 1px 2px #0006;
  font-size: 14px;
  line-height: 22px
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY .MarketingBar_item_wrap__mU59B {
  box-sizing: border-box;
  background-size: 100% 100%;
  background-color: var(--background-secondarycomponent-hover);
  border-radius: 9px;
  width: 100%;
  height: 100%;
  position: relative
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY .MarketingBar_check_btn__6IN2e {
  box-sizing: border-box;
  background: linear-gradient(#fff 0%, #ffffffbf 100%);
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  bottom: 9px;
  right: 21px;
  box-shadow: 0 4px 8px #0003
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY .MarketingBar_desc_box__sHa9C {
  z-index: 2;
  background-image:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/bar_bg_m.abaa4132.png*/
    var(--media-url-45);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  align-items: center;
  padding: 14px 90px 14px 20px;
  display: flex;
  position: absolute;
  inset: 0
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY .MarketingBar_desc_box__sHa9C .MarketingBar_text__LNYw9 {
  color: var(--special-font-w-primary);
  box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  width: 100%;
  max-width: 100%;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: -webkit-box;
  overflow: hidden
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY .MarketingBar_desc_box__sHa9C .MarketingBar_item_check_img__U2gui {
  max-width: 85px;
  position: absolute;
  bottom: 0;
  right: 2px
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY .MarketingBar_item_box_opacity__lNSpe {
  background: var(--black6);
  z-index: 1;
  border-radius: 9px;
  position: absolute;
  inset: 0
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_point_box__Stj10 {
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%)
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_point_box__Stj10 .MarketingBar_point__7Ln-V {
  background: var(--font-w-placeholder);
  border-radius: 4px;
  width: 4px;
  height: 4px;
  margin: 4px 0
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_point_box__Stj10 .MarketingBar_point__7Ln-V:first-child {
  margin-top: 0
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_point_box__Stj10 .MarketingBar_point__7Ln-V:last-child {
  margin-bottom: 0
}

.MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_point_box__Stj10 .MarketingBar_point__7Ln-V.MarketingBar_active__yJEgH {
  background: var(--font-w-primary);
  height: 16px
}

.swiper-slide {
  opacity: .2;
  transition: opacity .5s ease-in-out
}

.swiper-slide-active {
  opacity: 1
}

@keyframes MarketingBar_TipsFade__jjww2 {
  0% {
    opacity: 0;
    bottom: -52px
  }

  25% {
    opacity: 1;
    bottom: -42px
  }

  75% {
    opacity: 1;
    bottom: -42px
  }

  to {
    opacity: 0;
    bottom: -52px
  }
}

@media (max-width:374px) {
  .MarketingBar_marketing_bar__HOMwj {
    margin: 14px 14px 0
  }
}

@media (min-width:768px) {
  .MarketingBar_banner_time_wrap__VV3X\+ {
    border-radius: 3px;
    margin-bottom: 6px;
    position: relative;
    top: 0
  }

  .MarketingBar_banner_time_bg__Vhfr- {
    background: linear-gradient(90deg, #ffffffe6 0%, #fff9 100%);
    border-radius: 3px
  }

  .MarketingBar_marketing_bar__HOMwj {
    margin: 6px 0 0
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE {
    height: 114px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_swiper_slide__rz313 {
    height: 84px;
    padding-top: 20px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY {
    height: 92px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY .MarketingBar_desc_box__sHa9C {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY .MarketingBar_desc_box__sHa9C .MarketingBar_text__LNYw9 {
    font-size: 14px;
    line-height: 22px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY.MarketingBar_theme__\+auBQ .MarketingBar_desc_box__sHa9C {
    padding: 10px 24px 10px 144px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY.MarketingBar_theme__\+auBQ .MarketingBar_desc_box__sHa9C .MarketingBar_text__LNYw9 {
    box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: normal;
    text-shadow: 0 1px 2px #0006;
    -webkit-box-orient: vertical;
    width: 100%;
    max-width: 100%;
    font-family: DINPro;
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    overflow: hidden
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY.MarketingBar_theme__\+auBQ .MarketingBar_desc_box__sHa9C .MarketingBar_item_check_img__U2gui {
    max-width: 96px;
    left: 24px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY.MarketingBar_theme__\+auBQ .MarketingBar_desc_box__sHa9C .MarketingBar_check_btn__6IN2e {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    bottom: auto;
    right: auto
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_point_box__Stj10 {
    top: calc(50% + 8px);
    right: -18px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_point_box__Stj10 .MarketingBar_point__7Ln-V {
    width: 6px;
    height: 6px
  }
}

@media (min-width:1440px) {
  .MarketingBar_banner_time_wrap__VV3X\+ {
    height: 22px;
    margin-bottom: 8px
  }

  .MarketingBar_banner_time_bg__Vhfr- {
    height: 22px
  }

  .MarketingBar_banner_time__aD0cH {
    padding: 0 5px;
    font-size: 14px;
    line-height: 22px;
    top: 0
  }

  .MarketingBar_marketing_bar__HOMwj {
    margin: 22px 0 0
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE {
    height: 120px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_swiper_slide__rz313 {
    height: 100px;
    margin: 0 auto
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY {
    height: 100px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY.MarketingBar_theme__\+auBQ .MarketingBar_desc_box__sHa9C {
    padding: 22px 48px 22px 206px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY.MarketingBar_theme__\+auBQ .MarketingBar_desc_box__sHa9C .MarketingBar_text__LNYw9 {
    font-size: 18px;
    line-height: 26px
  }

  .MarketingBar_marketing_bar__HOMwj .MarketingBar_slide_box__hSsbE .MarketingBar_item_box__AhfwY.MarketingBar_theme__\+auBQ .MarketingBar_desc_box__sHa9C .MarketingBar_item_check_img__U2gui {
    max-width: 110px;
    left: 48px
  }
}

[dir=rtl] .MarketingBar_marketing_bar__HOMwj {
  direction: ltr
}

@font-face {
  font-family: swiper-icons;
  src: url("assets/asset_2f0309d7fe92d81bb9d17d8382747c5001ce3520.woff");
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  position: relative;
  overflow: hidden
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  z-index: 1;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: flex;
  position: relative
}

.swiper-wrapper {
  transform: translate(0, 0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  position: relative
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0)
}

@keyframes PopSuperLink_LoadingRotateAni__qu\+H4 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes BrandBgDecoration_LoadingRotateAni__aDeDJ {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.BrandBgDecoration_out__00zrI {
  background: linear-gradient(to bottom right, var(--other-decoration-dark)0%, var(--other-decoration-light)100%);
  z-index: 0;
  filter: blur(66.75px);
  border-radius: 50px;
  flex-shrink: 0;
  width: 265px;
  height: 265px;
  position: absolute;
  top: -200px;
  left: -100px;
  transform: rotate(45deg)
}

.BrandBgDecoration_out__00zrI .BrandBgDecoration_in__NneeU {
  background: linear-gradient(to bottom right, var(--other-decoration-dark)0%, var(--other-decoration-light)100%);
  filter: blur(33.375px);
  border-radius: 50px;
  flex-shrink: 0;
  width: 208px;
  height: 208px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media (min-width:768px) {
  .BrandBgDecoration_out__00zrI {
    filter: blur(136.704px);
    width: 401.39px;
    height: 401.39px;
    top: -345px;
    left: -115px
  }

  .BrandBgDecoration_out__00zrI .BrandBgDecoration_in__NneeU {
    width: 315dppx;
    height: 315dppx;
    filter: blur(68.352px);
    border-radius: 102.4px
  }
}

@media (min-width:1025px) {
  .BrandBgDecoration_out__00zrI {
    filter: blur(150px);
    border-radius: 112.36px;
    width: 595.506px;
    height: 595.506px;
    top: -530px;
    left: -230px
  }

  .BrandBgDecoration_out__00zrI .BrandBgDecoration_in__NneeU {
    filter: blur(75px);
    border-radius: 112.36px;
    width: 467.416px;
    height: 467.416px
  }
}

[dir=rtl] .BrandBgDecoration_out__00zrI {
  left: auto;
  right: -100px
}

@media (min-width:768px) {
  [dir=rtl] .BrandBgDecoration_out__00zrI {
    left: auto;
    right: -115px
  }
}

@media (min-width:1025px) {
  [dir=rtl] .BrandBgDecoration_out__00zrI {
    left: auto;
    right: -230px
  }
}

@keyframes PopDescModule_LoadingRotateAni__d8iMF {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopMarketing_LoadingRotateAni__Ur2bE {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopVipEquityDesc_v0__-jkz\+ .PopVipEquityDesc_tilt_bg__P5eyK {
  background: linear-gradient(to bottom right, #878d9f 0%, #616676 100%)
}

.PopVipEquityDesc_pop_mode_box__yQ\+2b {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

@media screen and (min-width:768px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 568px;
    max-height: 730px
  }

  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb .PopVipEquityDesc_pop_mess__0pbcj {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1025px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 558px;
    max-height: 580px
  }

  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb .PopVipEquityDesc_pop_mess__0pbcj {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1280px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 558px;
    max-height: 558px
  }
}

@media screen and (min-width:1440px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 580px;
    max-height: 642px
  }
}

@media screen and (min-width:1600px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 580px;
    max-height: 642px
  }
}

@media screen and (min-width:1920px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    width: 568px;
    min-height: 580px;
    max-height: 742px
  }
}

.PopVipEquityDesc_pop_mess__0pbcj {
  box-sizing: border-box;
  padding: 20px
}

.PopVipEquityDesc_pop_mess__0pbcj::-webkit-scrollbar {
  scrollbar-width: none;
  width: 6px
}

.PopVipEquityDesc_pop_mess__0pbcj::-webkit-scrollbar-thumb {
  background-color: var(--background-secondarycomponent);
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px #0003
}

@keyframes PopVipEquityDesc_LoadingRotateAni__pOnOf {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopVipEquityDesc_pop_mode_box__yQ\+2b {
  box-sizing: border-box;
  width: 100%;
  min-height: 324px
}

.PopVipEquityDesc_close_btn__OgdUz {
  color: var(--font-w-primary);
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  position: absolute;
  top: 16px;
  right: 16px
}

.PopVipEquityDesc_pop_mess__0pbcj {
  padding: 32px 20px 20px;
  overflow: auto
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
  max-height: 328px;
  overflow: auto
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V::-webkit-scrollbar {
  display: none
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF {
  text-align: center;
  margin-bottom: 12px
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_icon__s1wrM {
  border-radius: 12px;
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  position: relative
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_icon__s1wrM img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_name__DrhMw {
  color: var(--font-w-primary);
  margin-bottom: 4px;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_name__DrhMw:last-child {
  margin-bottom: 0
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_error_text__GYhha {
  color: var(--font-function-danger-normal);
  justify-content: center;
  align-items: center;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_error_text__GYhha i {
  margin-right: 4px
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text__-N3xn {
  color: var(--font-w-secondary);
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_btn_wrap__FMKLe {
  margin-top: 20px
}

@media (min-width:768px) {
  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb {
    min-height: unset
  }

  .PopVipEquityDesc_pop_mode_box__yQ\+2b.PopVipEquityDesc_m_pop__vNmmb .PopVipEquityDesc_pop_mess__0pbcj,
  .PopVipEquityDesc_pop_mess__0pbcj {
    padding: 48px 72px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
    max-height: 388px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF {
    margin-bottom: 20px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_icon__s1wrM {
    width: 72px;
    height: 72px;
    margin-bottom: 24px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_equity_name__DrhMw {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_error_text__GYhha {
    font-size: 16px;
    line-height: 24px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text__-N3xn {
    font-size: 16px;
    line-height: 24px
  }

  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_btn_wrap__FMKLe {
    margin-top: 32px
  }

  .PopVipEquityDesc_close_btn__OgdUz {
    font-size: 16px;
    top: 34px;
    right: 34px
  }
}

@media (min-width:1025px) {
  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
    max-height: 226px
  }
}

@media (min-width:1280px) {
  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
    max-height: 204px
  }
}

@media (min-width:1440px) {
  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
    max-height: 288px
  }
}

@media (min-width:1920px) {
  .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_text_box__Xm74V {
    max-height: 388px
  }
}

[dir=rtl] .PopVipEquityDesc_close_btn__OgdUz {
  left: 16px;
  right: auto
}

[dir=rtl] .PopVipEquityDesc_pop_mess__0pbcj .PopVipEquityDesc_equity_title__Z3cUF .PopVipEquityDesc_error_text__GYhha i {
  margin-left: 4px;
  margin-right: 0
}

@media (min-width:768px) {
  [dir=rtl] .PopVipEquityDesc_close_btn__OgdUz {
    font-size: 16px;
    top: 34px;
    left: 34px
  }
}

:root {
  --colors-brand-09: #011a7d;
  --colors-brand-08: #0022ab;
  --colors-brand-07: #002cde;
  --colors-brand-06: #1b56ff;
  --colors-brand-05: #3166ff;
  --colors-brand-04: #3988ff;
  --colors-brand-03: #7fbbff;
  --colors-brand-02: #a2d1ff;
  --colors-brand-01: #3988ff40;
  --colors-brand-10: #02195c;
  --colors-lime-02: #88d945;
  --colors-lime-01: #4ad9c1;
  --colors-gradient-yellow-02: #f26c3d;
  --colors-gradient-yellow-01: #f2b818;
  --colors-gradient-blue-02: #1b56ff;
  --colors-gradient-blue-01: #00c4de;
  --colors-gradient-purple-02: #990cf2;
  --colors-gradient-purple-01: #e573cd;
  --colors-gradient-red-02: #e52e43;
  --colors-gradient-red-01: #ff824d;
  --colors-gradient-green-02: #00b25f;
  --colors-gradient-green-01: #88d945;
  --colors-gradient-cyan-02: #0099bf;
  --colors-gradient-cyan-01: #4ad9c1;
  --colors-gradient-secondarybrand-02: #fcc6b3;
  --colors-gradient-secondarybrand-01: #fae3a3;
  --colors-gradient-secondarybrand-09: #85650d;
  --colors-gradient-secondarybrand-08: #c25631;
  --colors-gradient-secondarybrand-07: #c29313;
  --colors-gradient-secondarybrand-06: #f58964;
  --colors-gradient-secondarybrand-05: #f5c646;
  --colors-gradient-secondarybrand-04: #f26c3d;
  --colors-gradient-secondarybrand-03: #f2b818;
  --colors-gradient-secondarybrand-10: #853b22;
  --colors-gradient-brand-09: #056a8c;
  --colors-gradient-brand-08: #002cde;
  --colors-gradient-brand-07: #0790be;
  --colors-gradient-brand-06: #3166ff;
  --colors-gradient-brand-05: #6bdcf8;
  --colors-gradient-brand-04: #1b56ff;
  --colors-gradient-brand-03: #00c4de;
  --colors-gradient-brand-02: #c6d5ff;
  --colors-gradient-brand-01: #bff0f7;
  --colors-gradient-brand-10: #0022ab;
  --colors-pink-02: #e573cd;
  --colors-pink-01: #f473ff;
  --colors-purple-09: #430b77;
  --colors-purple-08: #671fa2;
  --colors-purple-06: #bc5ef7;
  --colors-purple-05: #cc79f9;
  --colors-purple-04: #da94fa;
  --colors-purple-03: #e6b0fc;
  --colors-purple-07: #990cf2;
  --colors-purple-02: #f1ccfd;
  --colors-purple-01: #bc5ef726;
  --colors-purple-10: #25004d;
  --colors-red-09: #a9060d;
  --colors-red-08: #c20a16;
  --colors-red-07: #de1021;
  --colors-red-04: #ef7885;
  --colors-red-03: #f5a8b0;
  --colors-red-02: #f7bec5;
  --colors-red-06: #e52e43;
  --colors-red-05: #e94356;
  --colors-red-01: #e9435626;
  --colors-red-10: #8e0207;
  --colors-green-09: #006f41;
  --colors-green-08: #009150;
  --colors-green-05: #28dd7a;
  --colors-green-03: #82eeac;
  --colors-green-07: #00b25f;
  --colors-green-04: #54e691;
  --colors-green-06: #00d567;
  --colors-green-02: #b4f7cb;
  --colors-green-01: #00d56726;
  --colors-green-10: #004d2f;
  --colors-yellow-09: #c29313;
  --colors-yellow-08: #cb8a06;
  --colors-yellow-03: #ffd561;
  --colors-yellow-02: #ffeda4;
  --colors-yellow-07: #f2aa0a;
  --colors-yellow-06: #f2b818;
  --colors-yellow-05: #f5c646;
  --colors-yellow-04: #ffc63f;
  --colors-yellow-01: #ffc63f26;
  --colors-yellow-10: #85650d;
  --colors-orange-09: #853b22;
  --colors-orange-08: #aa471d;
  --colors-orange-06: #d35a36;
  --colors-orange-07: #c25631;
  --colors-orange-02: #fcc4a4;
  --colors-orange-05: #f77040;
  --colors-orange-04: #ff824d;
  --colors-orange-03: #f58964;
  --colors-orange-01: #f7704026;
  --colors-orange-10: #6a2b16;
  --colors-cyan-09: #0d5777;
  --colors-cyan-03: #83e6f9;
  --colors-cyan-02: #c7faff;
  --colors-cyan-08: #056a8c;
  --colors-cyan-07: #0790be;
  --colors-cyan-06: #0099bf;
  --colors-cyan-05: #00c4de;
  --colors-cyan-04: #6bdcf8;
  --colors-cyan-01: #6bdcf826;
  --colors-cyan-10: #00334d;
  --colors-alpha-b5: #0000000d;
  --colors-alpha-b25: #00000040;
  --colors-alpha-b50: #00000080;
  --colors-alpha-b75: #000000bf;
  --colors-alpha-b100: #000;
  --colors-alpha-w25: #ffffff40;
  --colors-alpha-w50: #ffffff80;
  --colors-alpha-w75: #ffffffbf;
  --colors-alpha-w100: #fff;
  --colors-alpha-b10: #0000001a;
  --colors-alpha-b80: #000c;
  --colors-alpha-b90: #000000e5;
  --colors-alpha-w5: #ffffff0d;
  --colors-alpha-w10: #ffffff1a;
  --colors-blue-09: #011a7d;
  --colors-blue-03: #7fbbff;
  --colors-blue-02: #a2d1ff;
  --colors-blue-01: #3988ff40;
  --colors-blue-08: #0022ab;
  --colors-blue-07: #002cde;
  --colors-blue-06: #1b56ff;
  --colors-blue-05: #3166ff;
  --colors-blue-04: #3988ff;
  --colors-blue-10: #02195c;
  --colors-neutral-08: #292f47;
  --colors-neutral-06: #d1d4e1;
  --colors-neutral-05: #d9dcea;
  --colors-neutral-04: #e3e5f0;
  --colors-neutral-03: #eeeff8;
  --colors-neutral-02: #f3f5fb;
  --colors-neutral-white1: #fff;
  --colors-neutral-01: #fafbff;
  --colors-neutral-09: #252940;
  --colors-neutral-14: #101424;
  --colors-neutral-13: #14182b;
  --colors-neutral-12: #181d30;
  --colors-neutral-11: #1c2236;
  --colors-neutral-10: #20253b;
  --special-borders-divider: var(--colors-alpha-w25);
  --special-borders-stroke: var(--colors-alpha-w5);
  --special-font-b-disable: var(--colors-alpha-b25);
  --special-font-b-placeholder: var(--colors-alpha-b50);
  --special-font-b-secondary: var(--colors-alpha-b75);
  --special-font-b-primary: var(--colors-alpha-b100);
  --special-font-w-disable: var(--colors-alpha-w25);
  --special-font-w-placeholder: var(--colors-alpha-w50);
  --special-font-w-secondary: var(--colors-alpha-w75);
  --special-font-w-primary: var(--colors-alpha-w100);
  --special-toast-puple: var(--colors-gradient-puple-02);
  --special-toast-red: var(--colors-gradient-red-02);
  --special-toast-green: var(--colors-gradient-green-01);
  --special-toast-cyan: var(--colors-gradient-cyan-02);
  --special-toast-yellow: var(--colors-gradient-yellow-02);
  --special-toast-blue: var(--colors-gradient-blue-02);
  --special-tag-puple: var(--colors-gradient-puple-02);
  --special-tag-red: var(--colors-gradient-red-02);
  --special-tag-green: var(--colors-gradient-green-02);
  --special-tag-cyan: var(--colors-gradient-cyan-02);
  --special-tag-yellow: var(--colors-gradient-yellow-02);
  --special-tag-blue: var(--colors-gradient-blue-02);
  --special-button-secondarybrand-disable: var(--colors-gradient-secondarybrand-10);
  --special-button-secondarybrand-active: var(--colors-gradient-secondarybrand-08);
  --special-button-secondarybrand-hover: var(--colors-gradient-secondarybrand-06);
  --special-button-secondarybrand: var(--colors-gradient-secondarybrand-04);
  --special-button-brand-disable: var(--colors-gradient-brand-10);
  --special-button-brand-active: var(--colors-gradient-brand-08);
  --special-button-brand-hover: var(--colors-gradient-brand-06);
  --special-button-brand: var(--colors-gradient-brand-04);
  --special-button-ghost: var(--colors-alpha-w10);
  --special-button-secondarybrand-disable-lighter: var(--colors-gradient-secondarybrand-09);
  --special-button-secondarybrand-active-lighter: var(--colors-gradient-secondarybrand-07);
  --special-button-secondarybrand-hover-lighter: var(--colors-gradient-secondarybrand-05);
  --special-button-secondarybrand-lighter: var(--colors-gradient-secondarybrand-03);
  --special-button-brand-disable-lighter: var(--colors-gradient-brand-09);
  --special-button-brand-active-lighter: var(--colors-gradient-brand-07);
  --special-button-brand-hover-lighter: var(--colors-gradient-brand-05);
  --special-button-brand-lighter: var(--colors-gradient-brand-03);
  --borders-success: var(--colors-green-06);
  --borders-divider: var(--colors-alpha-w25);
  --borders-error: var(--colors-red-05);
  --borders-active: var(--colors-blue-06);
  --borders-border: var(--colors-alpha-w10);
  --borders-stroke: var(--colors-alpha-w5);
  --font-b-disable: var(--colors-alpha-b25);
  --font-b-placeholder: var(--colors-alpha-b50);
  --font-b-secondary: var(--colors-alpha-b75);
  --font-b-primary: var(--colors-alpha-b100);
  --font-w-primary: var(--colors-alpha-w100);
  --font-w-disable: var(--colors-alpha-w25);
  --font-w-placeholder: var(--colors-alpha-w50);
  --font-function-promotion-normal: var(--colors-yellow-04);
  --font-function-highlight-normal: var(--colors-cyan-04);
  --font-function-success-disable: var(--colors-green-02);
  --font-function-success-active: var(--colors-green-07);
  --font-function-success-hover: var(--colors-green-05);
  --font-function-success-normal: var(--colors-green-06);
  --font-function-warning-disable: var(--colors-orange-02);
  --font-function-warning-active: var(--colors-orange-06);
  --font-function-warning-hover: var(--colors-orange-04);
  --font-function-warning-normal: var(--colors-orange-05);
  --font-function-danger-disable: var(--colors-red-02);
  --font-function-danger-active: var(--colors-red-06);
  --font-function-danger-hover: var(--colors-red-04);
  --font-function-danger-normal: var(--colors-red-05);
  --font-w-secondary: var(--colors-alpha-w75);
  --font-brand-disable: var(--colors-brand-02);
  --font-brand-active: var(--colors-brand-05);
  --font-brand-hover: var(--colors-brand-03);
  --font-brand-normal: var(--colors-brand-04);
  --background-noticebar-warning: var(--colors-orange-01);
  --background-badge: var(--colors-red-05);
  --background-noticebar-success: var(--colors-green-01);
  --background-noticebar-promotion: var(--colors-yellow-01);
  --background-noticebar-error: var(--colors-red-01);
  --background-secondarycomponent-active: var(--colors-neutral-08);
  --background-secondarycomponent-hover: var(--colors-neutral-09);
  --background-secondarycomponent: var(--colors-neutral-10);
  --background-container-active-select: var(--colors-neutral-09);
  --background-page: var(--colors-neutral-14);
  --background-secondarycontainer-hover: var(--colors-neutral-11);
  --background-component-active: var(--colors-neutral-09);
  --background-secondarycontainer-active: var(--colors-neutral-09);
  --background-container-hover: var(--colors-neutral-12);
  --background-toast: var(--colors-alpha-b90);
  --background-container-active: var(--colors-neutral-10);
  --background-container: var(--colors-neutral-13);
  --background-secondarycontainer: var(--colors-neutral-12);
  --background-component: var(--colors-neutral-11);
  --background-component-disable: var(--colors-neutral-12);
  --background-component-hover: var(--colors-neutral-10);
  --other-mask-w-component: var(--colors-alpha-w10);
  --other-mask-b-component: var(--colors-alpha-b10);
  --other-mask-page: var(--colors-alpha-b80);
  --other-decoration-light: var(--colors-brand-04);
  --other-decoration-dark: var(--colors-brand-06)
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

input {
  background: 0 0;
  border: none;
  outline: none;
  line-height: normal;
  text-decoration: none
}

input::placeholder,
:is(input:input-placeholder) {
  color: #999
}

input::input-placeholder {
  color: #999
}

.placeholder {
  color: #999
}

p {
  margin: 0
}

ul,
li {
  margin: 0;
  padding: 0
}

@font-face {
  font-family: dinm;
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINMITTELSCHRIFTSTD.cd801923.ttf*/
    url(fonts/font_98d252dcfc90ba34ccd93794216c98b54df59161.ttf);
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINMITTELSCHRIFTSTD.dd89bfdc.eot?#iefix*/
    url()format("embedded-opentype"),
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINMITTELSCHRIFTSTD.0d145998.woff*/
    url(fonts/font_12faf69d54217b30d4458fffad689e758b8a91c6.woff)format("woff"),
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINMITTELSCHRIFTSTD.cd801923.ttf*/
    url(fonts/font_98d252dcfc90ba34ccd93794216c98b54df59161.ttf)format("truetype"),
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINMITTELSCHRIFTSTD.765f1d1f.svg#webfont34M5alKg*/
    url()format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: DINPro;
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINPro-Bold.86d416a5.otf*/
    url(fonts/font_6adaa66a28fa7e891c3f619466387762d56cad5c.otf);
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINPro-Bold.86d416a5.otf*/
    url(fonts/font_6adaa66a28fa7e891c3f619466387762d56cad5c.otf)format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: hok-text;
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/HOK-text.756df248.ttf*/
    url();
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/HOK-text.756df248.ttf*/
    url()format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: hok-title;
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/HOK-title.0354cec6.ttf*/
    url();
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/HOK-title.0354cec6.ttf*/
    url()format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: TencentSansMidasbuy;
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/TencentSansMidasbuy-Regular.0955c0d7.ttf*/
    url();
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/TencentSansMidasbuy-Regular.0955c0d7.ttf*/
    url()format("truetype");
  font-weight: 400;
  font-style: normal
}

p {
  margin: 0;
  padding: 0
}

@keyframes LoadingRotateAni {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.coupon {
  margin-bottom: 16px
}

.box_wrap {
  flex-grow: 1;
  width: calc(100% - 236px)
}

.tab_wrap {
  width: 100%;
  position: absolute;
  top: 135px
}

.container_wrap {
  box-sizing: border-box;
  height: auto;
  min-height: calc(var(--vh)*100 - 426px);
  margin-top: -1px;
  padding-top: 1px;
  padding-bottom: 4px;
  position: relative
}

.container_wrap .modules_box:last-child {
  margin-top: 24px;
  margin-bottom: 32px
}

.container_wrap .modules_box.rechargebox {
  margin-left: 20px;
  margin-right: 20px
}

.container_wrap .modules_box.marketingbar {
  margin-top: 8px
}

.container_wrap .flex_module {
  margin-top: 20px;
  margin-bottom: 32px;
  display: flex
}

.container_wrap .flex_module .r {
  flex-grow: 1
}

.container_wrap .flex_module .r>div {
  margin-top: 24px
}

.container_wrap .flex_module .r>div:first-child {
  margin-top: 0
}

.container_wrap .flex_module .r>div:last-child {
  margin-bottom: 0
}

@media (min-width:768px) {
  .coupon {
    margin-bottom: 22px
  }

  .container_wrap {
    width: 672px;
    min-height: calc(var(--vh)*100 - 340px);
    margin: -1px auto 0
  }

  .container_wrap .modules_box {
    margin-top: 24px
  }

  .container_wrap .modules_box.marketingbar {
    margin-top: 8px
  }

  .container_wrap .modules_box.rechargebox {
    margin-top: 48px
  }

  .container_wrap .modules_box.rechargebox {
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width:1025px) {
  .coupon {
    margin-bottom: 26px
  }

  .container_wrap {
    width: 90%;
    min-height: calc(var(--vh)*100 - 356px)
  }

  .container_wrap .modules_box {
    margin-top: 32px;
    margin-bottom: 64px
  }

  .container_wrap .modules_box.marketingbar {
    margin-top: 18px;
    margin-bottom: 32px
  }

  .container_wrap .modules_box.rechargebox {
    margin-bottom: 64px
  }
}

@media (min-width:1440px) {
  .container_wrap {
    min-height: calc(var(--vh)*100 - 215px)
  }

  .box_wrap {
    flex-grow: 1;
    width: calc(100% - 264px)
  }
}

@media (min-width:1600px) {
  .container_wrap {
    max-width: 1280px
  }

  .box_wrap {
    flex-grow: 1;
    width: calc(100% - 260.8px)
  }
}

@media (max-width:374px) {
  .container_wrap .modules_box.marketingbar {
    margin-top: 8px
  }

  .container_wrap .modules_box.rechargebox {
    margin-left: 14px;
    margin-right: 14px
  }

  .container_wrap .modules_box.rechargebox {
    margin-top: 24px
  }
}

@keyframes PopTopUpSuccess_LoadingRotateAni__r8PBV {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes OrderInfo_LoadingRotateAni__58uEi {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes SelectingCard_LoadingRotateAni__Hvbdj {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes Pops_LoadingRotateAni__TwxGh {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes Pops_spin__BygIa {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes Pops_rotateAni__PqAdr {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes RechargeClassCard_LoadingRotateAni__SZPxe {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.RechargeClassCard_buttons__UofRE {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin: 4px auto 0;
  display: flex;
  position: relative
}

.RechargeClassCard_buttons__UofRE .RechargeClassCard_schedule__B4nMe {
  text-align: left;
  color: var(--special-font-w-primary);
  z-index: 2;
  background: linear-gradient(160deg, #f2b818 14.64%, #f26c3d 85.36%);
  border-radius: 6px;
  padding: 0 4px;
  font-family: dinm;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  position: relative
}

.RechargeClassCard_buttons__UofRE .RechargeClassCard_schedule__B4nMe .RechargeClassCard_discount__cA3GS {
  width: 14px;
  height: 14px;
  margin-right: 3px;
  display: none
}

.RechargeClassCard_buttons__UofRE .RechargeClassCard_horn__9f7uh {
  width: 8px;
  height: 18px;
  display: none;
  position: absolute;
  top: 0;
  right: -6px
}

.RechargeClassCard_discount_num__0MFr9 {
  position: relative
}

.RechargeClassCard_card_wrap__zlkPZ {
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  height: fit-content;
  display: flex
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D {
  box-sizing: border-box;
  background-color: var(--background-component);
  cursor: pointer;
  border-radius: 9px;
  flex-direction: column;
  flex-shrink: 0;
  width: 48%;
  min-height: 216px;
  margin-bottom: 16px;
  transition: background-color .3s ease-in-out;
  display: flex;
  position: relative
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(2n) {
  margin-right: 0
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q {
  box-sizing: border-box;
  background-image:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/card-img-bg.57deb456.png*/
    var(--media-url-56);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: var(--background-secondarycomponent);
  z-index: 2;
  border-radius: 9px;
  height: 148px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 24px #0000001a
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl {
  width: 90px;
  height: 90px;
  position: relative
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl img {
  width: 90px;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_gear_det__lsUYD {
  width: 100%;
  position: absolute;
  bottom: 12px
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch {
  align-items: center;
  width: fit-content;
  margin: 0 auto;
  font-family: dinm;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  position: relative
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_promotion__NpZ1P {
  align-items: center;
  display: flex
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_promotion__NpZ1P span {
  margin: 0 2px;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch img {
  width: 20px;
  height: 20px;
  margin: 0
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_val__Dk-BU {
  color: var(--font-w-primary);
  margin-left: 2px
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_promotion__NpZ1P {
  color: var(--font-function-promotion-normal)
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_b__rG4Ip {
  color: var(--font-w-primary);
  text-align: center;
  flex-grow: 1;
  padding: 18px 4px 12px;
  font-family: dinm;
  font-size: 16px;
  line-height: 24px
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:active,
.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:active {
  background-color: var(--background-secondarycomponent)
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:active .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl img,
.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:active .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl img {
  transform: translate(-50%, -50%)scale(1.1)
}

.RechargeClassCard_discount_tip__5qpWG {
  z-index: 2;
  background: linear-gradient(#e8b500 0%, #df7800 66.67%);
  border-radius: 8px 8px 8px 0;
  padding: 2px 6px;
  display: inline-table;
  position: absolute;
  top: -18.5px;
  right: -17px
}

.RechargeClassCard_discount_tip__5qpWG p {
  text-shadow: 0 1px #0000004d;
  color: var(--special-font-w-primary);
  white-space: pre;
  font-family: dinm;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px
}

.RechargeClassCard_discount_tip__5qpWG.RechargeClassCard_discount_upTo__OW4fQ {
  background: #ffc63f26;
  padding: 2px 4px 1px;
  top: -15.5px;
  right: -19px
}

.RechargeClassCard_discount_tip__5qpWG.RechargeClassCard_discount_upTo__OW4fQ p {
  color: #ffc63f;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px
}

.RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D {
  min-height: auto
}

.RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_b__rG4Ip {
  padding: 12px 4px
}

.RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_discount_tip__5qpWG {
  border-radius: 10px 10px 10px 0;
  padding: 3px;
  top: -18px;
  right: -22px;
  box-shadow: 0 4px 4px #00000026
}

@media (min-width:768px) {
  .RechargeClassCard_buttons__UofRE {
    margin-top: 8px
  }

  .RechargeClassCard_buttons__UofRE .RechargeClassCard_schedule__B4nMe {
    border-radius: 6px;
    align-items: center;
    padding: 0 6px;
    font-size: 16px;
    line-height: 26px;
    display: flex
  }

  .RechargeClassCard_buttons__UofRE .RechargeClassCard_schedule__B4nMe .RechargeClassCard_discount__cA3GS {
    width: 18px;
    height: 18px;
    margin-right: 3px;
    display: block
  }

  .RechargeClassCard_buttons__UofRE .RechargeClassCard_horn__9f7uh {
    width: 10px;
    height: 26px;
    position: absolute;
    top: 0;
    right: -9px
  }

  .RechargeClassCard_discount_tip__5qpWG {
    border-radius: 10px 10px 10px 0;
    padding: 3px 4px;
    top: -20.5px;
    right: -22px
  }

  .RechargeClassCard_discount_tip__5qpWG p {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
  }

  .RechargeClassCard_discount_tip__5qpWG.RechargeClassCard_discount_upTo__OW4fQ {
    background: #ffc63f26;
    border-radius: 8px 8px 8px 0;
    padding: 1px 3px 0;
    top: -17.5px;
    right: -17px
  }

  .RechargeClassCard_discount_tip__5qpWG.RechargeClassCard_discount_upTo__OW4fQ p {
    color: #ffc63f;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
  }

  .RechargeClassCard_card_wrap__zlkPZ {
    justify-content: left;
    margin: 0 auto
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D {
    width: calc(33.3333% - 13.3333px);
    min-height: 272px;
    margin-bottom: 20px;
    margin-right: 20px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(2n) {
    margin-right: 20px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(3n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:last-child {
    margin-right: 0
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q {
    height: 194px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl {
    width: 130px;
    height: 130px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl img {
    width: 130px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_gear_det__lsUYD {
    bottom: 16px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch {
    font-size: 20px;
    line-height: 28px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch img {
    width: 28px;
    height: 28px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_promotion__NpZ1P span {
    font-size: 20px;
    line-height: 32px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_b__rG4Ip {
    padding: 20px 4px 14px;
    font-size: 18px;
    line-height: 26px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_discount_tip__5qpWG {
    padding: 4.5px 4px 3.5px;
    top: -19px;
    right: -28px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D {
    min-height: auto
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_b__rG4Ip {
    padding: 13px 0 14px
  }
}

@media (min-width:1025px) {
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D {
    width: calc(25% - 18px);
    height: 279px;
    margin-bottom: 20px;
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(2n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(3n) {
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(4n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:last-child {
    margin-right: 0
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q {
    height: 219px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_gear_det__lsUYD {
    bottom: 20px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch {
    font-size: 24px;
    line-height: 32px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_promotion__NpZ1P span {
    margin: 0 3px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_val__Dk-BU {
    margin-left: 3px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_b__rG4Ip {
    padding: 24px 16px 20px;
    font-size: 20px;
    line-height: 28px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D {
    width: calc(33.3333% - 16px);
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:nth-child(2n) {
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:nth-child(3n),
  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:last-child {
    margin-right: 0
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:hover {
    background-color: var(--background-secondarycomponent)
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:hover .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl img {
    transform: translate(-50%, -50%)scale(1.1)
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_discount_tip__5qpWG {
    padding: 3px 4px;
    top: -18px;
    right: -28px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_b__rG4Ip {
    padding: 20px 16px 14px
  }
}

@media (min-width:1280px) {
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D {
    width: calc(20% - 19.2px);
    margin-bottom: 24px;
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(2n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(3n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(4n) {
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(5n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:last-child {
    margin-right: 0
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D {
    width: calc(25% - 18px);
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:nth-child(2n),
  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:nth-child(3n) {
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:nth-child(4n),
  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:last-child {
    margin-right: 0
  }
}

[dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_val__Dk-BU {
  margin-left: 0;
  margin-right: 2px
}

@media (min-width:768px) {
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_val__Dk-BU {
    margin-left: 0;
    margin-right: 3px
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D {
    margin-left: 20px;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(3n),
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:last-child {
    margin-left: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ {
    justify-content: right
  }
}

@media (min-width:1025px) {
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D {
    margin-left: 24px;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(3n) {
    margin-left: 24px
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(4n),
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:last-child {
    margin-left: 0;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:nth-child(2n) {
    margin-left: 24px;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:nth-child(3n),
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:last-child {
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width:1280px) {
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(4n) {
    margin-left: 24px
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:nth-child(5n),
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D:last-child {
    margin-left: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:nth-child(3n) {
    margin-left: 24px;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:nth-child(5n) {
    margin-left: 24px
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:nth-child(4n),
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D:last-child {
    margin-left: 0;
    margin-right: 0
  }
}

.RechargeClassCard_card_wrap__zlkPZ {
  align-items: stretch
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr {
  box-sizing: border-box;
  background-color: var(--background-component);
  cursor: pointer;
  border-radius: 9px;
  flex-direction: column;
  flex-shrink: 0;
  width: 48%;
  margin-bottom: 16px;
  transition: background-color .3s ease-in-out;
  display: flex;
  position: relative
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(2n) {
  margin-right: 0
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q {
  border-radius: 9px 9px 0 0;
  flex-direction: column;
  flex-shrink: 0;
  height: 130px;
  display: flex;
  overflow: hidden
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q>div {
  flex-shrink: 0
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_main_box__93L9v {
  box-sizing: border-box;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: var(--background-secondarycomponent);
  border-radius: 9px 9px 0 0;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: 0 12px 24px #0000001a
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_gradient__PXx5J {
  content: "";
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_gradient__PXx5J.RechargeClassCard_default__jwAkr {
  background: radial-gradient(90% 77.72% at .08% 0, #3166ff33 0%, #3988ff00 100%)
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl {
  width: 96px;
  height: 96px
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl img {
  width: 100%;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip {
  box-sizing: border-box;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  display: flex
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd {
  color: var(--font-w-primary);
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd i {
  font-style: normal
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd span {
  vertical-align: baseline;
  margin-right: 4px;
  font-size: 12px;
  line-height: 18px
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd.RechargeClassCard_discount__cA3GS {
  color: var(--colors-yellow-04)
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd .RechargeClassCard_old__3alN0 {
  text-align: center;
  color: var(--font-w-placeholder);
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  text-decoration: line-through
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch {
  align-items: center;
  width: fit-content;
  margin: 0 auto;
  font-family: dinm;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  position: relative
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_promotion__NpZ1P {
  align-items: center;
  display: flex
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_promotion__NpZ1P span {
  margin: 0 2px;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch img {
  width: 20px;
  height: 20px;
  margin: 0
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_val__Dk-BU {
  color: var(--font-w-primary);
  margin-left: 2px
}

.RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_promotion__NpZ1P {
  color: var(--font-function-promotion-normal)
}

.RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q {
  height: 88px
}

.RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_main_box__93L9v {
  background-color: none
}

.RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_gradient__PXx5J {
  content: "";
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl {
  width: 64px;
  height: 64px
}

.RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd {
  color: var(--font-function-promotion-normal);
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  line-height: 22px;
  display: flex
}

.RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd .RechargeClassCard_old__3alN0 {
  font-size: 12px;
  line-height: 18px
}

@media (min-width:768px) {
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr {
    width: calc(33.3333% - 13.3333px);
    min-height: 272px;
    margin-bottom: 20px;
    margin-right: 20px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(2n) {
    margin-right: 20px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(3n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:last-child {
    margin-right: 0
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q {
    height: 172px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl {
    width: 130px;
    height: 130px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd {
    margin-top: 0
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd div,
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd span {
    font-size: 16px;
    line-height: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd .RechargeClassCard_old__3alN0 {
    font-size: 14px;
    line-height: 22px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch {
    font-size: 20px;
    line-height: 28px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch img {
    width: 28px;
    height: 28px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_promotion__NpZ1P span {
    font-size: 20px;
    line-height: 32px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr {
    min-height: auto
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q {
    height: 112px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl {
    width: 88px;
    height: 88px
  }
}

@media (min-width:1025px) {
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr {
    width: calc(25% - 18px);
    height: auto;
    min-height: 301px;
    margin-bottom: 20px;
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:hover .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl img {
    transform: translate(-50%, -50%)scale(1.1)
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(2n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(3n) {
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(4n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:last-child {
    margin-right: 0
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq {
    width: calc(33.3333% - 16px);
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq:nth-child(3n+3) {
    margin-right: 0
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q {
    height: 193px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl {
    width: 140px;
    height: 140px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd {
    font-size: 18px;
    line-height: 26px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd .RechargeClassCard_old__3alN0 {
    font-size: 16px;
    line-height: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd div {
    font-size: 18px;
    line-height: 26px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd span {
    font-size: 16px;
    line-height: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch {
    font-size: 24px;
    line-height: 32px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_promotion__NpZ1P span {
    margin: 0 3px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_val__Dk-BU {
    margin-left: 3px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr {
    width: calc(33.3333% - 16px);
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(2n) {
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(3n),
  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:last-child {
    margin-right: 0
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q {
    height: 124px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_img_box__7dWnl {
    width: 100px;
    height: 100px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd .RechargeClassCard_old__3alN0 {
    font-size: 14px;
    line-height: 22px
  }
}

@media (min-width:1280px) {
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr {
    width: calc(20% - 19.2px);
    margin-bottom: 24px;
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(2n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(3n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(4n) {
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(5n),
  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:last-child {
    margin-right: 0
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq {
    width: calc(25% - 18px);
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq:nth-child(3n+3) {
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq:nth-child(4n) {
    margin-right: 0
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr {
    width: calc(25% - 18px);
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(2n),
  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(3n) {
    margin-right: 24px
  }

  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(4n),
  .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:last-child {
    margin-right: 0
  }
}

[dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch {
  direction: rtl
}

[dir=rtl] .RechargeClassCard_discount_tip__5qpWG {
  right: unset;
  border-radius: 8px 8px 0;
  left: -17px
}

[dir=rtl] .RechargeClassCard_discount_tip__5qpWG.RechargeClassCard_discount_upTo__OW4fQ {
  right: unset
}

[dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_discount_tip__5qpWG {
  border-radius: 8px 8px 0;
  padding: 4px 3px;
  top: -22.5px;
  left: auto;
  right: 4px
}

[dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_buttons__UofRE .RechargeClassCard_schedule__B4nMe {
  direction: ltr
}

[dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_buttons__UofRE .RechargeClassCard_discount__cA3GS {
  margin-left: 3px;
  margin-right: 0
}

[dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_buttons__UofRE .RechargeClassCard_horn__9f7uh {
  left: -6px;
  right: auto
}

@media (min-width:768px) {
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_discount_tip__5qpWG {
    border-radius: 8px 8px 0;
    padding: 3px;
    top: -19px
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_card_new_wrap__mKxWb .RechargeClassCard_recharge_class_box__fQt0D .RechargeClassCard_buttons__UofRE .RechargeClassCard_horn__9f7uh {
    left: -9px;
    right: auto
  }

  [dir=rtl] .RechargeClassCard_discount_tip__5qpWG {
    right: unset;
    left: -22px
  }

  [dir=rtl] .RechargeClassCard_discount_tip__5qpWG.RechargeClassCard_discount_upTo__OW4fQ {
    left: -17px;
    right: unset
  }
}

@media (min-width:1025px) {
  [dir=rtl] .RechargeClassCard_discount_tip__5qpWG {
    right: unset;
    left: -22px
  }

  [dir=rtl] .RechargeClassCard_discount_tip__5qpWG.RechargeClassCard_discount_upTo__OW4fQ {
    left: -17px;
    right: unset
  }
}

[dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_val__Dk-BU {
  margin-left: 0;
  margin-right: 2px
}

[dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_val__Dk-BU {
  margin-left: 0;
  margin-right: 3px
}

[dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_b__rG4Ip .RechargeClassCard_price__kneSd .RechargeClassCard_old__3alN0 {
  margin-left: 0
}

@media (min-width:768px) {
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr .RechargeClassCard_t__oDQ8Q .RechargeClassCard_val_box__pg0Ch .RechargeClassCard_val__Dk-BU {
    margin-left: 0;
    margin-right: 3px
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr {
    margin-left: 20px;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(3n),
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:last-child {
    margin-left: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ {
    justify-content: right
  }
}

@media (min-width:1025px) {
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr {
    margin-left: 24px;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(3n),
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq:nth-child(3n) {
    margin-left: 24px
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq:nth-child(3n) {
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(4n),
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:last-child {
    margin-left: 0;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(2n) {
    margin-left: 24px;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(3n),
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:last-child {
    margin-left: 0;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq {
    margin-left: 24px;
    margin-right: unset
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq:nth-child(3n+3) {
    margin-left: 0;
    margin-right: unset
  }
}

@media (min-width:1280px) {
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(4n) {
    margin-left: 24px
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(5n),
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:last-child {
    margin-left: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(3n) {
    margin-left: 24px;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(5n) {
    margin-left: 24px
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:nth-child(4n),
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ.RechargeClassCard_in_flex__IjDCV .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr:last-child {
    margin-left: 0;
    margin-right: 0
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq,
  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq:nth-child(3n+3) {
    margin-left: 24px;
    margin-right: unset
  }

  [dir=rtl] .RechargeClassCard_card_wrap__zlkPZ .RechargeClassCard_recharge_class_box__fQt0D.RechargeClassCard_type_gifts__wzJJr.RechargeClassCard_type_have_filter__Fx7Lq:nth-child(4n) {
    margin-left: 0;
    margin-right: unset
  }
}

@keyframes RechargeClassCard_LoadingRotateAni__20i7J {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes RotateScreenTips_LoadingRotateAni__hABCU {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes RotateScreenTips_rotateAni__zv0aJ {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(-90deg)
  }
}

@keyframes RotateScreenTips_fadeOutAni__X7wAd {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes CouponBanner_LoadingRotateAni__a2dZj {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes IconTitle_LoadingRotateAni__OtRa0 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes RechargeMoreTab_LoadingRotateAni__sVCxK {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes RollingAd_LoadingRotateAni__EDjur {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes RollingAd_scroll__gslnE {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(-50%)
  }
}

@keyframes RollingAd_collapseUp__pYTgC {
  0% {
    opacity: 1;
    max-height: 999px;
    margin-top: 20px
  }

  to {
    opacity: 0;
    max-height: 0;
    margin-top: 0;
    padding: 0
  }
}

@keyframes FilterIndexPc_LoadingRotateAni__OlHQ5 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes FilterIndexPc_TipsAni__6c2Gf {
  0% {
    -webkit-transform: translateY(0%)
  }

  50% {
    -webkit-transform: translateY(-20%)
  }

  to {
    -webkit-transform: translateY(0%)
  }
}

.FilterIndexPc_filter_wrap__uQ3jL {
  box-sizing: border-box;
  background: var(--background-secondarycontainer);
  border-radius: 9px;
  flex-shrink: 0;
  margin-right: 24px;
  transition: all .2s ease-in-out;
  display: none;
  position: relative
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_item_box__DDEnS {
  border-bottom: 1px solid var(--borders-stroke);
  padding: 24px
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_item_box__DDEnS:last-child {
  border-bottom: none
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_item_title__Bg7WV {
  color: var(--font-w-secondary);
  margin-bottom: 16px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  position: relative
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_item_title__Bg7WV .FilterIndexPc_link__wTZ3I {
  color: var(--font-brand-normal);
  cursor: pointer;
  align-items: center;
  margin-top: 4px;
  display: flex
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_item_title__Bg7WV .FilterIndexPc_link__wTZ3I i {
  margin-right: 2px
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_filter_box__mqRWq .FilterIndexPc_check_box__XBqxo {
  color: var(--font-w-primary);
  cursor: pointer;
  width: auto;
  max-width: auto;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
  padding-left: 28px;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  position: relative;
  overflow: hidden
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_filter_box__mqRWq .FilterIndexPc_check_box__XBqxo:last-child {
  margin-bottom: 0
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_filter_box__mqRWq .FilterIndexPc_check_box__XBqxo:before {
  content: "";
  border: 1px solid var(--font-w-placeholder);
  box-sizing: border-box;
  border-radius: 4px;
  width: 17.5px;
  height: 17.5px;
  position: absolute;
  top: 2px;
  left: 0
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_filter_box__mqRWq .FilterIndexPc_filter_range__55OgE {
  justify-content: space-between;
  align-items: center;
  display: flex
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_filter_box__mqRWq .FilterIndexPc_filter_range__55OgE em {
  color: var(--font-w-primary)
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_filter_box__mqRWq .FilterIndexPc_filter_range__55OgE .FilterIndexPc_range_input_box__qRObI {
  background: var(--background-component-disable);
  box-sizing: border-box;
  border-radius: 6px;
  width: 44.5%;
  height: 38px;
  padding: 1px;
  transition: all .2s;
  position: relative
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_filter_box__mqRWq .FilterIndexPc_filter_range__55OgE .FilterIndexPc_range_input_box__qRObI input {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  height: 100%;
  color: var(--font-w-primary);
  background: var(--background-component);
  caret-color: var(--font-brand-normal);
  cursor: pointer;
  border-radius: 6px;
  padding: 0 8px;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_btn_box__j3iwp {
  margin-top: 16px;
  display: none
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_btn_box__j3iwp.FilterIndexPc_show__UKGgo {
  display: block
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_clean_btn__FLCx6 {
  background: var(--background-secondarycomponent);
  width: 100%;
  height: 42px;
  color: var(--font-w-secondary);
  text-align: center;
  cursor: pointer;
  border-radius: 9px 9px 0 0;
  justify-content: center;
  align-items: center;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  transition: all .3s;
  display: flex
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_clean_btn__FLCx6:hover {
  background: var(--background-secondarycomponent-hover)
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_clean_btn__FLCx6 i {
  margin-right: 4px;
  font-size: 16px
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_show_all__ni5cl {
  color: var(--font-brand-normal);
  cursor: pointer;
  margin-top: 16px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  transition: all .2s ease-in-out
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_show_all__ni5cl p {
  align-items: center;
  display: flex
}

.FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_show_all__ni5cl i {
  margin-left: 2px;
  font-size: 14px;
  transition: all .2s ease-in-out
}

@media (min-width:1025px) {
  .FilterIndexPc_filter_wrap__uQ3jL {
    width: 212px;
    display: block
  }
}

@media (min-width:1280px) {
  .FilterIndexPc_filter_wrap__uQ3jL {
    width: 211px;
    display: block
  }
}

@media (min-width:1440px) {
  .FilterIndexPc_filter_wrap__uQ3jL {
    width: 240px;
    display: block
  }
}

@media (min-width:1660px) {
  .FilterIndexPc_filter_wrap__uQ3jL {
    width: 236.8px;
    display: block
  }
}

[dir=rtl] .FilterIndexPc_filter_wrap__uQ3jL {
  margin-left: 24px;
  margin-right: 0
}

[dir=rtl] .FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_item_title__Bg7WV .FilterIndexPc_link__wTZ3I i {
  margin-left: 2px;
  margin-right: 0
}

[dir=rtl] .FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_filter_box__mqRWq .FilterIndexPc_check_box__XBqxo {
  padding-left: 0;
  padding-right: 28px
}

[dir=rtl] .FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_filter_box__mqRWq .FilterIndexPc_check_box__XBqxo:before {
  left: auto;
  right: 0
}

[dir=rtl] .FilterIndexPc_filter_wrap__uQ3jL .FilterIndexPc_clean_btn__FLCx6 i {
  margin-left: 4px;
  margin-right: 0
}

@keyframes PopFilter_LoadingRotateAni__jg-qE {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes FilterNoData_LoadingRotateAni__r1FJR {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes FilterTitle_LoadingRotateAni__zr-F5 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.FilterTitle_filter_title_box__sbzjS {
  box-sizing: border-box;
  width: 100%;
  position: relative
}

.FilterTitle_filter_title_box__sbzjS .FilterTitle_filter_box__gSiHR {
  height: 28px;
  margin-bottom: 16px
}

.FilterTitle_filter_title_box__sbzjS .FilterTitle_filter_box__gSiHR>div {
  position: absolute;
  left: 0;
  right: 0
}

@media (min-width:768px) {
  .FilterTitle_filter_title_box__sbzjS .FilterTitle_filter_box__gSiHR {
    height: 38px;
    margin-bottom: 24px
  }
}

@media (min-width:1025px) {
  .FilterTitle_filter_title_box__sbzjS .FilterTitle_filter_box__gSiHR {
    margin-bottom: 32px
  }

  .FilterTitle_filter_title_box__sbzjS .FilterTitle_filter_box__gSiHR.FilterTitle_pc_none__wX3Jv {
    display: none
  }
}

@keyframes FilterFixed_LoadingRotateAni__qxnv4 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes SelectBar_LoadingRotateAni__Yu0ZF {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.SelectBar_select_bar_wrap__0T5OS {
  box-sizing: border-box;
  align-items: center;
  display: flex;
  position: relative
}

.SelectBar_select_bar_wrap__0T5OS .SelectBar_select_bar__gU2kX {
  flex-grow: 1;
  display: flex;
  overflow-x: auto
}

.SelectBar_select_bar_wrap__0T5OS .SelectBar_select_bar__gU2kX::-webkit-scrollbar {
  display: none
}

.SelectBar_select_bar_wrap__0T5OS .SelectBar_select_bar__gU2kX .SelectBar_select_item__w58bU {
  box-sizing: border-box;
  background: var(--background-component);
  color: var(--font-w-secondary);
  cursor: pointer;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  margin-right: 8px;
  padding: 5px 11px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  position: relative
}

.SelectBar_select_bar_wrap__0T5OS .SelectBar_select_bar__gU2kX .SelectBar_select_item__w58bU:last-child {
  margin-right: 0
}

.SelectBar_select_bar_wrap__0T5OS .SelectBar_select_bar__gU2kX .SelectBar_select_item__w58bU i {
  margin-left: 2px;
  font-size: 14px;
  transition: all .2s ease-in-out
}

.SelectBar_select_bar_wrap__0T5OS .SelectBar_select_more__9oDhn {
  height: 24px;
  color: var(--font-w-secondary);
  cursor: pointer;
  z-index: 2;
  flex-shrink: 0;
  align-items: center;
  margin-left: 8px;
  font-size: 18px;
  display: flex;
  position: relative
}

.SelectBar_select_bar_wrap__0T5OS .SelectBar_select_more__9oDhn i {
  flex-shrink: 0
}

.SelectBar_select_bar_wrap__0T5OS .SelectBar_select_more__9oDhn p {
  font-size: 12px;
  line-height: 18px
}

.SelectBar_select_bar_wrap__0T5OS .SelectBar_select_more__9oDhn {
  width: 24px;
  height: 24px;
  color: var(--font-w-primary);
  border-radius: 999px;
  flex-flow: row;
  width: fit-content;
  height: auto;
  padding: 3px 12px;
  font-size: 18px
}

.SelectBar_select_bar_wrap__0T5OS .SelectBar_select_more__9oDhn i {
  font-size: 20px
}

.SelectBar_select_bar_wrap__0T5OS .SelectBar_select_more__9oDhn p {
  color: var(--font-w-primary);
  font-size: 14px;
  line-height: 22px
}

@media (min-width:768px) {
  .SelectBar_select_bar_wrap__0T5OS {
    width: 100%;
    margin: 0
  }

  .SelectBar_select_bar_wrap__0T5OS .SelectBar_select_bar__gU2kX {
    width: 100%
  }

  .SelectBar_select_bar_wrap__0T5OS .SelectBar_select_bar__gU2kX .SelectBar_select_item__w58bU {
    border-radius: 999px;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 22px
  }

  .SelectBar_select_bar_wrap__0T5OS .SelectBar_select_more__9oDhn {
    width: 24px;
    height: 24px;
    color: var(--font-w-primary);
    background: var(--background-secondarycomponent);
    border-radius: 999px;
    flex-flow: row;
    width: fit-content;
    height: auto;
    padding: 8px 20px;
    font-size: 18px
  }

  .SelectBar_select_bar_wrap__0T5OS .SelectBar_select_more__9oDhn p {
    color: var(--font-w-primary);
    margin-left: 4px;
    font-size: 14px;
    line-height: 22px
  }
}

@media (min-width:1025px) {
  .SelectBar_select_bar_wrap__0T5OS.SelectBar_select_type__Xk6Eb .SelectBar_select_more__9oDhn {
    display: none
  }
}

@media (max-width:375px) {
  .SelectBar_select_bar_wrap__0T5OS {
    width: auto;
    margin: 0
  }

  .SelectBar_select_bar_wrap__0T5OS .SelectBar_select_more__9oDhn {
    padding: 0
  }
}

[dir=rtl] .SelectBar_select_bar_wrap__0T5OS {
  padding-right: 0
}

[dir=rtl] .SelectBar_select_bar_wrap__0T5OS .SelectBar_select_bar__gU2kX .SelectBar_select_item__w58bU {
  margin-left: 8px;
  margin-right: 0
}

[dir=rtl] .SelectBar_select_bar_wrap__0T5OS .SelectBar_select_bar__gU2kX .SelectBar_select_item__w58bU:last-child {
  margin-left: 0;
  margin-right: 0
}

[dir=rtl] .SelectBar_select_bar_wrap__0T5OS .SelectBar_select_more__9oDhn {
  margin-left: 0;
  margin-right: 8px;
  left: 0;
  right: auto
}

@keyframes Title_LoadingRotateAni__BkuGU {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes RechargePopDet_LoadingRotateAni__fE7Vx {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopRechargeChooseChannel_LoadingRotateAni__0XfTz {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopRechargeChooseChannel_obstructed_box__Ng07n {
  margin-top: 20px
}

@keyframes PopRechargeChooseChannel_secondDiv__NaAEA {
  0% {
    transform: translate(-50%, -50%)scale(1.4)
  }

  10% {
    transform: translate(-50%, -50%)scale(1)
  }

  25% {
    transform: translate(-50%, -50%)scale(1.2)
  }

  50% {
    transform: translate(-50%, -50%)scale(1)
  }

  70% {
    transform: translate(-50%, -50%)scale(1.2)
  }

  to {
    transform: translate(-50%, -50%)scale(1)
  }
}

@media screen and (min-width:1025px) {
  .PopRechargeChooseChannel_obstructed_box__Ng07n {
    margin-top: 12px
  }
}

@keyframes LabelChannel_LoadingRotateAni__FYQzw {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.LabelChannel_channel_label_box__\+0RNg {
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb {
  box-sizing: border-box;
  width: fit-content;
  height: 18px;
  color: var(--special-font-w-primary);
  border-radius: 3px 0;
  align-items: center;
  padding: 0 0 0 4px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  position: relative
}

.LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb:before {
  content: "";
  box-sizing: border-box;
  z-index: -1;
  background-repeat: no-repeat;
  border-radius: 0 3px 3px 0;
  width: calc(100% + 5px);
  height: 100%;
  position: absolute;
  inset: 0 0 0 -1px;
  transform: skew(-8deg)
}

.LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb i {
  z-index: 1;
  margin-right: 2px;
  font-size: 12px
}

.LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb.LabelChannel_vip_theme__OrVe8 {
  background: linear-gradient(-5.6deg, #dc815b 0%, #ffc5ad 100%);
  padding-left: 18px
}

.LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb.LabelChannel_vip_theme__OrVe8:before {
  background-image: linear-gradient(-5.6deg, #dc815b 0%, #ffc5ad 100%)
}

.LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb.LabelChannel_vip_theme__OrVe8 :after {
  content: "";
  background-image: url(images/image_43ab4dac703355a9182f159e8c4051e6f82c1a10.png);
  background-size: 100% 100%;
  width: 10.14px;
  height: 9.78px;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%)
}

@media screen and (min-width:768px) {
  .LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb {
    border-radius: 6px 0 3px
  }

  .LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb:before {
    border-radius: 6px 3px 3px 0
  }
}

[dir=rtl] .LabelChannel_channel_label_box__\+0RNg {
  left: auto;
  right: 0
}

[dir=rtl] .LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb {
  border-radius: 0 3px;
  padding: 0 4px 0 0
}

[dir=rtl] .LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb:before {
  border-radius: 3px 0 0 3px;
  transform: skew(8deg)
}

[dir=rtl] .LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb i {
  margin-left: 2px;
  margin-right: 0;
  font-size: 12px
}

[dir=rtl] .LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb.LabelChannel_vip_theme__OrVe8 {
  padding-left: 4px;
  padding-right: 16px
}

[dir=rtl] .LabelChannel_channel_label_box__\+0RNg .LabelChannel_label_item__tdFCb.LabelChannel_vip_theme__OrVe8 :after {
  left: auto;
  right: 4px
}

@keyframes ChannelPayList_LoadingRotateAni__-edio {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.ChannelPayList_payment_method__E9Ez2 {
  margin-bottom: 12px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG {
  box-sizing: border-box;
  background-color: var(--background-component);
  cursor: pointer;
  border-radius: 9px;
  width: 100%;
  margin-bottom: 12px;
  padding: 2px;
  position: relative;
  overflow: hidden
}

@media (any-hover:hover) {

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG:hover,
  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG:hover .ChannelPayList_payment_wrap__s0YPx {
    background-color: var(--background-component-hover)
  }
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG.ChannelPayList_active__Rmvnd {
  background: linear-gradient(to bottom right, var(--special-button-brand-lighter)0%, var(--special-button-brand)100%)
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG.ChannelPayList_channel_guide__O-26K .ChannelPayList_payment_wrap__s0YPx {
  padding: 14px 0 0
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG.ChannelPayList_channel_guide__O-26K .ChannelPayList_t__RwjWW {
  padding: 0 14px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx {
  box-sizing: border-box;
  background-color: var(--background-component);
  border-radius: 9px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 72px;
  padding: 16px 14px;
  transition: all .2s;
  display: flex;
  position: relative
}

@media (any-hover:hover) {
  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx:hover {
    background-color: var(--background-component-hover)
  }
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf {
  box-sizing: border-box;
  border-radius: 6px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf::-webkit-scrollbar {
  display: none
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf.ChannelPayList_active__Rmvnd .ChannelPayList_auxiliary_title__OnYK4 .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_list__kfBi8 {
  opacity: 0
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_title__OnYK4 {
  cursor: pointer;
  align-items: center;
  width: fit-content;
  display: flex
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_text__1Wmtm {
  color: var(--font-w-secondary);
  flex-shrink: 0;
  width: fit-content;
  margin-right: 4px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc {
  flex-shrink: 0;
  align-items: center;
  margin-left: auto;
  display: flex
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_list__kfBi8 {
  opacity: 1;
  align-items: center;
  transition: all .2s ease-in-out;
  display: flex
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE {
  border: 1px solid var(--borders-divider);
  background: var(--background-secondarycomponent);
  border-radius: 999px;
  width: 24px;
  height: 24px;
  margin-right: -8px;
  position: relative;
  overflow: hidden
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE:last-child {
  margin-right: 0
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE.ChannelPayList_num__LRNEF {
  background: var(--background-component);
  color: var(--special-font-w-primary);
  font-family: Arial;
  font-size: 12px;
  line-height: unset;
  text-align: center
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE.ChannelPayList_num__LRNEF>div {
  justify-content: center;
  align-items: center;
  gap: 2.5px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE.ChannelPayList_num__LRNEF>div>div {
  background: var(--special-font-w-primary);
  border-radius: 999px;
  width: 2.5px;
  height: 2.5px;
  margin-right: 0
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE.ChannelPayList_num__LRNEF>div>div:last-child {
  margin-right: 0
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE.ChannelPayList_img__mRVeY div {
  border-radius: 999px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%)
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE.ChannelPayList_img__mRVeY img {
  border-radius: 999px;
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_t__RwjWW {
  box-sizing: border-box;
  align-items: center;
  width: 100%;
  min-height: 44px;
  display: flex;
  position: relative
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_l__MnM4A {
  flex: 1;
  align-items: center;
  display: flex
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_icon__G\+fFs {
  flex-shrink: 0;
  width: 48px;
  height: 33px;
  margin-right: 16px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_icon__G\+fFs.ChannelPayList_channel__sJcGX {
  background-color: var(--special-font-w-primary);
  border-radius: 6px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_mess__-PfTh {
  box-sizing: border-box;
  position: relative
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_mess__-PfTh>div {
  margin-bottom: 8px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_mess__-PfTh>div:last-child {
  margin-bottom: 0
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_mess__-PfTh .ChannelPayList_text__1Wmtm {
  color: var(--font-w-primary);
  box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  width: 100%;
  max-width: calc(100vw - 136px);
  font-family: Arial;
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  overflow: hidden
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_mess__-PfTh .ChannelPayList_text__1Wmtm:last-child {
  margin-bottom: 0
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_mess__-PfTh i {
  color: var(--font-w-placeholder);
  flex-shrink: 0;
  margin-left: 4px;
  font-size: 16px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_slide_payment_box__\+P88r {
  box-sizing: border-box;
  border-top: 1px solid var(--white6);
  margin-top: 14px;
  transition: all .2s
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_slide_payment_box__\+P88r>div {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  display: flex
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_slide_payment_box__\+P88r .ChannelPayList_data_box__RvJSC {
  width: 100%;
  margin-right: 8px;
  font-size: 12px;
  line-height: 18px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_slide_payment_box__\+P88r .ChannelPayList_data_box__RvJSC .ChannelPayList_text__1Wmtm {
  color: var(--font-w-primary);
  align-items: center;
  margin-top: 2px;
  font-family: Arial;
  display: flex
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_slide_payment_box__\+P88r .ChannelPayList_data_box__RvJSC .ChannelPayList_text__1Wmtm i {
  flex-shrink: 0;
  margin-top: 3px;
  margin-bottom: auto;
  margin-right: 4px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_slide_payment_box__\+P88r .ChannelPayList_btn__y7U9m {
  box-sizing: border-box;
  color: var(--special-font-w-primary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(to bottom right, var(--special-button-brand-lighter)0%, var(--special-button-brand)100%);
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 8px;
  font-family: Arial;
  font-size: 12px;
  line-height: 16px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY {
  margin-bottom: 4px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY:last-child,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY:last-child {
  margin-bottom: -4px !important
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD {
  box-sizing: border-box;
  background: var(--background-secondarycomponent-active);
  -webkit-box-orient: unset;
  -webkit-line-clamp: unset;
  width: fit-content;
  color: var(--font-w-secondary);
  max-width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 3px;
  max-width: 220px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-left: 18px;
  padding-right: 4px;
  font-family: Arial;
  font-size: 10px;
  line-height: 18px;
  display: inline-block;
  position: relative;
  overflow: hidden
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD.ChannelPayList_limit_channel_label_box__YNv2K,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD.ChannelPayList_limit_channel_label_box__YNv2K {
  max-width: 120px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD:last-child,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD:last-child {
  margin-right: 0
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD:only-child,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD:only-child {
  margin-bottom: 0;
  margin-right: 0
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v {
  z-index: 1;
  border-radius: 3px 0 0 3px;
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v i,
.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v img,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v i,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v img {
  width: 12px;
  height: 12px;
  color: var(--special-font-w-primary);
  font-size: 12px;
  position: absolute;
  top: 50%;
  right: 1px;
  transform: translateY(-50%)
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v:after,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v:after {
  content: "";
  background-size: 100% 100%;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -4px
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v.ChannelPayList_yellow__dXfEQ,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v.ChannelPayList_yellow__dXfEQ {
  background: linear-gradient(to bottom right, var(--colors-gradient-yellow-01)0%, var(--colors-gradient-yellow-02)100%)
}

.ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v.ChannelPayList_yellow__dXfEQ:after,
.ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v.ChannelPayList_yellow__dXfEQ:after {
  background-image: url(images/image_4dae88b8dbb0da9eb7764c646f12c02de5d9b079.png)
}

@media (min-width:768px) {
  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD {
    max-width: 300px;
    padding: 2px 4px 2px 26px
  }

  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v {
    width: 18px
  }

  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v i,
  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v img {
    width: 14px;
    height: 14px;
    font-size: 14px
  }

  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD.ChannelPayList_limit_channel_label_box__YNv2K {
    max-width: 188px
  }
}

@media (min-width:1025px) {
  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD {
    max-width: 256px
  }

  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD.ChannelPayList_limit_channel_label_box__YNv2K {
    max-width: 180px
  }
}

@media (min-width:1281px) {
  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG.ChannelPayList_channel_guide__O-26K .ChannelPayList_t__RwjWW {
    padding: 0 18px
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG {
    margin-bottom: 16px
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG:last-child {
    margin-bottom: 0
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx {
    min-height: 94px;
    padding: 20px
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_icon__G\+fFs {
    width: 60px;
    height: 41.25px;
    margin-right: 20px
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_mess__-PfTh .ChannelPayList_text__1Wmtm {
    max-width: 100%
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_mess__-PfTh .ChannelPayList_text__1Wmtm {
    font-size: 16px;
    line-height: 24px
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_list__kfBi8 {
    opacity: 1;
    align-items: center;
    transition: all .2s ease-in-out;
    display: flex
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE {
    width: 24px;
    height: 24px;
    margin-right: -6px
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE.ChannelPayList_img__mRVeY div {
    width: 24px;
    height: 24px
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_slide_payment_box__\+P88r .ChannelPayList_data_box__RvJSC .ChannelPayList_text__1Wmtm {
    font-size: 14px;
    line-height: 22px
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_slide_payment_box__\+P88r .ChannelPayList_data_box__RvJSC .ChannelPayList_text__1Wmtm i {
    margin: 0 4px 0 0
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_slide_payment_box__\+P88r .ChannelPayList_btn__y7U9m {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 22px
  }

  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD {
    width: fit-content;
    color: var(--font-w-secondary);
    font-size: 12px;
    line-height: 18px
  }

  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_channel_label_box__DdWmD {
    max-width: 260px
  }

  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD.ChannelPayList_limit_channel_label_box__YNv2K {
    max-width: 160px
  }

  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v {
    width: 17px
  }

  .ChannelPayList_payment_method__E9Ez2 {
    margin-bottom: 24px
  }

  .ChannelPayList_payment_box__oDb6Q {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    position: relative
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG.ChannelPayList_channel_guide__O-26K {
    transition: all .2s
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG.ChannelPayList_channel_guide__O-26K .ChannelPayList_payment_wrap__s0YPx {
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    padding: 16px 0 0;
    transition: all .2s
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG.ChannelPayList_channel_guide__O-26K.ChannelPayList_active__Rmvnd {
    background: linear-gradient(top to bottom, #00c4de 100%, #1b56ff 100%);
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG.ChannelPayList_channel_guide__O-26K.ChannelPayList_active__Rmvnd .ChannelPayList_slide_payment_box__\+P88r {
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    height: auto;
    display: block
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG.ChannelPayList_channel_guide__O-26K.ChannelPayList_active__Rmvnd .ChannelPayList_slide_payment_box__\+P88r>div {
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px
  }

  .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG.ChannelPayList_channel_guide__O-26K:hover .ChannelPayList_payment_wrap__s0YPx {
    background: var(--background-component-hover)
  }
}

@media (min-width:1600px) {
  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD {
    max-width: 320px
  }

  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD.ChannelPayList_limit_channel_label_box__YNv2K {
    max-width: 160px
  }
}

@media screen and (min-width:768px) {
  .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_wrap__s0YPx .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_text__1Wmtm {
    font-size: 12px;
    line-height: 18px
  }
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG.ChannelPayList_channel_guide__O-26K .ChannelPayList_t__RwjWW {
  padding: 0 14px
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD {
  margin-left: 4px;
  margin-right: 0;
  padding-left: 2px;
  padding-right: 20px
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v {
  border-radius: 0 3px 3px 0;
  width: 15px;
  left: auto;
  right: 0
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v:after {
  left: -3px;
  right: auto
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v.ChannelPayList_yellow__dXfEQ {
  background: linear-gradient(to bottom left, var(--colors-gradient-yellow-01)0%, var(--colors-gradient-yellow-02)100%)
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v.ChannelPayList_yellow__dXfEQ:after {
  background-image: url(images/image_97c66922e88cc71865bad768806bec27f0a485ae.png)
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v i,
[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_channel_label_list__lrSBY .ChannelPayList_channel_label_box__DdWmD .ChannelPayList_label_icon__m7c7v img {
  margin-left: 0;
  left: 0;
  right: auto
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_payment_icon__G\+fFs {
  margin-left: 16px;
  margin-right: 0
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_slide_payment_box__\+P88r .ChannelPayList_data_box__RvJSC .ChannelPayList_text__1Wmtm i {
  margin-left: 4px;
  margin-right: 0
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc {
  margin-left: 0;
  margin-right: auto
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE {
  margin-left: -4px;
  margin-right: 0
}

[dir=rtl] .ChannelPayList_payment_box__oDb6Q .ChannelPayList_payment_item__GpYjG .ChannelPayList_auxiliary_info__HXrBf .ChannelPayList_auxiliary_box__d3zlc .ChannelPayList_item__xsybE:last-child {
  margin-left: 0
}

@keyframes Obstructed_LoadingRotateAni__QzJHV {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.Obstructed_obstructed_text__eMNW5 {
  color: var(--font-w-secondary);
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px
}

.Obstructed_obstructed_text__eMNW5 div {
  margin-bottom: 4px
}

.Obstructed_obstructed_text__eMNW5 div:last-child {
  margin-bottom: 0
}

.Obstructed_obstructed_text__eMNW5 .Obstructed_link__9\+Ovi {
  color: var(--font-brand-normal);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex
}

.Obstructed_auxiliary_info__qpehp {
  box-sizing: border-box;
  margin-top: 8px;
  position: relative;
  overflow: hidden
}

.Obstructed_auxiliary_info__qpehp .Obstructed_auxiliary_box__brdvU {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex
}

.Obstructed_auxiliary_info__qpehp .Obstructed_auxiliary_box__brdvU .Obstructed_list__GcPbV {
  opacity: 1;
  align-items: center;
  transition: all .2s ease-in-out;
  display: flex
}

.Obstructed_auxiliary_info__qpehp .Obstructed_auxiliary_box__brdvU .Obstructed_item__tWwzK {
  background: var(--background-secondarycomponent);
  border-radius: 999px;
  width: 24px;
  height: 24px;
  margin-right: -4px;
  position: relative;
  overflow: hidden
}

.Obstructed_auxiliary_info__qpehp .Obstructed_auxiliary_box__brdvU .Obstructed_item__tWwzK:last-child {
  margin-right: 0
}

.Obstructed_auxiliary_info__qpehp .Obstructed_auxiliary_box__brdvU .Obstructed_item__tWwzK.Obstructed_img__wPg\+u div {
  border-radius: 999px;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%)
}

.Obstructed_auxiliary_info__qpehp .Obstructed_auxiliary_box__brdvU .Obstructed_item__tWwzK.Obstructed_img__wPg\+u img {
  width: auto;
  height: 24px;
  position: relative;
  top: calc(50% - 1px);
  left: 50%;
  transform: translate(-50%, -50%)
}

@media (min-width:1025px) {
  .Obstructed_obstructed_text__eMNW5 {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: flex
  }

  .Obstructed_obstructed_text__eMNW5 div {
    margin-bottom: 0;
    margin-right: 4px
  }

  .Obstructed_obstructed_text__eMNW5 div:last-child {
    margin-right: 0
  }
}

[dir=rtl] .Obstructed_obstructed_text__eMNW5 .Obstructed_link__9\+Ovi i {
  transform: rotate(180deg)
}

@media (min-width:1025px) {
  [dir=rtl] .Obstructed_obstructed_text__eMNW5 div {
    margin-left: 4px;
    margin-right: 0
  }

  [dir=rtl] .Obstructed_obstructed_text__eMNW5 div:last-child {
    margin-left: 0
  }
}

.ChannelListNew_pop_mode_box__S3quq {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

@media screen and (min-width:768px) {
  .ChannelListNew_pop_mode_box__S3quq {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .ChannelListNew_pop_mode_box__S3quq.ChannelListNew_active__LTDuY {
    opacity: 1;
    transform: translate(-50%, -50%)
  }

  .ChannelListNew_pop_mode_box__S3quq.ChannelListNew_l_pop__f1nIF {
    width: 568px;
    min-height: 568px;
    max-height: 730px
  }
}

@media screen and (min-width:1025px) {
  .ChannelListNew_pop_mode_box__S3quq.ChannelListNew_l_pop__f1nIF {
    width: 768px;
    min-height: 558px;
    max-height: 558px
  }
}

@media screen and (min-width:1280px) {
  .ChannelListNew_pop_mode_box__S3quq.ChannelListNew_l_pop__f1nIF {
    width: 824px;
    min-height: 558px;
    max-height: 558px
  }
}

@media screen and (min-width:1440px) {
  .ChannelListNew_pop_mode_box__S3quq.ChannelListNew_l_pop__f1nIF {
    width: 824px;
    min-height: 642px;
    max-height: 642px
  }
}

@media screen and (min-width:1600px) {
  .ChannelListNew_pop_mode_box__S3quq.ChannelListNew_l_pop__f1nIF {
    width: 960px;
    min-height: 642px;
    max-height: 642px
  }
}

@media screen and (min-width:1920px) {
  .ChannelListNew_pop_mode_box__S3quq.ChannelListNew_l_pop__f1nIF {
    width: 960px;
    min-height: 642px;
    max-height: 742px
  }
}

@keyframes ChannelListNew_LoadingRotateAni__FXrdP {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.ChannelListNew_paymentChannel_title__Gy5xZ {
  color: var(--font-w-primary);
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px;
  display: flex
}

.ChannelListNew_paymentChannel_title__Gy5xZ .ChannelListNew_tencent_safety__7To\+2 {
  color: var(--font-w-placeholder);
  margin: 0 4px;
  position: relative
}

.ChannelListNew_pop_mode_box__S3quq {
  border-radius: 0;
  width: 100%;
  height: auto;
  transition: all .2s ease-in-out;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  transform: translateY(100vh)
}

.ChannelListNew_pop_mode_box__S3quq.ChannelListNew_active__LTDuY {
  z-index: 400;
  transform: translateY(0)
}

.ChannelListNew_pop_mode_box__S3quq.ChannelListNew_PayChannelNewType_pop__htUIa {
  background: var(--background-container)
}

.ChannelListNew_wrap_box__SikSt,
.ChannelListNew_wrapLeft_box__ZyB\+k {
  box-sizing: border-box;
  position: relative
}

.ChannelListNew_wrap_box__SikSt {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex
}

.ChannelListNew_wrap_box__SikSt>.ChannelListNew_title_box__RwwxE {
  z-index: 1;
  flex-shrink: 0;
  position: relative
}

.ChannelListNew_flex_wrap__HI2-w {
  flex: 1
}

.ChannelListNew_bgDecoration__MEjRX {
  opacity: 1
}

.ChannelListNew_wrapLeft_box__ZyB\+k {
  flex-direction: column;
  padding-bottom: 12px;
  display: flex;
  position: absolute;
  inset: 58px 0 78px;
  overflow: auto
}

.ChannelListNew_wrapLeft_box__ZyB\+k .ChannelListNew_mobileMiddle_box__2WJCd {
  z-index: 1;
  flex: auto;
  padding: 0 20px;
  position: relative
}

.ChannelListNew_mobileTop_box__dtnpR {
  z-index: 1;
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  gap: 12px;
  padding: 0 20px 12px;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative
}

.ChannelListNew_mobileTop_box__dtnpR.ChannelListNew_scroll__75vr7 {
  background: var(--background-secondarycontainer);
  z-index: 1;
  border-bottom: 1px solid var(--borders-stroke);
  gap: 8px;
  box-shadow: 0 12px 24px #0003
}

.ChannelListNew_mobileTop_box__dtnpR.ChannelListNew_active__LTDuY {
  background: var(--background-secondarycontainer);
  z-index: 3;
  gap: 8px;
  box-shadow: 0 12px 24px #0003
}

.ChannelListNew_mobileTop_box__dtnpR.ChannelListNew_slideTopBox__ShS9e {
  opacity: 0;
  position: fixed;
  top: -999px;
  left: 0;
  right: 0
}

@media (min-width:768px) {
  .ChannelListNew_pop_mode_box__S3quq {
    border-radius: 12px;
    transition: all .2s ease-in-out;
    position: fixed;
    top: 50%;
    bottom: auto;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%)
  }

  .ChannelListNew_pop_mode_box__S3quq.ChannelListNew_active__LTDuY {
    z-index: 400;
    transform: translate(-50%, -50%)
  }

  .ChannelListNew_bgDecoration__MEjRX {
    display: none
  }

  .ChannelListNew_wrapLeft_box__ZyB\+k {
    height: 630px;
    padding-bottom: 92px;
    position: relative;
    inset: auto
  }

  .ChannelListNew_wrapLeft_box__ZyB\+k .ChannelListNew_mobileMiddle_box__2WJCd {
    padding: 0 72px 108px
  }

  .ChannelListNew_mobileTop_box__dtnpR {
    padding: 0 72px 12px
  }
}

@media (min-width:1025px) {
  .ChannelListNew_pop_mode_box__S3quq.ChannelListNew_PayChannelNewType_pop__htUIa {
    min-height: unset;
    max-height: unset;
    width: 860px;
    height: 630px
  }

  .ChannelListNew_flex_wrap__HI2-w {
    grid-template-columns: repeat(7, 1fr);
    display: grid
  }

  .ChannelListNew_flex_wrap__HI2-w .ChannelListNew_wrapLeft_box__ZyB\+k {
    box-sizing: border-box;
    grid-column: span 4;
    height: 630px;
    padding-bottom: 0;
    position: relative
  }

  .ChannelListNew_flex_wrap__HI2-w .ChannelListNew_wrapLeft_box__ZyB\+k .ChannelListNew_mobileTop_box__dtnpR {
    padding: 0 40px 16px
  }

  .ChannelListNew_flex_wrap__HI2-w .ChannelListNew_wrapLeft_box__ZyB\+k .ChannelListNew_mobileTop_box__dtnpR.ChannelListNew_active__LTDuY {
    background: unset
  }

  .ChannelListNew_flex_wrap__HI2-w .ChannelListNew_wrapLeft_box__ZyB\+k .ChannelListNew_mobileMiddle_box__2WJCd {
    padding: 16px 40px 0;
    overflow: auto
  }
}

@media (min-width:1440px) {
  .ChannelListNew_pop_mode_box__S3quq.ChannelListNew_PayChannelNewType_pop__htUIa {
    min-height: unset;
    max-height: unset;
    width: 1080px;
    height: 730px
  }

  .ChannelListNew_flex_wrap__HI2-w .ChannelListNew_wrapLeft_box__ZyB\+k {
    height: 730px
  }

  .ChannelListNew_flex_wrap__HI2-w .ChannelListNew_wrapLeft_box__ZyB\+k .ChannelListNew_mobileTop_box__dtnpR {
    padding: 0 56px 16px
  }

  .ChannelListNew_flex_wrap__HI2-w .ChannelListNew_wrapLeft_box__ZyB\+k .ChannelListNew_mobileMiddle_box__2WJCd {
    padding: 16px 56px 0
  }
}

:root {
  --td-brand-color-1: #f2f3ff;
  --td-brand-color-2: #d9e1ff;
  --td-brand-color-3: #b5c7ff;
  --td-brand-color-4: #8eabff;
  --td-brand-color-5: #618dff;
  --td-brand-color-6: #366ef4;
  --td-brand-color-7: #0052d9;
  --td-brand-color-8: #003cab;
  --td-brand-color-9: #002a7c;
  --td-brand-color-10: #001a57;
  --td-warning-color-1: #fff1e9;
  --td-warning-color-2: #ffd9c2;
  --td-warning-color-3: #ffb98c;
  --td-warning-color-4: #fa9550;
  --td-warning-color-5: #e37318;
  --td-warning-color-6: #be5a00;
  --td-warning-color-7: #954500;
  --td-warning-color-8: #713300;
  --td-warning-color-9: #532300;
  --td-warning-color-10: #3b1700;
  --td-error-color-1: #fff0ed;
  --td-error-color-2: #ffd8d2;
  --td-error-color-3: #ffb9b0;
  --td-error-color-4: #ff9285;
  --td-error-color-5: #f6685d;
  --td-error-color-6: #d54941;
  --td-error-color-7: #ad352f;
  --td-error-color-8: #881f1c;
  --td-error-color-9: #68070a;
  --td-error-color-10: #490002;
  --td-success-color-1: #e3f9e9;
  --td-success-color-2: #c6f3d7;
  --td-success-color-3: #92dab2;
  --td-success-color-4: #56c08d;
  --td-success-color-5: #2ba471;
  --td-success-color-6: #008858;
  --td-success-color-7: #006c45;
  --td-success-color-8: #005334;
  --td-success-color-9: #003b23;
  --td-success-color-10: #002515;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e8e8e8;
  --td-gray-color-4: #ddd;
  --td-gray-color-5: #c6c6c6;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #393939;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: #fff;
  --td-font-white-2: #ffffff8c;
  --td-font-white-3: #ffffff59;
  --td-font-white-4: #ffffff38;
  --td-font-gray-1: #000000e6;
  --td-font-gray-2: #0009;
  --td-font-gray-3: #0006;
  --td-font-gray-4: #00000042;
  --td-brand-color: var(--td-brand-color-7);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-hover: var(--td-brand-color-6);
  --td-brand-color-focus: var(--td-brand-color-2);
  --td-brand-color-active: var(--td-brand-color-8);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-hover: var(--td-brand-color-2);
  --td-warning-color-hover: var(--td-warning-color-4);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-hover: var(--td-warning-color-2);
  --td-error-color-hover: var(--td-error-color-5);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-hover: var(--td-error-color-2);
  --td-success-color-hover: var(--td-success-color-4);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-hover: var(--td-success-color-2);
  --td-mask-active: #0009;
  --td-mask-disabled: #fff9;
  --td-bg-color-page: var(--td-gray-color-2);
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: var(--td-gray-color-1);
  --td-bg-color-container-active: var(--td-gray-color-3);
  --td-bg-color-container-select: #fff;
  --td-bg-color-secondarycontainer: var(--td-gray-color-1);
  --td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
  --td-bg-color-component: var(--td-gray-color-3);
  --td-bg-color-component-hover: var(--td-gray-color-4);
  --td-bg-color-component-active: var(--td-gray-color-6);
  --td-bg-color-secondarycomponent: var(--td-gray-color-4);
  --td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);
  --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
  --td-bg-color-component-disabled: var(--td-gray-color-2);
  --td-bg-color-specialcomponent: #fff;
  --td-text-color-primary: var(--td-font-gray-1);
  --td-text-color-secondary: var(--td-font-gray-2);
  --td-text-color-placeholder: var(--td-font-gray-3);
  --td-text-color-disabled: var(--td-font-gray-4);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color-7);
  --td-text-color-link: var(--td-brand-color-8);
  --td-border-level-1-color: var(--td-gray-color-3);
  --td-component-stroke: var(--td-gray-color-3);
  --td-border-level-2-color: var(--td-gray-color-4);
  --td-component-border: var(--td-gray-color-4);
  --td-shadow-1: 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f;
  --td-shadow-2: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f, 0 5px 5px -3px #0000001a;
  --td-shadow-3: 0 6px 30px 5px #0000000d, 0 16px 24px 2px #0000000a, 0 8px 10px -5px #00000014;
  --td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;
  --td-shadow-inset-right: inset .5px 0 0 #dcdcdc;
  --td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;
  --td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;
  --td-table-shadow-color: #00000014;
  --td-scrollbar-color: #0000001a;
  --td-scrollbar-hover-color: #0000004d;
  --td-scroll-track-color: #fff
}

:root {
  --td-radius-small: 2px;
  --td-radius-default: 3px;
  --td-radius-medium: 6px;
  --td-radius-large: 9px;
  --td-radius-extraLarge: 12px;
  --td-radius-round: 999px;
  --td-radius-circle: 50%;
  --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
  --td-font-size-link-small: 12px;
  --td-font-size-link-medium: 14px;
  --td-font-size-link-large: 16px;
  --td-font-size-mark-small: 12px;
  --td-font-size-mark-medium: 14px;
  --td-font-size-body-small: 12px;
  --td-font-size-body-medium: 14px;
  --td-font-size-body-large: 16px;
  --td-font-size-title-small: 14px;
  --td-font-size-title-medium: 16px;
  --td-font-size-title-large: 20px;
  --td-font-size-headline-small: 24px;
  --td-font-size-headline-medium: 28px;
  --td-font-size-headline-large: 36px;
  --td-font-size-display-medium: 48px;
  --td-font-size-display-large: 64px;
  --td-line-height-link-small: 20px;
  --td-line-height-link-medium: 22px;
  --td-line-height-link-large: 24px;
  --td-line-height-mark-small: 20px;
  --td-line-height-mark-medium: 22px;
  --td-line-height-body-small: 20px;
  --td-line-height-body-medium: 22px;
  --td-line-height-body-large: 24px;
  --td-line-height-title-small: 22px;
  --td-line-height-title-medium: 24px;
  --td-line-height-title-large: 28px;
  --td-line-height-headline-small: 32px;
  --td-line-height-headline-medium: 36px;
  --td-line-height-headline-large: 44px;
  --td-line-height-display-medium: 56px;
  --td-line-height-display-large: 72px;
  --td-font-link-small: var(--td-font-size-link-small)/var(--td-line-height-link-small)var(--td-font-family);
  --td-font-link-medium: var(--td-font-size-link-medium)/var(--td-line-height-link-medium)var(--td-font-family);
  --td-font-link-large: var(--td-font-size-link-large)/var(--td-line-height-link-large)var(--td-font-family);
  --td-font-mark-small: 600 var(--td-font-size-mark-small)/var(--td-line-height-mark-small)var(--td-font-family);
  --td-font-mark-medium: 600 var(--td-font-size-mark-medium)/var(--td-line-height-mark-medium)var(--td-font-family);
  --td-font-body-small: var(--td-font-size-body-small)/var(--td-line-height-body-small)var(--td-font-family);
  --td-font-body-medium: var(--td-font-size-body-medium)/var(--td-line-height-body-medium)var(--td-font-family);
  --td-font-body-large: var(--td-font-size-body-large)/var(--td-line-height-body-large)var(--td-font-family);
  --td-font-title-small: 600 var(--td-font-size-title-small)/var(--td-line-height-title-small)var(--td-font-family);
  --td-font-title-medium: 600 var(--td-font-size-title-medium)/var(--td-line-height-title-medium)var(--td-font-family);
  --td-font-title-large: 600 var(--td-font-size-title-large)/var(--td-line-height-title-large)var(--td-font-family);
  --td-font-headline-small: 600 var(--td-font-size-headline-small)/var(--td-line-height-headline-small)var(--td-font-family);
  --td-font-headline-medium: 600 var(--td-font-size-headline-medium)/var(--td-line-height-headline-medium)var(--td-font-family);
  --td-font-headline-large: 600 var(--td-font-size-headline-large)/var(--td-line-height-headline-large)var(--td-font-family);
  --td-font-display-medium: 600 var(--td-font-size-display-medium)/var(--td-line-height-display-medium)var(--td-font-family);
  --td-font-display-large: 600 var(--td-font-size-display-large)/var(--td-line-height-display-large)var(--td-font-family);
  --td-size-1: 2px;
  --td-size-2: 4px;
  --td-size-3: 6px;
  --td-size-4: 8px;
  --td-size-5: 12px;
  --td-size-6: 16px;
  --td-size-7: 20px;
  --td-size-8: 24px;
  --td-size-9: 28px;
  --td-size-10: 32px;
  --td-size-11: 36px;
  --td-size-12: 40px;
  --td-size-13: 48px;
  --td-size-14: 56px;
  --td-size-15: 64px;
  --td-size-16: 72px;
  --td-comp-size-xxxs: var(--td-size-6);
  --td-comp-size-xxs: var(--td-size-7);
  --td-comp-size-xs: var(--td-size-8);
  --td-comp-size-s: var(--td-size-9);
  --td-comp-size-m: var(--td-size-10);
  --td-comp-size-l: var(--td-size-11);
  --td-comp-size-xl: var(--td-size-12);
  --td-comp-size-xxl: var(--td-size-13);
  --td-comp-size-xxxl: var(--td-size-14);
  --td-comp-size-xxxxl: var(--td-size-15);
  --td-comp-size-xxxxxl: var(--td-size-16);
  --td-pop-padding-s: var(--td-size-2);
  --td-pop-padding-m: var(--td-size-3);
  --td-pop-padding-l: var(--td-size-4);
  --td-pop-padding-xl: var(--td-size-5);
  --td-pop-padding-xxl: var(--td-size-6);
  --td-comp-paddingLR-xxs: var(--td-size-1);
  --td-comp-paddingLR-xs: var(--td-size-2);
  --td-comp-paddingLR-s: var(--td-size-4);
  --td-comp-paddingLR-m: var(--td-size-5);
  --td-comp-paddingLR-l: var(--td-size-6);
  --td-comp-paddingLR-xl: var(--td-size-8);
  --td-comp-paddingLR-xxl: var(--td-size-10);
  --td-comp-paddingTB-xxs: var(--td-size-1);
  --td-comp-paddingTB-xs: var(--td-size-2);
  --td-comp-paddingTB-s: var(--td-size-4);
  --td-comp-paddingTB-m: var(--td-size-5);
  --td-comp-paddingTB-l: var(--td-size-6);
  --td-comp-paddingTB-xl: var(--td-size-8);
  --td-comp-paddingTB-xxl: var(--td-size-10);
  --td-comp-margin-xxs: var(--td-size-1);
  --td-comp-margin-xs: var(--td-size-2);
  --td-comp-margin-s: var(--td-size-4);
  --td-comp-margin-m: var(--td-size-5);
  --td-comp-margin-l: var(--td-size-6);
  --td-comp-margin-xl: var(--td-size-7);
  --td-comp-margin-xxl: var(--td-size-8);
  --td-comp-margin-xxxl: var(--td-size-10);
  --td-comp-margin-xxxxl: var(--td-size-12);
  --v1-light: #f1b280;
  --v1-dark: #994d38;
  --v2-light: #50d8c7;
  --v2-dark: #006b77;
  --v3-light: #b8c8ff;
  --v3-dark: #2f4184;
  --v4-light: #ffd157;
  --v4-dark: #a7681f;
  --v5-light: #90e1f2;
  --v5-dark: #007088;
  --v6-light: #c1cfff;
  --v6-dark: #2d47a5;
  --v7-light: #e7b9ff;
  --v7-dark: #5320a8;
  --v8-light: #f473ff;
  --v8-dark: #fff;
  --text-white-4-disable: #ffffff40;
  --white1: #fff;
  --white2: #ffffffbf;
  --white3: #ffffff80;
  --white4: #ffffff40;
  --white5: #ffffff1a;
  --white6: #ffffff0d;
  --black1: #000000e6;
  --black2: #000c;
  --black3: #0009;
  --black4: #0006;
  --black5: #00000040;
  --black6: #0000001a
}

@keyframes PayChannelExtraGift_LoadingRotateAni__iADUU {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes GiftItems_LoadingRotateAni__uuRxi {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PurchaseReward_LoadingRotateAni__aYTMH {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

:root {
  --gradient-primary-lighter: #00c4de;
  --gradient-primary-darker: #1b56ff;
  --gradient-secondary-lighter: #f2b818;
  --gradient-secondary-darker: #f26c3d;
  --gradient-promotion-04-lighter: #e573cd;
  --gradient-promotion-04-darker: #990cf2;
  --gradient-promotion-04-lighter-transparent: #e573cd40;
  --gradient-promotion-04-darker-transparent: #990cf226;
  --gradient-promotion-03-lighter: #88d945;
  --gradient-promotion-03-darker: #00b25f;
  --gradient-promotion-03-lighter-transparent: #88d94540;
  --gradient-promotion-03-darker-transparent: #00b25f26;
  --gradient-promotion-02-lighter: #4ad9c1;
  --gradient-promotion-02-darker: #0099bf;
  --gradient-promotion-02-lighter-transparent: #4ad9c140;
  --gradient-promotion-02-darker-transparent: #0099bf26;
  --gradient-promotion-01-lighter: #ff824d;
  --gradient-promotion-01-darker: #e52e43;
  --gradient-promotion-01-lighter-transparent: #ff824d40;
  --gradient-promotion-01-darker-transparent: #e52e4326;
  --primary-09: #002a7b;
  --primary-08: #003da9;
  --primary-07: #0052dc;
  --primary-06: #3374ff;
  --primary-05: #5f8dff;
  --primary-04: #83adff;
  --primary-03: #b0c9ff;
  --primary-02: #3374ff40;
  --primary-01: #3374ff26;
  --secondary-09: #a35900;
  --secondary-08: #d17400;
  --secondary-07: #f99d00;
  --secondary-06: #f8b600;
  --secondary-05: #ffc74c;
  --secondary-04: #ffda95;
  --secondary-03: #ffeac4;
  --secondary-02: #f8b60040;
  --secondary-01: #f8b60026;
  --error-09: #640f19;
  --error-08: #a50e21;
  --error-07: #cf142c;
  --error-06: #e52e43;
  --error-05: #ff5763;
  --error-04: #ff8488;
  --error-03: #ffa7a8;
  --error-02: #e52e4340;
  --error-01: #e52e4326;
  --success-09: #006d2f;
  --success-08: #00893d;
  --success-07: #00a74d;
  --success-06: #00d065;
  --success-05: #6eea86;
  --success-04: #bff6c4;
  --success-03: #defcde;
  --success-02: #00d06540;
  --success-01: #00d06526;
  --warning-09: #822200;
  --warning-08: #ab3000;
  --warning-07: #d4450b;
  --warning-06: #ff632c;
  --warning-05: #ff8358;
  --warning-04: #ffa789;
  --warning-03: #ffc5b1;
  --warning-02: #ff632c40;
  --warning-01: #ff632c26;
  --highlight-09: #00687c;
  --highlight-08: #00839b;
  --highlight-07: #00a3bf;
  --highlight-06: #3cbcd9;
  --highlight-05: #61d9f7;
  --highlight-04: #adedff;
  --highlight-03: #dff8ff;
  --highlight-02: #3cbcd940;
  --highlight-01: #3cbcd926;
  --neutral-w100: #fff;
  --neutral-w75: #ffffffbf;
  --neutral-w60: #fff9;
  --neutral-w50: #ffffff80;
  --neutral-w35: #ffffff59;
  --neutral-w25: #ffffff40;
  --neutral-w15: #ffffff26;
  --neutral-w10: #ffffff1a;
  --neutral-w5: #ffffff0d;
  --neutral-w0: #fff0;
  --neutral-b100: #000;
  --neutral-b90: #000000e6;
  --neutral-b80: #000c;
  --neutral-b75: #000000bf;
  --neutral-b60: #0009;
  --neutral-b50: #00000080;
  --neutral-b35: #00000059;
  --neutral-b25: #00000040;
  --neutral-b15: #00000026;
  --neutral-b10: #0000001a;
  --neutral-b5: #0000000d;
  --neutral-b0: #0000;
  --surface-light-07: #ced2e5;
  --surface-light-06: #dfe1f0;
  --surface-light-05: #e6e8f5;
  --surface-light-04: #eff1f9;
  --surface-light-03: #f5f6fa;
  --surface-light-02: #fafbff;
  --surface-light-01: #fff;
  --surface-light-00: #fff0;
  --surface-dark-07: #101424;
  --surface-dark-06: #14182b;
  --surface-dark-05: #1a1f33;
  --surface-dark-04: #1f253b;
  --surface-dark-03: #252a42;
  --surface-dark-02: #2c314a;
  --surface-dark-01: #333952;
  --surface-dark-00: #14182b00;
  --font-w-primary: var(--neutral-w100);
  --font-w-secondary: var(--neutral-w75);
  --font-w-placeholder: var(--neutral-w50);
  --font-w-disabled: var(--neutral-w25);
  --font-b-primary: var(--neutral-b90);
  --font-b-secondary: var(--neutral-b60);
  --font-b-placeholder: var(--neutral-b35);
  --font-b-disabled: var(--neutral-b15);
  --font-brand-primary-default: var(--primary-06);
  --font-brand-primary-hover: var(--primary-04);
  --font-brand-primary-active: var(--primary-07);
  --font-brand-primary-disabled: var(--primary-09);
  --font-brand-secondary-default: var(--secondary-06);
  --font-brand-secondary-hover: var(--secondary-04);
  --font-brand-secondary-active: var(--secondary-07);
  --font-brand-secondary-disable: var(--secondary-09);
  --font-function-error-default: var(--error-06);
  --font-function-error-hover: var(--error-04);
  --font-function-error-active: var(--error-07);
  --font-function-error-disabled: var(--error-09);
  --font-function-success-default: var(--success-06);
  --font-function-success-hover: var(--success-04);
  --font-function-success-active: var(--success-07);
  --font-function-success-disabled: var(--success-09);
  --font-function-warning-default: var(--warning-06);
  --font-function-warning-hover: var(--warning-04);
  --font-function-warning-active: var(--warning-07);
  --font-function-warning-disabled: var(--warning-09);
  --font-function-highlight-default: var(--highlight-05);
  --font-promotion-01: var(--gradient-promotion-01-lighter);
  --font-promotion-02: var(--gradient-promotion-02-lighter);
  --font-promotion-03: var(--gradient-promotion-03-lighter);
  --font-promotion-04: var(--gradient-promotion-04-lighter);
  --background-page: var(--surface-dark-07);
  --background-container-active-select: var(--surface-dark-02);
  --background-container-active: var(--surface-dark-03);
  --background-container-hover: var(--surface-dark-05);
  --background-container: var(--surface-dark-06);
  --background-secondarycontainer-active: var(--surface-dark-02);
  --background-secondarycontainer-hover: var(--surface-dark-04);
  --background-secondarycontainer: var(--surface-dark-05);
  --background-component: var(--surface-dark-04);
  --background-component-hover: var(--surface-dark-03);
  --background-component-active: var(--surface-dark-02);
  --background-component-disabled: var(--surface-dark-05);
  --background-secondarycomponent: var(--surface-dark-03);
  --background-secondarycomponent-hover: var(--surface-dark-02);
  --background-secondarycomponent-active: var(--surface-dark-01);
  --background-function-success: var(--success-02);
  --background-function-warning: var(--warning-02);
  --background-function-error: var(--error-02);
  --background-transparent-primary: var(--primary-02);
  --background-transparent-secondary: var(--secondary-02);
  --background-transparent-promotion-01: var(--gradient-promotion-01-lighter-transparent);
  --background-transparent-promotion-02: var(--gradient-promotion-02-lighter-transparent);
  --background-transparent-promotion-03: var(--gradient-promotion-03-lighter-transparent);
  --background-transparent-promotion-04: var(--gradient-promotion-04-lighter-transparent);
  --background-others-badge: var(--error-06);
  --background-others-toast: var(--neutral-b90);
  --background-others-message: var(--neutral-b50);
  --background-others-ghost: var(--neutral-w25);
  --background-others-w-heavy: var(--neutral-w75);
  --background-others-w-medium: var(--neutral-w50);
  --background-others-w-light: var(--neutral-w10);
  --background-others-b-heavy: var(--neutral-b75);
  --background-others-b-medium: var(--neutral-b50);
  --background-others-b-light: var(--neutral-b10);
  --borders-stroke: var(--neutral-w5);
  --borders-border: var(--neutral-w10);
  --borders-divider: var(--neutral-w25);
  --borders-success: var(--success-06);
  --borders-warning: var(--warning-06);
  --borders-error: var(--error-06);
  --decoration-primary-dark: var(--primary-07);
  --decoration-primary-light: var(--primary-05);
  --decoration-seondary-dark: var(--secondary-08);
  --decoration-seondary-light: var(--secondary-06);
  --mask-button-press: var(--neutral-b25);
  --mask-button-hover: var(--neutral-w25);
  --mask-button-disable: var(--neutral-b60);
  --mask-page: var(--neutral-b80);
  --special-borders-divider: var(--neutral-w25);
  --special-borders-stroke: var(--neutral-w5);
  --special-font-w-primary: var(--neutral-w100);
  --special-font-w-secondary: var(--neutral-w75);
  --special-font-w-placeholder: var(--neutral-w50);
  --special-font-w-disabled: var(--neutral-w25);
  --special-font-b-primary: var(--neutral-b100);
  --special-font-b-secondary: var(--neutral-b75);
  --special-font-b-placeholder: var(--neutral-b50);
  --special-font-b-disabled: var(--neutral-b25);
  --special-others-w-light: var(--neutral-w10);
  --special-others-w-medium: var(--neutral-w50);
  --special-others-w-heavy: var(--neutral-w75);
  --special-others-b-light: var(--neutral-b10);
  --special-others-b-medium: var(--neutral-b50);
  --special-others-b-heavy: var(--neutral-b75);
  --special-others-ghost: var(--neutral-w25)
}

:root {
  --cyan: #38c9f8;
  --green: #00d567;
  --red: #ff5e5b;
  --orange: #f17b32;
  --yellow: #ffc733;
  --v1-light: #f1b280;
  --v1-dark: #994d38;
  --v2-light: #50d8c7;
  --v2-dark: #006b77;
  --v3-light: #b8c8ff;
  --v3-dark: #2f4184;
  --v4-light: #ffd157;
  --v4-dark: #a7681f;
  --v5-light: #90e1f2;
  --v5-dark: #007088;
  --v6-light: #c1cfff;
  --v6-dark: #2d47a5;
  --v7-light: #e7b9ff;
  --v7-dark: #5320a8;
  --v8-light: #f473ff;
  --v8-dark: #fff
}

@keyframes t-fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes t-fade-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes t-adjust-hue {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

iframe {
  width: 100%;
  box-shadow: none;
  border: none;
  display: inline-block;
  position: relative
}

main,
menu {
  display: block
}

video {
  display: inline-block
}

[hidden] {
  display: none
}

a {
  color: inherit;
  background: 0 0;
  text-decoration: none
}

a:link,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none
}

a:active {
  outline: 0
}

img {
  vertical-align: middle;
  border: none
}

svg:not(:root) {
  overflow: hidden
}

button,
input {
  color: inherit;
  font: inherit;
  vertical-align: middle;
  margin: 0
}

button,
input {
  overflow: visible
}

button {
  text-transform: none
}

button,
html input[type=button] {
  appearance: button;
  cursor: pointer
}

[disabled] {
  cursor: default
}

button::-moz-focus-inner {
  border: 0;
  padding: 0
}

input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  background: 0 0;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  text-decoration: none
}

input:-webkit-autofill {
  -webkit-transition: color 11111s ease-out 111111s, background-color 111111s ease-out 111111s
}

input:-webkit-autofill:hover {
  -webkit-transition: color 11111s ease-out 111111s, background-color 111111s ease-out 111111s
}

input:-webkit-autofill:focus {
  -webkit-transition: color 11111s ease-out 111111s, background-color 111111s ease-out 111111s
}

input:-webkit-autofill:active {
  -webkit-transition: color 11111s ease-out 111111s, background-color 111111s ease-out 111111s
}

input[type=number]::-webkit-inner-spin-button {
  height: auto
}

input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input {
  outline: 0
}

input {
  -webkit-user-modify: read-write-plaintext-only
}

input::-ms-clear {
  display: none
}

input::-ms-reveal {
  display: none
}

input::placeholder,
.placeholder {
  color: #999
}

th {
  padding: 0
}

p,
ul,
li {
  margin: 0;
  padding: 0
}

ul {
  list-style: none
}

.rtl {
  direction: rtl
}

.icon {
  display: inline-block
}

html,
body {
  height: 100%
}

* {
  -webkit-tap-highlight-color: transparent
}

#root {
  height: 100%
}

.App {
  background-color: var(--bg5)
}

.app-wrap__relative {
  position: relative
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

.i-midas.close {
  cursor: pointer
}

div::-webkit-scrollbar {
  width: 4px
}

div::-webkit-scrollbar-track {
  background: #ffffff1a
}

div::-webkit-scrollbar-thumb {
  background: #ffffff4d;
  border-radius: 2px
}

i {
  display: inline-block
}

:root {
  --brand-color: var(--font-brand-normal);
  --bg1: var(--background-container);
  --bg2: var(--background-page);
  --bg3: var(--background-component);
  --text-color: 255, 255, 255;
  --text-color-promotion: var(--font-function-promotion-normal);
  --font-size-big-h1: 32px;
  --font-size-h1: 24px;
  --font-size-h2: 20px;
  --font-size-h3: 18px;
  --font-size-h4: 16px;
  --font-size-h5: 14px;
  --font-size-h6: 12px;
  --font-size-h7: 10px;
  --font-size-h8: 8px;
  --line-height-big-h1: 40px;
  --line-height-h1: 32px;
  --line-height-h2: 28px;
  --line-height-h3: 26px;
  --line-height-h4: 24px;
  --line-height-h5: 22px;
  --line-height-h6: 18px;
  --line-height-h6-sm: 16px;
  --line-height-h7: 12px;
  --line-height-h8: 10px
}

@font-face {
  font-family: dinm;
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_98d252dcfc90ba34.ttf*/
    url(fonts/font_98d252dcfc90ba34ccd93794216c98b54df59161.ttf);
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_2069eae087691f23.eot*/
    url()format("embedded-opentype"),
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_12faf69d54217b30.woff*/
    url(fonts/font_12faf69d54217b30d4458fffad689e758b8a91c6.woff)format("woff"),
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_98d252dcfc90ba34.ttf*/
    url(fonts/font_98d252dcfc90ba34ccd93794216c98b54df59161.ttf)format("truetype"),
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINMITTELSCHRIFTSTD_df763deaa53929fd.svg*/
    url()format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: hok-text;
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/HOK-text_2f40038c7aa5a549.ttf*/
    url();
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/HOK-text_2f40038c7aa5a549.ttf*/
    url()format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: hok-title;
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/HOK-title_c07d68368bbcddb0.ttf*/
    url();
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/HOK-title_c07d68368bbcddb0.ttf*/
    url()format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: DINPro;
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINPro-Bold_6adaa66a28fa7e89.otf*/
    url(fonts/font_6adaa66a28fa7e891c3f619466387762d56cad5c.otf);
  src:
    /*savepage-url=https://cdn.midasbuy.com/midasbuy-ui-lib/assets/DINPro-Bold_6adaa66a28fa7e89.otf*/
    url(fonts/font_6adaa66a28fa7e891c3f619466387762d56cad5c.otf)format("truetype");
  font-weight: 400;
  font-style: normal
}

[dir=rtl] {
  direction: rtl
}

.buyDetail-CPuBIv {
  width: 100%;
  height: auto;
  position: relative
}

.buyDetailItem-qwdzZW {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative
}

.buyDetailItem-qwdzZW.status-default-YZJ8RD.collapsed-KsCBh4 {
  height: auto
}

.buyDetailItem-qwdzZW.status-fixed-GW2gy4 .baseAmount-furGHQ,
.buyDetailItem-qwdzZW.status-fixed-GW2gy4 .itemContent-p5PYCg .amount-PCx9Pw {
  font-size: var(--font-size-18);
  line-height: var(--line-height-26)
}

.itemHeader-jpaXxF {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex
}

.status-default-YZJ8RD .itemHeader-jpaXxF {
  gap: 12px
}

.status-fixed-GW2gy4 .itemHeader-jpaXxF {
  gap: 8px;
  height: 26px
}

.coinIconBig-vQfO26 {
  box-sizing: border-box;
  border-radius: var(--radius-small);
  background: var(--background-secondarycontainer);
  border: 1px solid var(--borders-border);
  width: 56px;
  height: 56px;
  position: relative;
  overflow: hidden
}

.coinIconBig-vQfO26 img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.itemContent-p5PYCg {
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: inline-flex
}

.status-fixed-GW2gy4 .itemContent-p5PYCg {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  display: flex
}

.coinDisplay-vbOttT {
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex
}

.coinIcon-v5mho9 {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden
}

.baseAmount-furGHQ {
  color: var(--font-w-primary);
  word-wrap: break-word;
  font-family: dinm;
  font-size: var(--font-size-20);
  line-height: var(--line-height-28);
  flex-direction: column;
  justify-content: center;
  display: flex
}

.limitBox-nGIhRO {
  align-items: center;
  gap: 4px;
  display: flex
}

.totalText-JHRdCH {
  color: var(--font-w-placeholder);
  font-size: var(--font-size-12);
  font-family: Arial;
  line-height: var(--line-height-18);
  word-wrap: break-word
}

.expandButton-Cq6ZYq {
  box-sizing: border-box;
  cursor: pointer;
  border: 1px var(--borders-stroke)solid;
  background: var(--background-component);
  border-radius: var(--radius-small);
  width: 26px;
  height: 26px;
  position: relative
}

.expandButton-Cq6ZYq i {
  font-size: var(--font-size-16);
  color: var(--font-w-primary);
  transition: all .2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.detailsPanel-XrJfyZ {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-height: 0;
  padding-top: 0;
  transition: all .2s ease-in-out;
  display: flex;
  overflow: hidden
}

.status-fixed-GW2gy4 .detailsPanel-XrJfyZ {
  overflow: hidden
}

.detailsContainer-bJm6x2 {
  box-sizing: border-box;
  background: var(--background-page, #101424);
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
  padding: 12px 16px;
  display: flex
}

.status-default-YZJ8RD .detailsContainer-bJm6x2 {
  border: 1px var(--borders-stroke)solid
}

.status-fixed-GW2gy4 .detailsContainer-bJm6x2 {
  border: 1px var(--borders-border, #ffffff1a)solid
}

.detailRow-TNIBVs {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  height: 24px;
  display: flex
}

.detailLabel-tvTAFk {
  color: var(--font-w-secondary);
  font-size: var(--font-size-12);
  font-family: var(--font-family-body);
  line-height: var(--line-height-18);
  word-wrap: break-word
}

.detailValue-lnzG79 {
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex
}

.smallCoinIcon-joPV7z {
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden
}

.amount-PCx9Pw {
  color: var(--font-w-primary);
  font-size: var(--font-size-16);
  font-family: dinm;
  line-height: var(--line-height-24);
  word-wrap: break-word;
  flex-direction: column;
  justify-content: center;
  display: flex
}

.totalRow-euMdRu {
  border-top: 1px var(--borders-stroke)solid;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-top: 4px;
  padding-top: 8px;
  display: flex
}

.totalLabel-AkfHt6 {
  color: var(--font-w-primary);
  font-size: var(--font-size-14);
  font-family: var(--font-family-body);
  line-height: var(--line-height-22);
  word-wrap: break-word
}

.extraSendInfo-Y3uUDX {
  box-sizing: border-box;
  background: var(--background-component);
  border: 1px solid var(--borders-border);
  cursor: pointer;
  border-radius: 6px;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  overflow: hidden
}

.extraSendInfo-Y3uUDX:hover {
  opacity: .9;
  transition: opacity .2s
}

.extraSendInfo-Y3uUDX.celling-ENequB {
  border: none;
  outline: none
}

.extraSendInfo-Y3uUDX i.arrowIcon-nsldHA {
  width: 12px;
  height: 12px;
  color: var(--font-w-placeholder);
  position: relative
}

.backgroundBlur-TIb91G {
  z-index: 0;
  background: var(--brand-secondary);
  filter: blur(32px);
  pointer-events: none;
  border-radius: 9999px;
  width: 257px;
  height: 101px;
  position: absolute;
  top: 50%;
  left: -175px;
  transform: translateY(-50%);
  box-shadow: 64px 64px 64px
}

.leftSection-Q30SmN {
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  display: flex;
  position: relative
}

.giftIcon-YpeLMx {
  width: 14px;
  height: 14px;
  position: relative
}

.extraLabel-fnkxcz {
  color: var(--font-w-primary, white);
  font-family: var(--font-family-body);
  font-size: var(--font-size-12);
  line-height: var(--line-height-18)
}

.rightSection-wsXFme {
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding-left: 10px;
  display: flex;
  position: relative
}

.itemContainer-WIle45 {
  box-sizing: border-box;
  border-radius: var(--radius-small);
  background-color: var(--background-secondarycontainer);
  border: 1px solid var(--borders-border);
  width: 28px;
  height: 28px;
  position: relative;
  overflow: hidden
}

.itemContainer-WIle45 .itemIcon-eKDovx {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.itemContainer-WIle45 .quantityText-r2cCzL {
  text-align: right;
  color: var(--font-w-primary, white);
  font-size: 10px;
  font-family: var(--font-family-body);
  text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
  line-height: 12px
}

.quantityBadge-XeGLKn {
  border-top-left-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 12px;
  padding-right: 2px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0
}

@media (min-width:768px) {
  .extraSendInfo-Y3uUDX {
    height: 50px;
    padding: 8px 16px
  }

  .extraSendInfo-Y3uUDX i.arrowIcon-nsldHA {
    width: 14px;
    height: 14px;
    color: var(--font-w-placeholder);
    position: relative
  }

  .giftIcon-YpeLMx {
    width: 16px;
    height: 16px
  }

  .extraLabel-fnkxcz {
    font-size: var(--font-size-14);
    line-height: var(--line-height-22)
  }
}

[dir=rtl] .rightSection-wsXFme {
  padding-left: 0;
  padding-right: 10px
}

[dir=rtl] .rightSection-wsXFme i.arrowIcon-nsldHA {
  transform: rotate(180deg)
}

[dir=rtl] .quantityBadge-XeGLKn {
  border-top-left-radius: 0;
  border-top-right-radius: 6px;
  padding-left: 2px;
  padding-right: 0;
  left: 0;
  right: auto
}

[dir=rtl] .backgroundBlur-TIb91G {
  background: linear-gradient(315deg, var(--special-button-secondarybrand-lighter)0%, var(--special-button-secondarybrand)100%);
  left: auto;
  right: -175px
}

:root {
  --td-screen-xs: 320px;
  --td-screen-sm: 768px;
  --td-screen-md: 992px;
  --td-screen-lg: 1200px;
  --td-screen-xl: 1400px;
  --td-screen-xxl: 1880px
}

:root {
  --td-brand-color-1: #f2f3ff;
  --td-brand-color-2: #d9e1ff;
  --td-brand-color-3: #b5c7ff;
  --td-brand-color-4: #8eabff;
  --td-brand-color-5: #618dff;
  --td-brand-color-6: #366ef4;
  --td-brand-color-7: #0052d9;
  --td-brand-color-8: #003cab;
  --td-brand-color-9: #002a7c;
  --td-brand-color-10: #001a57;
  --td-warning-color-1: #fff1e9;
  --td-warning-color-2: #ffd9c2;
  --td-warning-color-3: #ffb98c;
  --td-warning-color-4: #fa9550;
  --td-warning-color-5: #e37318;
  --td-warning-color-6: #be5a00;
  --td-warning-color-7: #954500;
  --td-warning-color-8: #713300;
  --td-warning-color-9: #532300;
  --td-warning-color-10: #3b1700;
  --td-error-color-1: #fff0ed;
  --td-error-color-2: #ffd8d2;
  --td-error-color-3: #ffb9b0;
  --td-error-color-4: #ff9285;
  --td-error-color-5: #f6685d;
  --td-error-color-6: #d54941;
  --td-error-color-7: #ad352f;
  --td-error-color-8: #881f1c;
  --td-error-color-9: #68070a;
  --td-error-color-10: #490002;
  --td-success-color-1: #e3f9e9;
  --td-success-color-2: #c6f3d7;
  --td-success-color-3: #92dab2;
  --td-success-color-4: #56c08d;
  --td-success-color-5: #2ba471;
  --td-success-color-6: #008858;
  --td-success-color-7: #006c45;
  --td-success-color-8: #005334;
  --td-success-color-9: #003b23;
  --td-success-color-10: #002515;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e8e8e8;
  --td-gray-color-4: #ddd;
  --td-gray-color-5: #c6c6c6;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #393939;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: #fff;
  --td-font-white-2: #ffffff8c;
  --td-font-white-3: #ffffff59;
  --td-font-white-4: #ffffff38;
  --td-font-gray-1: #000000e6;
  --td-font-gray-2: #0009;
  --td-font-gray-3: #0006;
  --td-font-gray-4: #00000042;
  --td-brand-color: var(--td-brand-color-7);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-hover: var(--td-brand-color-6);
  --td-brand-color-focus: var(--td-brand-color-2);
  --td-brand-color-active: var(--td-brand-color-8);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-hover: var(--td-brand-color-2);
  --td-warning-color-hover: var(--td-warning-color-4);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-hover: var(--td-warning-color-2);
  --td-error-color-hover: var(--td-error-color-5);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-hover: var(--td-error-color-2);
  --td-success-color-hover: var(--td-success-color-4);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-hover: var(--td-success-color-2);
  --td-mask-active: #0009;
  --td-mask-disabled: #fff9;
  --td-mask-background: #fffffff5;
  --td-bg-color-page: var(--td-gray-color-2);
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: var(--td-gray-color-1);
  --td-bg-color-container-active: var(--td-gray-color-3);
  --td-bg-color-container-select: #fff;
  --td-bg-color-secondarycontainer: var(--td-gray-color-1);
  --td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
  --td-bg-color-component: var(--td-gray-color-3);
  --td-bg-color-component-hover: var(--td-gray-color-4);
  --td-bg-color-component-active: var(--td-gray-color-6);
  --td-bg-color-secondarycomponent: var(--td-gray-color-4);
  --td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);
  --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
  --td-bg-color-component-disabled: var(--td-gray-color-2);
  --td-bg-color-specialcomponent: #fff;
  --td-text-color-primary: var(--td-font-gray-1);
  --td-text-color-secondary: var(--td-font-gray-2);
  --td-text-color-placeholder: var(--td-font-gray-3);
  --td-text-color-disabled: var(--td-font-gray-4);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color-7);
  --td-text-color-link: var(--td-brand-color-8);
  --td-border-level-1-color: var(--td-gray-color-3);
  --td-component-stroke: var(--td-gray-color-3);
  --td-border-level-2-color: var(--td-gray-color-4);
  --td-component-border: var(--td-gray-color-4);
  --td-shadow-1: 0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f;
  --td-shadow-2: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f, 0 5px 5px -3px #0000001a;
  --td-shadow-3: 0 6px 30px 5px #0000000d, 0 16px 24px 2px #0000000a, 0 8px 10px -5px #00000014;
  --td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;
  --td-shadow-inset-right: inset .5px 0 0 #dcdcdc;
  --td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;
  --td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;
  --td-table-shadow-color: #00000014;
  --td-scrollbar-color: #0000001a;
  --td-scrollbar-hover-color: #0000004d;
  --td-scroll-track-color: #fff
}

:root {
  --td-radius-small: 2px;
  --td-radius-default: 3px;
  --td-radius-medium: 6px;
  --td-radius-large: 9px;
  --td-radius-extraLarge: 12px;
  --td-radius-round: 999px;
  --td-radius-circle: 50%;
  --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
  --td-font-size-link-small: 12px;
  --td-font-size-link-medium: 14px;
  --td-font-size-link-large: 16px;
  --td-font-size-mark-small: 12px;
  --td-font-size-mark-medium: 14px;
  --td-font-size-body-small: 12px;
  --td-font-size-body-medium: 14px;
  --td-font-size-body-large: 16px;
  --td-font-size-title-small: 14px;
  --td-font-size-title-medium: 16px;
  --td-font-size-title-large: 20px;
  --td-font-size-headline-small: 24px;
  --td-font-size-headline-medium: 28px;
  --td-font-size-headline-large: 36px;
  --td-font-size-display-medium: 48px;
  --td-font-size-display-large: 64px;
  --td-line-height-link-small: 20px;
  --td-line-height-link-medium: 22px;
  --td-line-height-link-large: 24px;
  --td-line-height-mark-small: 20px;
  --td-line-height-mark-medium: 22px;
  --td-line-height-body-small: 20px;
  --td-line-height-body-medium: 22px;
  --td-line-height-body-large: 24px;
  --td-line-height-title-small: 22px;
  --td-line-height-title-medium: 24px;
  --td-line-height-title-large: 28px;
  --td-line-height-headline-small: 32px;
  --td-line-height-headline-medium: 36px;
  --td-line-height-headline-large: 44px;
  --td-line-height-display-medium: 56px;
  --td-line-height-display-large: 72px;
  --td-font-link-small: var(--td-font-size-link-small)/var(--td-line-height-link-small)var(--td-font-family);
  --td-font-link-medium: var(--td-font-size-link-medium)/var(--td-line-height-link-medium)var(--td-font-family);
  --td-font-link-large: var(--td-font-size-link-large)/var(--td-line-height-link-large)var(--td-font-family);
  --td-font-mark-small: 600 var(--td-font-size-mark-small)/var(--td-line-height-mark-small)var(--td-font-family);
  --td-font-mark-medium: 600 var(--td-font-size-mark-medium)/var(--td-line-height-mark-medium)var(--td-font-family);
  --td-font-body-small: var(--td-font-size-body-small)/var(--td-line-height-body-small)var(--td-font-family);
  --td-font-body-medium: var(--td-font-size-body-medium)/var(--td-line-height-body-medium)var(--td-font-family);
  --td-font-body-large: var(--td-font-size-body-large)/var(--td-line-height-body-large)var(--td-font-family);
  --td-font-title-small: 600 var(--td-font-size-title-small)/var(--td-line-height-title-small)var(--td-font-family);
  --td-font-title-medium: 600 var(--td-font-size-title-medium)/var(--td-line-height-title-medium)var(--td-font-family);
  --td-font-title-large: 600 var(--td-font-size-title-large)/var(--td-line-height-title-large)var(--td-font-family);
  --td-font-headline-small: 600 var(--td-font-size-headline-small)/var(--td-line-height-headline-small)var(--td-font-family);
  --td-font-headline-medium: 600 var(--td-font-size-headline-medium)/var(--td-line-height-headline-medium)var(--td-font-family);
  --td-font-headline-large: 600 var(--td-font-size-headline-large)/var(--td-line-height-headline-large)var(--td-font-family);
  --td-font-display-medium: 600 var(--td-font-size-display-medium)/var(--td-line-height-display-medium)var(--td-font-family);
  --td-font-display-large: 600 var(--td-font-size-display-large)/var(--td-line-height-display-large)var(--td-font-family);
  --td-size-1: 2px;
  --td-size-2: 4px;
  --td-size-3: 6px;
  --td-size-4: 8px;
  --td-size-5: 12px;
  --td-size-6: 16px;
  --td-size-7: 20px;
  --td-size-8: 24px;
  --td-size-9: 28px;
  --td-size-10: 32px;
  --td-size-11: 36px;
  --td-size-12: 40px;
  --td-size-13: 48px;
  --td-size-14: 56px;
  --td-size-15: 64px;
  --td-size-16: 72px;
  --td-comp-size-xxxs: var(--td-size-6);
  --td-comp-size-xxs: var(--td-size-7);
  --td-comp-size-xs: var(--td-size-8);
  --td-comp-size-s: var(--td-size-9);
  --td-comp-size-m: var(--td-size-10);
  --td-comp-size-l: var(--td-size-11);
  --td-comp-size-xl: var(--td-size-12);
  --td-comp-size-xxl: var(--td-size-13);
  --td-comp-size-xxxl: var(--td-size-14);
  --td-comp-size-xxxxl: var(--td-size-15);
  --td-comp-size-xxxxxl: var(--td-size-16);
  --td-pop-padding-s: var(--td-size-2);
  --td-pop-padding-m: var(--td-size-3);
  --td-pop-padding-l: var(--td-size-4);
  --td-pop-padding-xl: var(--td-size-5);
  --td-pop-padding-xxl: var(--td-size-6);
  --td-comp-paddingLR-xxs: var(--td-size-1);
  --td-comp-paddingLR-xs: var(--td-size-2);
  --td-comp-paddingLR-s: var(--td-size-4);
  --td-comp-paddingLR-m: var(--td-size-5);
  --td-comp-paddingLR-l: var(--td-size-6);
  --td-comp-paddingLR-xl: var(--td-size-8);
  --td-comp-paddingLR-xxl: var(--td-size-10);
  --td-comp-paddingTB-xxs: var(--td-size-1);
  --td-comp-paddingTB-xs: var(--td-size-2);
  --td-comp-paddingTB-s: var(--td-size-4);
  --td-comp-paddingTB-m: var(--td-size-5);
  --td-comp-paddingTB-l: var(--td-size-6);
  --td-comp-paddingTB-xl: var(--td-size-8);
  --td-comp-paddingTB-xxl: var(--td-size-10);
  --td-comp-margin-xxs: var(--td-size-1);
  --td-comp-margin-xs: var(--td-size-2);
  --td-comp-margin-s: var(--td-size-4);
  --td-comp-margin-m: var(--td-size-5);
  --td-comp-margin-l: var(--td-size-6);
  --td-comp-margin-xl: var(--td-size-7);
  --td-comp-margin-xxl: var(--td-size-8);
  --td-comp-margin-xxxl: var(--td-size-10);
  --td-comp-margin-xxxxl: var(--td-size-12);
  --font-size-32: 32px;
  --font-size-24: 24px;
  --font-size-20: 20px;
  --font-size-18: 18px;
  --font-size-16: 16px;
  --font-size-14: 14px;
  --font-size-12: 12px;
  --font-size-10: 10px;
  --line-height-40: 40px;
  --line-height-32: 32px;
  --line-height-28: 28px;
  --line-height-26: 26px;
  --line-height-24: 24px;
  --line-height-22: 22px;
  --line-height-18: 18px;
  --line-height-16: 16px;
  --line-height-14: 14px;
  --line-height-12: 12px;
  --size-none: 0;
  --size-1920: 1920px;
  --size-768: 768px;
  --size-375: 375px;
  --size-80: 80px;
  --size-72: 72px;
  --size-64: 64px;
  --size-56: 56px;
  --size-48: 48px;
  --size-40: 40px;
  --size-32: 32px;
  --size-28: 28px;
  --size-24: 24px;
  --size-20: 20px;
  --size-16: 16px;
  --size-12: 12px;
  --size-10: 10px;
  --size-8: 8px;
  --size-6: 6px;
  --size-4: 4px;
  --size-2: 2px;
  --radius-extra-large: 24px;
  --radius-round: 99px;
  --radius-large: 12px;
  --radius-medium: 9px;
  --radius-small: 6px;
  --radius-extra-small: 3px;
  --radius-none: 0;
  --font-family-title: "DINpro";
  --font-family-body: "Arial";
  --font-family-number: "dinm";
  --promotion-04-vertical: linear-gradient(180deg, var(--gradient-promotion-04-lighter), var(--gradient-promotion-04-darker));
  --promotion-04-tilt-rtl: linear-gradient(to bottom left, var(--gradient-promotion-04-lighter), var(--gradient-promotion-04-darker));
  --promotion-04-tilt: linear-gradient(to bottom right, var(--gradient-promotion-04-lighter), var(--gradient-promotion-04-darker));
  --promotion-03-vertical: linear-gradient(180deg, var(--gradient-promotion-03-lighter), var(--gradient-promotion-03-darker));
  --promotion-03-tilt-rtl: linear-gradient(to bottom left, var(--gradient-promotion-03-lighter), var(--gradient-promotion-03-darker));
  --promotion-03-tilt: linear-gradient(to bottom right, var(--gradient-promotion-03-lighter), var(--gradient-promotion-03-darker));
  --promotion-02-vertical: linear-gradient(180deg, var(--gradient-promotion-02-lighter), var(--gradient-promotion-02-darker));
  --promotion-02-tilt-rtl: linear-gradient(to bottom left, var(--gradient-promotion-02-lighter), var(--gradient-promotion-02-darker));
  --promotion-02-tilt: linear-gradient(to bottom right, var(--gradient-promotion-02-lighter), var(--gradient-promotion-02-darker));
  --promotion-01-vertical: linear-gradient(180deg, var(--gradient-promotion-01-lighter), var(--gradient-promotion-01-darker));
  --promotion-01-tilt-rtl: linear-gradient(to bottom left, var(--gradient-promotion-01-lighter), var(--gradient-promotion-01-darker));
  --promotion-01-tilt: linear-gradient(to bottom right, var(--gradient-promotion-01-lighter), var(--gradient-promotion-01-darker));
  --brand-secondary-vertical: linear-gradient(180deg, var(--gradient-secondary-lighter), var(--gradient-secondary-darker));
  --brand-secondary-rtl: linear-gradient(to bottom left, var(--gradient-secondary-lighter), var(--gradient-secondary-darker));
  --brand-secondary: linear-gradient(to bottom right, var(--gradient-secondary-lighter), var(--gradient-secondary-darker));
  --brand-primary-vertical: linear-gradient(180deg, var(--gradient-primary-lighter), var(--gradient-primary-darker));
  --brand-primary-rtl: linear-gradient(to bottom left, var(--gradient-primary-lighter), var(--gradient-primary-darker));
  --brand-primary: linear-gradient(to bottom right, var(--gradient-primary-lighter), var(--gradient-primary-darker));
  --white-vertical: linear-gradient(180deg, var(--neutral-w100), var(--neutral-w75))
}

.PayChannelInfoList_wrap-vP7USV {
  box-sizing: border-box;
  border-radius: var(--radius-small);
  background: var(--background-component);
  flex-direction: column;
  width: 100%;
  padding: 0 12px;
  display: flex;
  position: relative
}

.PayChannelInfoList_wrap-vP7USV[dir=rtl] .item-GHYAcS .label-j7mFFy i {
  margin-left: 0;
  margin-right: 6px;
  transform: rotateY(180deg)
}

.PayChannelInfoList_wrap-vP7USV>.item-GHYAcS {
  flex-shrink: 0
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS {
  box-sizing: border-box;
  border-bottom: 1px solid var(--borders-stroke);
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  display: flex;
  position: relative
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS:last-child {
  border-bottom: none
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .label-j7mFFy {
  font-family: var(--font-family-body);
  color: var(--font-w-secondary);
  font-size: var(--font-size-12);
  line-height: var(--line-height-18);
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .label-j7mFFy i {
  font-size: var(--font-size-14);
  flex-shrink: 0;
  line-height: 1
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .label-j7mFFy.link-iqCbm0 {
  color: var(--font-brand-primary-default)
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .label-j7mFFy.celling-iljy2f {
  flex: 1 0;
  min-width: 90%
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .label-j7mFFy.celling-iljy2f .text-l4RLec {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 80%;
  display: -webkit-box;
  overflow: hidden
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .label-j7mFFy.celling-iljy2f span {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  width: fit-content;
  max-width: 40%;
  display: -webkit-box;
  overflow: hidden
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .label-j7mFFy .text-l4RLec {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100px;
  display: -webkit-box;
  overflow: hidden
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD {
  text-overflow: ellipsis;
  width: fit-content;
  max-height: 100%;
  font-family: var(--font-family-body);
  font-size: var(--font-size-12);
  line-height: var(--line-height-18);
  cursor: pointer;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
  display: flex
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD .afterIcon-Dcub16 {
  height: auto;
  line-height: 1;
  display: flex
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD.default-K3JUSQ,
.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD.default-K3JUSQ .afterIcon-Dcub16 i,
.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD.default-K3JUSQ .afterIcon-Dcub16 i {
  color: var(--font-w-placeholder)
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD.link-iqCbm0,
.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD.link-iqCbm0 .afterIcon-Dcub16 i,
.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD.link-iqCbm0 .afterIcon-Dcub16 i {
  color: var(--font-brand-primary-default)
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD .text_box-JnQeKx>* {
  flex-shrink: 0
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD .text_box-JnQeKx i {
  line-height: 1
}

.PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD .text_box-JnQeKx>div {
  text-overflow: ellipsis;
  text-align: right
}

@media screen and (min-width:768px) {
  .PayChannelInfoList_wrap-vP7USV .item-GHYAcS .val-slBhWD i {
    position: relative
  }
}

[dir=rtl] .PayChannelInfoList_wrap-vP7USV .item-GHYAcS {
  direction: rtl
}

[dir=rtl] .PayChannelInfoList_wrap-vP7USV .afterIcon-Dcub16 {
  transform: rotate(180deg)
}

.active_bg-HVKlac {
  opacity: 0;
  background: var(--mask-button-press);
  z-index: 0;
  transition: all .2s ease-in-out;
  position: absolute;
  inset: 0
}

.hover_bg-y42Y2b {
  opacity: 0;
  background: var(--mask-button-hover);
  z-index: 0;
  transition: all .2s ease-in-out;
  position: absolute;
  inset: 0
}

.disabled_bg-Wx_Kea {
  opacity: 0;
  background: var(--mask-button-disable);
  z-index: 0;
  transition: all .2s ease-in-out;
  position: absolute;
  inset: 0
}

.button-R63iCa {
  box-sizing: border-box;
  cursor: pointer;
  font-family: var(--font-family-body);
  border: none;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden
}

.button-R63iCa.primary-khNCsh {
  background: var(--brand-primary)
}

.button-R63iCa.disabled-MZhjZM {
  cursor: not-allowed;
  pointer-events: none
}

.button-R63iCa.disabled-MZhjZM.primary-khNCsh .disabled_bg-Wx_Kea {
  z-index: 2;
  opacity: 1
}

.button-R63iCa.medium-nNwgsO {
  height: 46px;
  font-size: var(--font-size-14);
  line-height: var(--line-height-22);
  padding: 12px 16px
}

.button-R63iCa:active .active_bg-HVKlac {
  opacity: 1
}

.button-R63iCa:active:hover .hover_bg-y42Y2b {
  opacity: 0
}

.main-iCk0O6 {
  color: var(--special-font-w-primary);
  justify-content: center;
  align-items: center;
  gap: 4px;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative
}

@keyframes spin-AVraVN {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@media (any-hover:hover) {
  .button-R63iCa:not(.loading-vLu5Lp):hover .hover_bg-y42Y2b {
    opacity: 1
  }
}

@media (min-width:768px) {
  .button-R63iCa {
    height: 46px;
    font-size: var(--font-size-14);
    line-height: var(--line-height-22);
    padding: 12px 16px
  }
}

@media (min-width:1025px) {
  .button-R63iCa {
    height: 52px;
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
    padding: 14px 20px
  }
}

:root {
  --font-size-32: 32px;
  --font-size-24: 24px;
  --font-size-20: 20px;
  --font-size-18: 18px;
  --font-size-16: 16px;
  --font-size-14: 14px;
  --font-size-12: 12px;
  --font-size-10: 10px;
  --line-height-40: 40px;
  --line-height-32: 32px;
  --line-height-28: 28px;
  --line-height-26: 26px;
  --line-height-24: 24px;
  --line-height-22: 22px;
  --line-height-18: 18px;
  --line-height-16: 16px;
  --line-height-14: 14px;
  --line-height-12: 12px;
  --size-none: 0;
  --size-1920: 1920px;
  --size-768: 768px;
  --size-375: 375px;
  --size-80: 80px;
  --size-72: 72px;
  --size-64: 64px;
  --size-56: 56px;
  --size-48: 48px;
  --size-40: 40px;
  --size-32: 32px;
  --size-28: 28px;
  --size-24: 24px;
  --size-20: 20px;
  --size-16: 16px;
  --size-12: 12px;
  --size-10: 10px;
  --size-8: 8px;
  --size-6: 6px;
  --size-4: 4px;
  --size-2: 2px;
  --radius-extra-large: 24px;
  --radius-round: 99px;
  --radius-large: 12px;
  --radius-medium: 9px;
  --radius-small: 6px;
  --radius-extra-small: 3px;
  --radius-none: 0;
  --font-family-title: "DINpro";
  --font-family-body: "Arial";
  --font-family-number: "dinm";
  --promotion-04-vertical: linear-gradient(180deg, var(--gradient-promotion-04-lighter), var(--gradient-promotion-04-darker));
  --promotion-04-tilt-rtl: linear-gradient(to bottom left, var(--gradient-promotion-04-lighter), var(--gradient-promotion-04-darker));
  --promotion-04-tilt: linear-gradient(to bottom right, var(--gradient-promotion-04-lighter), var(--gradient-promotion-04-darker));
  --promotion-03-vertical: linear-gradient(180deg, var(--gradient-promotion-03-lighter), var(--gradient-promotion-03-darker));
  --promotion-03-tilt-rtl: linear-gradient(to bottom left, var(--gradient-promotion-03-lighter), var(--gradient-promotion-03-darker));
  --promotion-03-tilt: linear-gradient(to bottom right, var(--gradient-promotion-03-lighter), var(--gradient-promotion-03-darker));
  --promotion-02-vertical: linear-gradient(180deg, var(--gradient-promotion-02-lighter), var(--gradient-promotion-02-darker));
  --promotion-02-tilt-rtl: linear-gradient(to bottom left, var(--gradient-promotion-02-lighter), var(--gradient-promotion-02-darker));
  --promotion-02-tilt: linear-gradient(to bottom right, var(--gradient-promotion-02-lighter), var(--gradient-promotion-02-darker));
  --promotion-01-vertical: linear-gradient(180deg, var(--gradient-promotion-01-lighter), var(--gradient-promotion-01-darker));
  --promotion-01-tilt-rtl: linear-gradient(to bottom left, var(--gradient-promotion-01-lighter), var(--gradient-promotion-01-darker));
  --promotion-01-tilt: linear-gradient(to bottom right, var(--gradient-promotion-01-lighter), var(--gradient-promotion-01-darker));
  --brand-secondary-vertical: linear-gradient(180deg, var(--gradient-secondary-lighter), var(--gradient-secondary-darker));
  --brand-secondary-rtl: linear-gradient(to bottom left, var(--gradient-secondary-lighter), var(--gradient-secondary-darker));
  --brand-secondary: linear-gradient(to bottom right, var(--gradient-secondary-lighter), var(--gradient-secondary-darker));
  --brand-primary-vertical: linear-gradient(180deg, var(--gradient-primary-lighter), var(--gradient-primary-darker));
  --brand-primary-rtl: linear-gradient(to bottom left, var(--gradient-primary-lighter), var(--gradient-primary-darker));
  --brand-primary: linear-gradient(to bottom right, var(--gradient-primary-lighter), var(--gradient-primary-darker));
  --white-vertical: linear-gradient(180deg, var(--neutral-w100), var(--neutral-w75))
}

.detail_list-NH6oKh {
  border-bottom: 1px solid var(--borders-stroke);
  margin-bottom: 12px;
  padding-bottom: 12px
}

.detail_list-NH6oKh .list_item-Z6BDjh {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
  display: flex
}

.detail_list-NH6oKh .list_item-Z6BDjh:last-child {
  margin-bottom: 0
}

.detail_list-NH6oKh .list_item-Z6BDjh.discount-nhgK7Q .label_box-T1tcah,
.detail_list-NH6oKh .list_item-Z6BDjh.discount-nhgK7Q .val_box-lRnRUM {
  color: var(--font-brand-secondary-default)
}

.detail_list-NH6oKh .label_box-T1tcah {
  font-family: var(--font-family-body);
  font-size: var(--font-size-14);
  line-height: var(--line-height-22);
  color: var(--font-w-secondary)
}

.detail_list-NH6oKh .label_box-T1tcah .tips_text-AeH2hL {
  font-size: var(--font-size-12);
  line-height: var(--line-height-18);
  color: var(--font-w-placeholder)
}

.detail_list-NH6oKh .val_box-lRnRUM {
  font-family: var(--font-family-body);
  font-size: var(--font-size-14);
  line-height: var(--line-height-22);
  color: var(--font-w-primary)
}

.total_box-TQPtWw {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  display: flex
}

.total_box-TQPtWw .label_box-T1tcah {
  font-family: var(--font-family-body);
  font-size: var(--font-size-14);
  line-height: var(--line-height-22);
  color: var(--font-w-primary)
}

.total_box-TQPtWw .val_box-lRnRUM {
  font-family: dinm;
  font-size: var(--font-size-18);
  line-height: var(--line-height-26);
  color: var(--font-w-primary)
}

@media (min-width:1025px) {

  .detail_list-NH6oKh .val_box-lRnRUM,
  .total_box-TQPtWw .label_box-T1tcah {
    font-size: var(--font-size-16);
    line-height: var(--line-height-24)
  }

  .total_box-TQPtWw .val_box-lRnRUM {
    font-size: var(--font-size-24);
    line-height: var(--line-height-32)
  }
}

@keyframes PayPriceDetail_LoadingRotateAni__FqrJm {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PayPriceDetail_mobileBottom_box__JHeSp {
  z-index: 2;
  box-sizing: border-box;
  border-top: 1px solid var(--borders-stroke);
  flex-shrink: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0
}

.PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC {
  box-sizing: border-box;
  z-index: 2;
  background: var(--background-page);
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  display: flex;
  position: relative
}

.PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC .PayPriceDetail_btn__12HcB {
  flex-shrink: 0;
  width: calc(50% - 6px)
}

.PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC .PayPriceDetail_text_box__nP51C {
  flex-shrink: 0;
  align-items: flex-start;
  width: calc(50% - 6px);
  display: flex
}

.PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC .PayPriceDetail_text_box__nP51C .PayPriceDetail_total__DDbzo {
  color: var(--font-w-secondary);
  padding-top: 4px;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px;
  display: none
}

.PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC .PayPriceDetail_text_box__nP51C .PayPriceDetail_val__CD8uG {
  flex-direction: column;
  display: flex
}

.PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC .PayPriceDetail_text_box__nP51C .PayPriceDetail_price_box__xjCyI {
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  display: flex
}

.PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC .PayPriceDetail_text_box__nP51C .PayPriceDetail_price_box__xjCyI .PayPriceDetail_text__H3t54 {
  color: var(--font-w-primary);
  font-family: dinm;
  font-size: 20px;
  line-height: 28px
}

.PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC .PayPriceDetail_text_box__nP51C .PayPriceDetail_price_box__xjCyI .PayPriceDetail_iconBox__lOXZd {
  box-sizing: border-box;
  cursor: pointer;
  background: var(--background-component);
  border: 1px solid var(--borders-stroke);
  border-radius: 6px;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  position: relative
}

.PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC .PayPriceDetail_text_box__nP51C .PayPriceDetail_price_box__xjCyI .PayPriceDetail_iconBox__lOXZd i {
  width: 14px;
  height: 14px;
  color: var(--font-w-primary);
  line-height: 1;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC .PayPriceDetail_text_box__nP51C .PayPriceDetail_original_price__Ed0Iu {
  color: var(--font-w-placeholder);
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  text-decoration: line-through;
  display: -webkit-box;
  overflow: hidden
}

.PayPriceDetail_price_detail_pop__i-\+XL {
  background: var(--background-container);
  z-index: 0;
  border-radius: 12px 12px 0 0;
  max-height: 0;
  transition: all .2s ease-in-out;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  overflow: hidden
}

.PayPriceDetail_price_detail_pop__i-\+XL .PayPriceDetail_mess__N3tVN {
  box-sizing: border-box;
  padding: 0 20px 20px
}

@media (min-width:768px) {
  .PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC {
    padding: 20px 72px
  }

  .PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC .PayPriceDetail_text_box__nP51C {
    gap: 4px
  }

  .PayPriceDetail_mobileBottom_box__JHeSp .PayPriceDetail_bottom_cont__T79fC .PayPriceDetail_text_box__nP51C .PayPriceDetail_total__DDbzo {
    display: block
  }

  .PayPriceDetail_price_detail_pop__i-\+XL .PayPriceDetail_mess__N3tVN {
    box-sizing: border-box;
    padding: 0 72px 20px
  }
}

@media (min-width:1025px) {
  .PayPriceDetail_mobileBottom_box__JHeSp {
    display: none
  }
}

@keyframes PayPriceDetailPc_LoadingRotateAni__vcYmS {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes EmailEnterPop_LoadingRotateAni__seCX7 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopMidasCoinsIframe_pop_mode_box__aHqXt {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

@media screen and (min-width:768px) {
  .PopMidasCoinsIframe_pop_mode_box__aHqXt {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .PopMidasCoinsIframe_pop_mode_box__aHqXt.PopMidasCoinsIframe_m_pop__yGNZK {
    width: 568px;
    min-height: 568px;
    max-height: 730px
  }

  .PopMidasCoinsIframe_pop_mode_box__aHqXt.PopMidasCoinsIframe_m_pop__yGNZK .PopMidasCoinsIframe_pop_mess__3tP-4 {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1025px) {
  .PopMidasCoinsIframe_pop_mode_box__aHqXt.PopMidasCoinsIframe_m_pop__yGNZK {
    width: 568px;
    min-height: 558px;
    max-height: 580px
  }

  .PopMidasCoinsIframe_pop_mode_box__aHqXt.PopMidasCoinsIframe_m_pop__yGNZK .PopMidasCoinsIframe_pop_mess__3tP-4 {
    padding-left: 72px;
    padding-right: 72px
  }
}

@media screen and (min-width:1280px) {
  .PopMidasCoinsIframe_pop_mode_box__aHqXt.PopMidasCoinsIframe_m_pop__yGNZK {
    width: 568px;
    min-height: 558px;
    max-height: 558px
  }
}

@media screen and (min-width:1440px) {
  .PopMidasCoinsIframe_pop_mode_box__aHqXt.PopMidasCoinsIframe_m_pop__yGNZK {
    width: 568px;
    min-height: 580px;
    max-height: 642px
  }
}

@media screen and (min-width:1600px) {
  .PopMidasCoinsIframe_pop_mode_box__aHqXt.PopMidasCoinsIframe_m_pop__yGNZK {
    width: 568px;
    min-height: 580px;
    max-height: 642px
  }
}

@media screen and (min-width:1920px) {
  .PopMidasCoinsIframe_pop_mode_box__aHqXt.PopMidasCoinsIframe_m_pop__yGNZK {
    width: 568px;
    min-height: 580px;
    max-height: 742px
  }
}

.PopMidasCoinsIframe_pop_mess__3tP-4 {
  box-sizing: border-box;
  padding: 20px
}

.PopMidasCoinsIframe_pop_mess__3tP-4::-webkit-scrollbar {
  scrollbar-width: none;
  width: 6px
}

.PopMidasCoinsIframe_pop_mess__3tP-4::-webkit-scrollbar-thumb {
  background-color: var(--background-secondarycomponent);
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px #0003
}

@keyframes PopMidasCoinsIframe_LoadingRotateAni__-KzBZ {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopMidasCoinsIframe_pop_mode_box__aHqXt {
  background-image:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/pop_bg.26ceba30.png*/
    url();
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 220px;
  border-radius: 0;
  width: 100%;
  height: 100%
}

.PopMidasCoinsIframe_pop_mess__3tP-4 {
  box-sizing: border-box;
  max-height: calc(var(--vh)*100 - 58px);
  padding: 32px 20px 0;
  overflow-y: auto
}

.PopMidasCoinsIframe_pop_mess__3tP-4.PopMidasCoinsIframe_iframe_type__yI\+sX {
  height: calc(var(--vh)*100 - 58px);
  padding-top: 0;
  padding-bottom: 0;
  overflow-y: hidden
}

.PopMidasCoinsIframe_pop_mess__3tP-4 iframe {
  border: none
}

@media (min-width:768px) {
  .PopMidasCoinsIframe_pop_mode_box__aHqXt {
    border-radius: 12px;
    width: 488px;
    height: auto;
    display: none;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .PopMidasCoinsIframe_pop_mode_box__aHqXt.PopMidasCoinsIframe_m_pop__yGNZK {
    max-height: 568px
  }

  .PopMidasCoinsIframe_pop_mess__3tP-4 {
    max-height: auto;
    height: 520px;
    max-height: 484px;
    padding: 16px 68px 20px;
    overflow-y: auto
  }

  .PopMidasCoinsIframe_pop_mess__3tP-4.PopMidasCoinsIframe_iframe_type__yI\+sX {
    height: 484px;
    padding-top: 0;
    padding-bottom: 0;
    overflow-y: hidden
  }
}

@keyframes PopRedeemCodeIframe_LoadingRotateAni__r6lbb {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopUserInfoCmpl_LoadingRotateAni__IFBvF {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PopSelectCountry_LoadingRotateAni__WErHz {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes ToolBox_LoadingRotateAni__efQNa {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes OfflineOpenPageDialog_LoadingRotateAni__XJBbD {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.OfflineOpenPageDialog_text-dialog-main-wrap__k6QKi {
  box-sizing: border-box;
  margin-bottom: 24px;
  padding: 0 20px
}

.OfflineOpenPageDialog_text-dialog-main-title__72vwk {
  text-align: center;
  color: var(--font-w-primary);
  line-height: 22px
}

@keyframes PopOrderDetail_LoadingRotateAni__6ks4o {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes OrderInformation_LoadingRotateAni__8UkkN {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes PriceDetails_LoadingRotateAni__t9vUv {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes GameAccount_LoadingRotateAni__tOStr {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

:root {
  --v1-light: #f1b280;
  --v1-dark: #994d38;
  --v2-light: #50d8c7;
  --v2-dark: #006b77;
  --v3-light: #b8c8ff;
  --v3-dark: #2f4184;
  --v4-light: #ffd157;
  --v4-dark: #a7681f;
  --v5-light: #90e1f2;
  --v5-dark: #007088;
  --v6-light: #c1cfff;
  --v6-dark: #2d47a5;
  --v7-light: #e7b9ff;
  --v7-dark: #5320a8;
  --v8-light: #f473ff;
  --v8-dark: #fff;
  --text-white-4-disable: #ffffff40;
  --white1: #fff;
  --white2: #ffffffbf;
  --white3: #ffffff80;
  --white4: #ffffff40;
  --white5: #ffffff1a;
  --white6: #ffffff0d;
  --black1: #000000e6;
  --black2: #000c;
  --black3: #0009;
  --black4: #0006;
  --black5: #00000040;
  --black6: #0000001a
}

@keyframes Purchase_LoadingRotateAni__c9LIU {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

/* --- Extracted <style> block #4 --- */
.common-sdk-iframe-wrapper {
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: fixed;
  left: -5000px;
  top: 0;
  z-index: 9999999999;
  border: 0;
}

.common-sdk-iframe-wrapper.open {
  left: 0;
  visibility: visible;
}

/* --- Extracted <style> block #5 --- */
html,
body {
  -webkit-overflow-scrolling: touch !important;
}

/* --- Extracted <style> block #6 --- */
:root {
  --media-url-37: url(images/image_f7541924efde5835711ccbda83a6bfb09169bf18.png);
  --media-url-38: url(images/image_c1d005e183f925e3fde7cb660d95c016742a854c.png);
  --media-url-44: url(images/image_a11e00acf72e82e0c9e0f2d6dba9d0af4227fede.jpg);
  --media-url-45: url(images/image_d730a7a492dfdbe6c02ba085968163f8548ff062.png);
  --media-url-47: url(images/image_d34ff5a170b84318462b5371caf31841115668a5.png);
  --media-url-49: url(images/image_0af5ef6b3754f4ce03ee7df963d107a5933877ce.png);
  --media-url-52: url(images/image_3872e45e7efdca83b032264163542dfd39cbaab6.jpg);
  --media-url-54: url(images/image_720b8ef8268157d5c9471f723f50cc033836def3.png);
  --media-url-56: url(images/image_32646c696a8b2eb970473b8385c810674d60528e.png);
  --media-url-64: url(images/image_bd30bacfb2edcb42facc02f43f3fe259013ac7b1.png);
  --media-url-82: url(images/image_ba7fb2c7ae59a713654a3b05ff223f693bd888d0.jpg);
}

/* --- Extracted <style> block #7 --- */
@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

/* stylelint-disable-next-line selector-max-id */
#loader-spin {
  animation: 0.5s linear infinite rotate;
  transform-origin: 20px 20px;
}

/* --- Extracted <style> block #8 --- */
@keyframes Loading_LoadingRotateAni__UVNXz {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.Loading_loading_wrap__b4EQQ {
  box-sizing: border-box;
  z-index: 1001;
  background: var(--colors-alpha-b75);
  border-radius: 9px;
  padding: 12px 36px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.Loading_icon__RnBFC {
  width: 32px;
  height: 32px;
  color: var(--font-w-primary);
  text-align: center;
  animation: 1s linear infinite Loading_rotateAni__nzWf1;
  -moz-animation: Loading_rotateAni__nzWf1 1 linear infinite;
  -ms-animation: Loading_rotateAni__nzWf1 1s linear infinite;
  background-image: url(images/image_ef0ab1883cbc85bd4d0a53ca3963236d268d908c.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  -o-animation: 1s linear infinite Loading_rotateAni__nzWf1
}

.Loading_text__XM0gC {
  color: var(--font-w-secondary);
  text-align: center;
  margin-top: 4px;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px
}

@media (min-width:768px) {
  .Loading_loading_wrap__b4EQQ {
    top: 40%;
    transform: translate(-50%)
  }

  .Loading_icon__RnBFC {
    width: 40px;
    height: 40px
  }

  .Loading_text__XM0gC {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
  }
}

@media (min-width:1025px) {
  .Loading_icon__RnBFC {
    width: 48px;
    height: 48px
  }

  .Loading_text__XM0gC {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px
  }
}

@keyframes Loading_rotateAni__nzWf1 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes TimeOutBox_LoadingRotateAni__vx3-w {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes ErrorBoundary_LoadingRotateAni__4MwOk {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopStatusPrompt_pop_mode_box__nSRlx {
  visibility: visible;
  background-color: var(--background-container);
  z-index: -2;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  width: 100%;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(100vh)
}

.PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
  width: 335px;
  padding-bottom: 20px
}

@media screen and (min-width:768px) {
  .PopStatusPrompt_pop_mode_box__nSRlx {
    opacity: 0;
    border-radius: 12px;
    width: auto;
    transition: all .2s ease-in-out;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1025px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1280px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1440px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1600px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@media screen and (min-width:1920px) {
  .PopStatusPrompt_pop_mode_box__nSRlx.PopStatusPrompt_s_pop__Bi7Ek {
    width: 375px
  }
}

@keyframes PopStatusPrompt_LoadingRotateAni__KpMLp {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.PopStatusPrompt_pop_mode_box__nSRlx {
  box-sizing: border-box;
  background-color: var(--background-container);
  z-index: -2;
  opacity: 0;
  z-index: -100;
  border-radius: 12px;
  width: 335px;
  padding: 32px 20px 24px;
  transition: all .2s ease-in-out;
  top: 50%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%)
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_title_box__TKREt {
  color: var(--font-w-primary);
  text-align: center;
  margin-bottom: 12px;
  font-family: DINPro;
  font-size: 16px;
  line-height: 24px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ {
  color: var(--font-w-secondary);
  text-align: center;
  margin-bottom: 24px;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ p,
.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ div {
  margin-bottom: 8px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ p:last-child,
.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ div:last-child {
  margin-bottom: 0
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ img {
  width: auto;
  height: 18px;
  margin: 0 8px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ .PopStatusPrompt_sub_text__1LlC0 {
  color: var(--font-w-secondary)
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ span {
  vertical-align: baseline;
  color: var(--font-function-highlight-normal);
  font-family: Arial
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ span i {
  vertical-align: baseline;
  margin: 0 2px;
  position: relative;
  top: 2px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_left__Ku5jM {
  text-align: left
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div {
  margin-bottom: 16px
}

.PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div:last-child {
  margin-bottom: 0
}

@media screen and (min-width:768px) {
  .PopStatusPrompt_pop_mode_box__nSRlx {
    width: 375px;
    padding: 40px 40px 32px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_text_box__FSQZJ {
    font-size: 16px;
    line-height: 24px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_title_box__TKREt {
    font-size: 18px;
    line-height: 26px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div {
    height: 46px;
    line-height: 46px
  }

  .PopStatusPrompt_pop_mode_box__nSRlx .PopStatusPrompt_btn_wrap__vXFhp>div:only-child {
    width: 100%;
    height: 46px;
    line-height: 46px
  }
}

@keyframes Button_LoadingRotateAni__D7mtC {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl .Button_icon_text__C-ysi {
  align-items: center;
  gap: 4px;
  display: flex
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl .Button_icon_text__C-ysi .Button_text__WeIeb {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Arial;
  font-size: 14px;
  overflow: hidden
}

.Button_btn_wrap__utZqk {
  box-sizing: border-box;
  outline: none;
  width: 100%;
  margin-bottom: 20px;
  position: relative
}

.Button_btn_wrap__utZqk:focus {
  outline: none
}

.Button_btn_wrap__utZqk:only-child,
.Button_btn_wrap__utZqk:last-child {
  margin-bottom: 0
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
  outline: none
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl:focus {
  outline: none
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl div,
.Button_btn_wrap__utZqk .Button_btn__P0ibl p {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-family: Arial
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl div img,
.Button_btn_wrap__utZqk .Button_btn__P0ibl p img {
  height: 20px;
  margin-right: 2px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl div i,
.Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
  vertical-align: middle;
  height: 14px;
  margin-right: 4px;
  font-size: 14px;
  line-height: 14px;
  display: inline-block
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM {
  text-align: center;
  background: linear-gradient(to bottom right, var(--special-button-brand-lighter)0%, var(--special-button-brand)100%);
  color: var(--special-font-w-primary);
  cursor: pointer;
  border-radius: 6px;
  outline: none;
  padding: 12px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  overflow: hidden
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM.Button_disable__fVSbn {
  background: linear-gradient(to bottom right, var(--special-button-brand-disable-lighter)0%, var(--special-button-brand-disable)100%);
  color: var(--special-font-w-disable);
  pointer-events: none
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM.Button_disable__fVSbn img {
  opacity: .25
}

@media (any-hover:hover) {
  .Button_btn_wrap__utZqk .Button_btn_primary__1ncdM:hover {
    background: linear-gradient(to bottom right, var(--special-button-brand-hover-lighter)0%, var(--special-button-brand-hover)100%);
    outline: none
  }
}

.Button_btn_wrap__utZqk .Button_btn_primary__1ncdM:active {
  background: linear-gradient(to bottom right, var(--special-button-brand-active-lighter)0%, var(--special-button-brand-active)100%);
  outline: none
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca {
  background: linear-gradient(to bottom right, var(--special-button-brand-lighter)0%, var(--special-button-brand)100%);
  cursor: pointer;
  border-radius: 6px;
  padding: 1px;
  position: relative
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca>div {
  text-align: center;
  background: var(--background-component);
  color: var(--font-brand-normal);
  border-radius: 6px;
  padding: 11px;
  font-size: 14px;
  line-height: 22px
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca.Button_disable__fVSbn {
  background: linear-gradient(to bottom right, var(--special-button-brand-disable-lighter)0%, var(--special-button-brand-disable)100%);
  pointer-events: none
}

.Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca.Button_disable__fVSbn>div {
  color: var(--special-font-w-disable)
}

@media (min-width:768px) {
  .Button_btn_wrap__utZqk .Button_btn__P0ibl .Button_icon_text__C-ysi .Button_text__WeIeb {
    font-size: 16px
  }

  .Button_btn_wrap__utZqk .Button_btn_primary__1ncdM {
    padding: 14px;
    font-size: 16px;
    line-height: 24px
  }

  .Button_btn_wrap__utZqk .Button_btn_ghost__f58Ca>div {
    padding: 13px 14px;
    font-size: 16px;
    line-height: 24px
  }
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
  height: 16px;
  margin-right: 6px;
  font-size: 16px;
  line-height: 16px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_sign__h\+rWM {
  font-size: 12px;
  line-height: 18px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_sign__h\+rWM.Button_btn_primary__1ncdM {
  padding: 10px 12px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY {
  font-size: 12px;
  line-height: 18px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_primary__1ncdM,
.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_ghost__f58Ca>div {
  padding: 10px 24px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg {
  font-size: 16px;
  line-height: 24px
}

.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_primary__1ncdM,
.Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_ghost__f58Ca>div {
  padding: 11px 24px
}

@media (min-width:768px) {
  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg {
    font-size: 14px;
    line-height: 22px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_primary__1ncdM,
  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_ghost__f58Ca>div {
    padding: 15px 24px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY {
    font-size: 12px;
    line-height: 18px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_primary__1ncdM {
    padding: 12px 24px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY.Button_btn_ghost__f58Ca>div {
    padding: 10px 24px
  }
}

@media (min-width:1025px) {
  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY {
    font-size: 14px;
    line-height: 22px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_s_btn__uL0TY i {
    height: 20px;
    margin-right: 6px;
    font-size: 20px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg {
    font-size: 14px;
    line-height: 22px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_primary__1ncdM {
    padding: 15px 24px
  }

  .Button_btn_wrap__utZqk .Button_btn__P0ibl.Button_l_btn__1-JKg.Button_btn_ghost__f58Ca>div {
    padding: 13px 24px
  }
}

@keyframes Button_rotateAni__kZdiK {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

[dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl div i,
[dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl p i,
[dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
  margin-left: 4px;
  margin-right: 0
}

@media (min-width:1025px) {
  [dir=rtl] .Button_btn_wrap__utZqk .Button_btn__P0ibl p i {
    margin-left: 6px;
    margin-right: 4px
  }
}

:root {
  --v1-light: #f1b280;
  --v1-dark: #994d38;
  --v2-light: #50d8c7;
  --v2-dark: #006b77;
  --v3-light: #b8c8ff;
  --v3-dark: #2f4184;
  --v4-light: #ffd157;
  --v4-dark: #a7681f;
  --v5-light: #90e1f2;
  --v5-dark: #007088;
  --v6-light: #c1cfff;
  --v6-dark: #2d47a5;
  --v7-light: #e7b9ff;
  --v7-dark: #5320a8;
  --v8-light: #f473ff;
  --v8-dark: #fff;
  --text-white-4-disable: #ffffff40;
  --white1: #fff;
  --white2: #ffffffbf;
  --white3: #ffffff80;
  --white4: #ffffff40;
  --white5: #ffffff1a;
  --white6: #ffffff0d;
  --black1: #000000e6;
  --black2: #000c;
  --black3: #0009;
  --black4: #0006;
  --black5: #00000040;
  --black6: #0000001a
}

@keyframes Toast_LoadingRotateAni__Rws1m {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.placeholder {
  color: #999
}

.rtl {
  direction: rtl
}

#root {
  height: 100%
}

.App {
  background-color: var(--background-container)
}

.app-wrap__relative {
  position: relative
}

:root {
  --colors-brand-09: #011a7d;
  --colors-brand-08: #0022ab;
  --colors-brand-07: #002cde;
  --colors-brand-06: #1b56ff;
  --colors-brand-05: #3166ff;
  --colors-brand-04: #3988ff;
  --colors-brand-03: #7fbbff;
  --colors-brand-02: #a2d1ff;
  --colors-brand-01: #3988ff40;
  --colors-brand-10: #02195c;
  --colors-lime-02: #88d945;
  --colors-lime-01: #4ad9c1;
  --colors-gradient-yellow-02: #f26c3d;
  --colors-gradient-yellow-01: #f2b818;
  --colors-gradient-blue-02: #1b56ff;
  --colors-gradient-blue-01: #00c4de;
  --colors-gradient-purple-02: #990cf2;
  --colors-gradient-purple-01: #e573cd;
  --colors-gradient-red-02: #e52e43;
  --colors-gradient-red-01: #ff824d;
  --colors-gradient-green-02: #00b25f;
  --colors-gradient-green-01: #88d945;
  --colors-gradient-cyan-02: #0099bf;
  --colors-gradient-cyan-01: #4ad9c1;
  --colors-gradient-secondarybrand-02: #fcc6b3;
  --colors-gradient-secondarybrand-01: #fae3a3;
  --colors-gradient-secondarybrand-09: #85650d;
  --colors-gradient-secondarybrand-08: #c25631;
  --colors-gradient-secondarybrand-07: #c29313;
  --colors-gradient-secondarybrand-06: #f58964;
  --colors-gradient-secondarybrand-05: #f5c646;
  --colors-gradient-secondarybrand-04: #f26c3d;
  --colors-gradient-secondarybrand-03: #f2b818;
  --colors-gradient-secondarybrand-10: #853b22;
  --colors-gradient-brand-09: #056a8c;
  --colors-gradient-brand-08: #002cde;
  --colors-gradient-brand-07: #0790be;
  --colors-gradient-brand-06: #3166ff;
  --colors-gradient-brand-05: #6bdcf8;
  --colors-gradient-brand-04: #1b56ff;
  --colors-gradient-brand-03: #00c4de;
  --colors-gradient-brand-02: #c6d5ff;
  --colors-gradient-brand-01: #bff0f7;
  --colors-gradient-brand-10: #0022ab;
  --colors-pink-02: #e573cd;
  --colors-pink-01: #f473ff;
  --colors-purple-09: #430b77;
  --colors-purple-08: #671fa2;
  --colors-purple-06: #bc5ef7;
  --colors-purple-05: #cc79f9;
  --colors-purple-04: #da94fa;
  --colors-purple-03: #e6b0fc;
  --colors-purple-07: #990cf2;
  --colors-purple-02: #f1ccfd;
  --colors-purple-01: #bc5ef726;
  --colors-purple-10: #25004d;
  --colors-red-09: #a9060d;
  --colors-red-08: #c20a16;
  --colors-red-07: #de1021;
  --colors-red-04: #ef7885;
  --colors-red-03: #f5a8b0;
  --colors-red-02: #f7bec5;
  --colors-red-06: #e52e43;
  --colors-red-05: #e94356;
  --colors-red-01: #e9435626;
  --colors-red-10: #8e0207;
  --colors-green-09: #006f41;
  --colors-green-08: #009150;
  --colors-green-05: #28dd7a;
  --colors-green-03: #82eeac;
  --colors-green-07: #00b25f;
  --colors-green-04: #54e691;
  --colors-green-06: #00d567;
  --colors-green-02: #b4f7cb;
  --colors-green-01: #00d56726;
  --colors-green-10: #004d2f;
  --colors-yellow-09: #c29313;
  --colors-yellow-08: #cb8a06;
  --colors-yellow-03: #ffd561;
  --colors-yellow-02: #ffeda4;
  --colors-yellow-07: #f2aa0a;
  --colors-yellow-06: #f2b818;
  --colors-yellow-05: #f5c646;
  --colors-yellow-04: #ffc63f;
  --colors-yellow-01: #ffc63f26;
  --colors-yellow-10: #85650d;
  --colors-orange-09: #853b22;
  --colors-orange-08: #aa471d;
  --colors-orange-06: #d35a36;
  --colors-orange-07: #c25631;
  --colors-orange-02: #fcc4a4;
  --colors-orange-05: #f77040;
  --colors-orange-04: #ff824d;
  --colors-orange-03: #f58964;
  --colors-orange-01: #f7704026;
  --colors-orange-10: #6a2b16;
  --colors-cyan-09: #0d5777;
  --colors-cyan-03: #83e6f9;
  --colors-cyan-02: #c7faff;
  --colors-cyan-08: #056a8c;
  --colors-cyan-07: #0790be;
  --colors-cyan-06: #0099bf;
  --colors-cyan-05: #00c4de;
  --colors-cyan-04: #6bdcf8;
  --colors-cyan-01: #6bdcf826;
  --colors-cyan-10: #00334d;
  --colors-alpha-b5: #0000000d;
  --colors-alpha-b25: #00000040;
  --colors-alpha-b50: #00000080;
  --colors-alpha-b75: #000000bf;
  --colors-alpha-b100: #000;
  --colors-alpha-w25: #ffffff40;
  --colors-alpha-w50: #ffffff80;
  --colors-alpha-w75: #ffffffbf;
  --colors-alpha-w100: #fff;
  --colors-alpha-b10: #0000001a;
  --colors-alpha-b80: #000c;
  --colors-alpha-b90: #000000e5;
  --colors-alpha-w5: #ffffff0d;
  --colors-alpha-w10: #ffffff1a;
  --colors-blue-09: #011a7d;
  --colors-blue-03: #7fbbff;
  --colors-blue-02: #a2d1ff;
  --colors-blue-01: #3988ff40;
  --colors-blue-08: #0022ab;
  --colors-blue-07: #002cde;
  --colors-blue-06: #1b56ff;
  --colors-blue-05: #3166ff;
  --colors-blue-04: #3988ff;
  --colors-blue-10: #02195c;
  --colors-neutral-08: #292f47;
  --colors-neutral-06: #d1d4e1;
  --colors-neutral-05: #d9dcea;
  --colors-neutral-04: #e3e5f0;
  --colors-neutral-03: #eeeff8;
  --colors-neutral-02: #f3f5fb;
  --colors-neutral-white1: #fff;
  --colors-neutral-01: #fafbff;
  --colors-neutral-09: #252940;
  --colors-neutral-14: #101424;
  --colors-neutral-13: #14182b;
  --colors-neutral-12: #181d30;
  --colors-neutral-11: #1c2236;
  --colors-neutral-10: #20253b;
  --special-borders-divider: var(--colors-alpha-w25);
  --special-borders-stroke: var(--colors-alpha-w5);
  --special-font-b-disable: var(--colors-alpha-b25);
  --special-font-b-placeholder: var(--colors-alpha-b50);
  --special-font-b-secondary: var(--colors-alpha-b75);
  --special-font-b-primary: var(--colors-alpha-b100);
  --special-font-w-disable: var(--colors-alpha-w25);
  --special-font-w-placeholder: var(--colors-alpha-w50);
  --special-font-w-secondary: var(--colors-alpha-w75);
  --special-font-w-primary: var(--colors-alpha-w100);
  --special-toast-puple: var(--colors-gradient-puple-02);
  --special-toast-red: var(--colors-gradient-red-02);
  --special-toast-green: var(--colors-gradient-green-01);
  --special-toast-cyan: var(--colors-gradient-cyan-02);
  --special-toast-yellow: var(--colors-gradient-yellow-02);
  --special-toast-blue: var(--colors-gradient-blue-02);
  --special-tag-puple: var(--colors-gradient-puple-02);
  --special-tag-red: var(--colors-gradient-red-02);
  --special-tag-green: var(--colors-gradient-green-02);
  --special-tag-cyan: var(--colors-gradient-cyan-02);
  --special-tag-yellow: var(--colors-gradient-yellow-02);
  --special-tag-blue: var(--colors-gradient-blue-02);
  --special-button-secondarybrand-disable: var(--colors-gradient-secondarybrand-10);
  --special-button-secondarybrand-active: var(--colors-gradient-secondarybrand-08);
  --special-button-secondarybrand-hover: var(--colors-gradient-secondarybrand-06);
  --special-button-secondarybrand: var(--colors-gradient-secondarybrand-04);
  --special-button-brand-disable: var(--colors-gradient-brand-10);
  --special-button-brand-active: var(--colors-gradient-brand-08);
  --special-button-brand-hover: var(--colors-gradient-brand-06);
  --special-button-brand: var(--colors-gradient-brand-04);
  --special-button-ghost: var(--colors-alpha-w10);
  --special-button-secondarybrand-disable-lighter: var(--colors-gradient-secondarybrand-09);
  --special-button-secondarybrand-active-lighter: var(--colors-gradient-secondarybrand-07);
  --special-button-secondarybrand-hover-lighter: var(--colors-gradient-secondarybrand-05);
  --special-button-secondarybrand-lighter: var(--colors-gradient-secondarybrand-03);
  --special-button-brand-disable-lighter: var(--colors-gradient-brand-09);
  --special-button-brand-active-lighter: var(--colors-gradient-brand-07);
  --special-button-brand-hover-lighter: var(--colors-gradient-brand-05);
  --special-button-brand-lighter: var(--colors-gradient-brand-03);
  --borders-success: var(--colors-green-06);
  --borders-divider: var(--colors-alpha-w25);
  --borders-error: var(--colors-red-05);
  --borders-active: var(--colors-blue-06);
  --borders-border: var(--colors-alpha-w10);
  --borders-stroke: var(--colors-alpha-w5);
  --font-b-disable: var(--colors-alpha-b25);
  --font-b-placeholder: var(--colors-alpha-b50);
  --font-b-secondary: var(--colors-alpha-b75);
  --font-b-primary: var(--colors-alpha-b100);
  --font-w-primary: var(--colors-alpha-w100);
  --font-w-disable: var(--colors-alpha-w25);
  --font-w-placeholder: var(--colors-alpha-w50);
  --font-function-promotion-normal: var(--colors-yellow-04);
  --font-function-highlight-normal: var(--colors-cyan-04);
  --font-function-success-disable: var(--colors-green-02);
  --font-function-success-active: var(--colors-green-07);
  --font-function-success-hover: var(--colors-green-05);
  --font-function-success-normal: var(--colors-green-06);
  --font-function-warning-disable: var(--colors-orange-02);
  --font-function-warning-active: var(--colors-orange-06);
  --font-function-warning-hover: var(--colors-orange-04);
  --font-function-warning-normal: var(--colors-orange-05);
  --font-function-danger-disable: var(--colors-red-02);
  --font-function-danger-active: var(--colors-red-06);
  --font-function-danger-hover: var(--colors-red-04);
  --font-function-danger-normal: var(--colors-red-05);
  --font-w-secondary: var(--colors-alpha-w75);
  --font-brand-disable: var(--colors-brand-02);
  --font-brand-active: var(--colors-brand-05);
  --font-brand-hover: var(--colors-brand-03);
  --font-brand-normal: var(--colors-brand-04);
  --background-noticebar-warning: var(--colors-orange-01);
  --background-badge: var(--colors-red-05);
  --background-noticebar-success: var(--colors-green-01);
  --background-noticebar-promotion: var(--colors-yellow-01);
  --background-noticebar-error: var(--colors-red-01);
  --background-secondarycomponent-active: var(--colors-neutral-08);
  --background-secondarycomponent-hover: var(--colors-neutral-09);
  --background-secondarycomponent: var(--colors-neutral-10);
  --background-container-active-select: var(--colors-neutral-09);
  --background-page: var(--colors-neutral-14);
  --background-secondarycontainer-hover: var(--colors-neutral-11);
  --background-component-active: var(--colors-neutral-09);
  --background-secondarycontainer-active: var(--colors-neutral-09);
  --background-container-hover: var(--colors-neutral-12);
  --background-toast: var(--colors-alpha-b90);
  --background-container-active: var(--colors-neutral-10);
  --background-container: var(--colors-neutral-13);
  --background-secondarycontainer: var(--colors-neutral-12);
  --background-component: var(--colors-neutral-11);
  --background-component-disable: var(--colors-neutral-12);
  --background-component-hover: var(--colors-neutral-10);
  --other-mask-w-component: var(--colors-alpha-w10);
  --other-mask-b-component: var(--colors-alpha-b10);
  --other-mask-page: var(--colors-alpha-b80);
  --other-decoration-light: var(--colors-brand-04);
  --other-decoration-dark: var(--colors-brand-06)
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

iframe {
  width: 100%;
  box-shadow: none;
  border: none;
  display: inline-block;
  position: relative
}

main,
menu {
  display: block
}

video {
  display: inline-block
}

[hidden] {
  display: none
}

a {
  color: inherit;
  background: 0 0;
  text-decoration: none
}

a:active {
  outline: 0
}

img {
  vertical-align: middle;
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

button,
input {
  color: inherit;
  font: inherit;
  vertical-align: middle;
  margin: 0
}

button,
input {
  overflow: visible
}

button {
  text-transform: none
}

button,
html input[type=button] {
  appearance: button;
  cursor: pointer
}

button::-moz-focus-inner {
  border: 0;
  padding: 0
}

input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  background: 0 0;
  border: none;
  outline: none;
  line-height: normal;
  text-decoration: none
}

input[type=number]::-webkit-inner-spin-button {
  height: auto
}

input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input {
  outline: 0
}

input {
  -webkit-user-modify: read-write-plaintext-only
}

input::-ms-clear {
  display: none
}

input::-ms-reveal {
  display: none
}

input::placeholder,
:is(input:input-placeholder) {
  color: #999
}

input::input-placeholder {
  color: #999
}

th {
  padding: 0
}

p {
  margin: 0
}

ul,
li {
  margin: 0;
  padding: 0
}

ul {
  list-style: none
}

html,
body {
  height: 100%
}

* {
  -webkit-tap-highlight-color: #0000
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

@font-face {
  font-family: dinm;
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINMITTELSCHRIFTSTD.cd801923.ttf*/
    url(fonts/font_98d252dcfc90ba34ccd93794216c98b54df59161.ttf);
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINMITTELSCHRIFTSTD.dd89bfdc.eot?#iefix*/
    url()format("embedded-opentype"),
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINMITTELSCHRIFTSTD.0d145998.woff*/
    url(fonts/font_12faf69d54217b30d4458fffad689e758b8a91c6.woff)format("woff"),
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINMITTELSCHRIFTSTD.cd801923.ttf*/
    url(fonts/font_98d252dcfc90ba34ccd93794216c98b54df59161.ttf)format("truetype"),
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINMITTELSCHRIFTSTD.765f1d1f.svg#webfont34M5alKg*/
    url()format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: DINPro;
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINPro-Bold.86d416a5.otf*/
    url(fonts/font_6adaa66a28fa7e891c3f619466387762d56cad5c.otf);
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/DINPro-Bold.86d416a5.otf*/
    url(fonts/font_6adaa66a28fa7e891c3f619466387762d56cad5c.otf)format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: hok-text;
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/HOK-text.756df248.ttf*/
    url();
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/HOK-text.756df248.ttf*/
    url()format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: hok-title;
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/HOK-title.0354cec6.ttf*/
    url();
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/HOK-title.0354cec6.ttf*/
    url()format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: TencentSansMidasbuy;
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/TencentSansMidasbuy-Regular.0955c0d7.ttf*/
    url();
  src:
    /*savepage-url=https://cdn.midasbuy.com/oversea_web/static/media/TencentSansMidasbuy-Regular.0955c0d7.ttf*/
    url()format("truetype");
  font-weight: 400;
  font-style: normal
}

p {
  margin: 0;
  padding: 0
}

.icon {
  display: inline-block
}


/* --- Стили для модального окна покупки --- */

/* Полупрозрачный фон (оверлей) */

/* Когда модальное окно активно (класс на body), показываем фон */

/* Стили самого модального окна */
.ChannelListNew_PayChannelNewType_pop__htUIa {
  position: fixed;
  /* Чтобы не зависело от прокрутки */
  bottom: 0;
  /* Изначально прижато к низу */
  left: 0;
  right: 0;
  /* Для центрирования с margin: auto */
  width: 100%;
  /* Ширина на мобильных */
  max-width: 800px;
  /* Максимальная ширина на десктопе (подбери свою) */
  margin: 0 auto;
  /* Центрирование по горизонтали */
  background-color: #fff;
  /* Цвет фона окна (убедись, что он есть) */
  z-index: 1000;
  /* Выше фона и остального контента */

  /* Красота: скругление углов, тень */
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  /* Скрыть контент, вылезающий при анимации */

  /* --- Анимация выезда снизу --- */
  /* Начальное состояние: смещено вниз за пределы экрана */
  transform: translateY(100%);
  visibility: hidden;
  /* Скрыто изначально */
  /* Плавный переход для transform и visibility */
  transition: transform 0.4s ease-out, visibility 0s 0.4s;
  /* Появится ПОСЛЕ выезда */
}

/* Активное состояние: когда добавлен класс .ChannelListNew_active__LTDuY */
.ChannelListNew_PayChannelNewType_pop__htUIa.ChannelListNew_active__LTDuY {
  transform: translateY(0);
  /* Возвращаем на место */
  visibility: visible;
  /* Делаем видимым */
  transition: transform 0.4s ease-out, visibility 0s 0s;
  /* Выезд без задержки видимости */
}

/* Стили для нового крестика (в углу) */

/* Стили для самой иконки внутри крестика */

/* Цвет иконки при наведении */

/* Предотвращение "дергания" страницы при исчезновении скроллбара */

/* --- Стили для Нового Крестика (усиленные) --- */