:root:root {
  --van-primary-color: var(--main_color);
  --van-tabbar-item-active-color: var(--main_color);
  --van-tabbar-item-text-color: var(--text_color_L2);
  --van-sidebar-text-color: var(--main-color);
  --van-picker-background: var(--bg_color_L3);
  --van-picker-option-text-color: var(--text_color_L2);
  --van-picker-confirm-action-color: var(--main-color);
  --van-checkbox-checked-icon-color: var(--main-color);
  --van-checkbox-label-color: var(--text_color_L2);
  --van-field-input-text-color: var(--text_color_L1);
  --van-radio-checked-icon-color: var(--main-color);
  --van-grid-item-content-background: var(--bg_color_L1);
  --van-text-color: var(--text_color_L1);
  --van-dialog-background: var(--bg_color_L2);
  --van-circle-color: var(--main-color);
  --van-circle-layer-color: var(--bg_color_L3);
  --van-calendar-range-edge-background: var(--main-color);
  --van-button-primary-background: var(--main_color);
  --van-button-primary-border-color: var(--main-color);
  --van-toast-text-color: var(--main-color);
}

.van-picker-column__item.van-picker-column__item--selected {
  color: unset;
}

:root {
  --main_color: #f0ab24;
  --main_gradient_1: #fad122;
  --main_gradient_2: #f0ab24;
  --main_gradient_color: linear-gradient(180deg, #e8c400 0%, #975101 100%);
  --gamesaas_ticket_bg1: #ebb038;
  --gamesaas_ticket_bg2: #bf8613;
  --secondary_color1: #fff5e1;
  --secondary_color2: #304859;
  --secondary_color3: #eda71b;
  --secondary_color4: #ffe4ae;
  --secondary_color5: #becfd8;
  --secondary_color6: linear-gradient(
    180deg,
    var(--gamesaas_ticket_bg1) 13.44%,
    var(--gamesaas_ticket_bg2) 86.56%
  );
  --secondary_color7: linear-gradient(
    188deg,
    rgba(46, 56, 71, 0.5) 6.14%,
    rgba(32, 39, 51, 0) 99.42%
  );
  --secondary_color8: linear-gradient(0deg, #fba133 0%, #fad122 100%);
  --norm_red_color: #f45353;
  --norm_green_color: #4cb957;
  --norm_bule_color: #42a8ff;
  --norm_orange_color: #e99942;
  --norm_hint_color: #edb04c;
  --button_dis: #514b2f;
  --text_primary: #ffffff;
  --text_secondary: #b3bbd3;
  --text_tertiary: #748197;
  --text_inverse: #ffffff;
  --text_btn_main: #ffffff;
  --text_disabled: #847d6d;
  --text_placeholder: #465a68;
  --text_color_L1: var(--text_primary);
  --text_color_L2: var(--text_secondary);
  --text_color_L3: var(--text_tertiary);
  --text_color_L4: var(--text_btn_main);
  --bg_color_L1: #1e2d38;
  --bg_color_L2: #263a46;
  --bg_color_L3: #364d5f;
  --bg_color_L4: #57523e;
  --Stroke_color: #516879;
  --Dividing_line_color: #4d6776;
  --home_stroke2: #516879;
  --home_wheel: radial-gradient(
    45.65% 100% at 50% 0%,
    rgba(240, 171, 36, 0.3) 0%,
    #1e2d38 100%
  );
  --progress_bar: linear-gradient(270deg, #fad122 0%, #f0ab24 100%);
  --box_shadow_1: 0 4px 4px 0 rgba(3, 17, 36, 0.25);
  --score-board-bg: linear-gradient(90deg, #fad122 0%, #f0ab24 100%);
  --score-start-bar: linear-gradient(
    180deg,
    #d79f4f 0%,
    #fffed0 30.77%,
    #ffffd8 60.1%,
    #b07a4a 80.77%,
    #c48241 100%
  );
  --score-box-shadow: rgba(250, 209, 34, 0.5);
  --score-box-glow: #f0ab24;
  --score-digit-color: linear-gradient(
    180deg,
    #fbcd67 16.27%,
    #e7be6c 27.59%,
    #fbf9c8 40.92%,
    #f9f2a4 52.49%,
    #c49954 62.03%,
    #d29d4d 68.28%,
    #fee777 74.86%,
    #ba8741 79.39%,
    #b6672e 84.94%
  );
  --champion1: #ecc731;
  --champion2: #80b1f2;
  --champion3: #c78672;
  --champion-bg: #263a46;
  --tips-color: #748197;
  --main-color: var(--main_color);
  --main_gradient-color: var(--main_gradient_color);
  --main_gradient-color2: linear-gradient(0deg, #fad122 0%, #f0ab24 100%);
  --light-main_gradient-color: var(--main_gradient_color);
  --norm_bule-color: var(--norm_bule_color);
  --norm_red-color: var(--norm_red_color);
  --norm_orange-color: var(--norm_orange_color);
  --norm_green-color: var(--norm_green_color);
  --norm_Purple_color: #b659fe;
  --norm_Purple-color: var(--norm_Purple_color);
  --norm_secondary-color: var(--norm_orange_color);
  --Dividing-line_color: var(--Dividing_line_color);
  --button_dis_color: var(--button_dis);
  --sheet_nva_color: var(--main_color);
  --Secondary_moto_Color8: #cecece;
  --Secondary_moto_Color9: #e4b453;
  --turntable-glow-color: #f15542;
}

.box_shadow_1 {
  box-shadow: var(--box_shadow_1);
}

.text_shadow {
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

.btn_main_style {
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #fad122 0%, #f0ab24 100%)
  );
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25),
    0 2px 0 0 rgba(255, 237, 174, 0.7) inset,
    0 -1px 0 0 rgba(255, 255, 255, 0.25) inset;
}

.btn_orange_style {
  background: var(--norm_orange_color);
}

.btn_Secondary_style {
  border-radius: 8px;
  background: var(--bg_color_L2, #263a46);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 2px 0 0 #2e384a inset;
}

.bottom_mix_style {
  border-radius: 8px;
  background: var(--bg_color_L2, #263a46);
  box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.2) inset,
    0 -4px 28px 0 rgba(27, 31, 66, 0.7);
}

.bottom_nav_style {
  border-radius: 8px;
  background: var(--bg_color_L2, #263a46);
  box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.2) inset,
    0 -4px 28px 0 rgba(27, 31, 66, 0.7);
}