: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: #f95959;
  --secondary_gradient_color: radial-gradient(
      64.37% 64.37% at 100% 0%,
      rgba(134, 187, 255, 0.37) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    radial-gradient(
      78.35% 66% at 0% 0%,
      rgba(249, 91, 91, 0.2) 0%,
      rgba(255, 153, 141, 0) 100%
    ),
    linear-gradient(
      180deg,
      #fff 0%,
      rgba(255, 255, 255, 0.85) 40.47%,
      rgba(255, 255, 255, 0) 79.76%
    );
  --main_gradient_color: linear-gradient(180deg, #f95959 0%, #f95959 100%);
  --main_gradient_1: #f95959;
  --main_gradient_2: #ff9a8e;
  --secondary_color1: #ffefef;
  --secondary_color2: #ededed;
  --secondary_color3: #ed1b1b;
  --secondary_color4: #ffaeae;
  --secondary_color5: linear-gradient(104deg, #abacb2 30%, #d7d7db 70%);
  --secondary_color6: linear-gradient(
    0deg,
    #eeeff5 4.52%,
    #ff8779 32.15%,
    #f95959 100%
  );
  --main_gradient_color1: #abacb2;
  --main_gradient_color2: #d7d7db;
  --norm_red_color: #f95959;
  --norm_green_color: #4cb957;
  --norm_blue_color: #63a1ff;
  --norm_orange_color: #f6af0b;
  --button_dis: #e8e9f2;
  --text_color_L1: #383a4c;
  --text_color_L2: #848694;
  --text_color_L3: #c1c3cc;
  --text_color_L4: #ffffff;
  --bg_color_login_register: #ffffff;
  --bg_color_L1: #eeeff5;
  --bg_color_L2: #ffffff;
  --bg_color_L3: #f8f8fb;
  --Dividing_line_color: #e8e9f2;
  --box_shadow_1: 0px 4px 28px 0px rgba(56, 58, 76, 0.03);
  --box_shadow_2: 0px -4px 28px 0px rgba(56, 58, 76, 0.03),
    0px 4px 28px 0px rgba(56, 58, 76, 0.03);
  --bg_color_count_down: linear-gradient(180deg, #ffa79c 0%, #ff3e3e 100%);
  --secondary_color: #ededed;
  --svg1: #f95959;
  --svg2: #ffaeae;
  --svg3: #ffcfcf;
  --svg4: #ed1b1b;
  --svg5: #ffefef;
  --main-color: var(--main_color);
  --main_gradient-color: linear-gradient(90deg, #f95959 0%, #ff9a8e 100%);
  --main_gradient-color2: linear-gradient(180deg, #f95959 0%, #ff9a8e 100%);
  --light-main_gradient-color: var(--main_gradient-color);
  --text_white: #fff;
  --light-bg_white: #fff;
  --light-main-color: var(--main-color);
  --gamesaas_ticket_bg1: var(--main_gradient_1);
  --gamesaas_ticket_bg2: var(--main_gradient_2);
  --norm_red-color: #fb5b5b;
  --norm_green-color: #18b660;
  --norm_secondary-color: #feaa57;
  --norm_Purple-color: #c86eff;
  --norm_bule-color: #6ea8f4;
  --button_dis_color: linear-gradient(90deg, #cccedc 15.38%, #cdcfdd 98.73%);
  --Secondary_red_color: #fd565c;
  --Secondary_green_color: #40ad72;
  --Secondary_Color1: #ffebec;
  --Secondary_Color2: #daffeb;
  --Secondary_moto_Color9: #e93a3a;
  --Secondary_moto_Color8: #ffdbdb;
  --Dividing-line_color: #e1e1e1;
  --sheet_nva_color: var(--main-color);
  --sheet_detail_bg_color: #f6f6f6;
  --iconSecondary: rgba(24, 182, 96, 0.3);
  --norm_orange-color: var(--norm_orange_color);
  --turntable-glow-color: #f15542;
}

.box_shadow {
  box-shadow: 0 4px 28px 0 rgba(56, 58, 76, 0.03);
}

.box_shadow_1 {
  box-shadow: 0 4px 4px 0 rgba(3, 17, 36, 0.13);
}

.box_shadow_2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}

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

.btn_main_style {
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #f95959 0%, #ff9a8e 100%)
  );
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.25) inset,
    0 2px 0 0 rgba(255, 255, 255, 0.5) inset, 0 4px 8px 0 rgba(19, 61, 15, 0.25);
}

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

.btn_Secondary_style {
  background: var(--bg_color_L1, #eeeff5);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.13), 0 2px 0 0 #fff inset;
}

.bottom_mix_style {
  background: var(--bg_color_L2, #ffffff);
  box-shadow: 0 2px 0 0 rgba(255, 243, 243, 0.45) inset,
    0 -2px 12px 0 rgba(0, 0, 0, 0.12);
}

.bottom_nav_style {
  background: var(--bg_color_L2, #ffffff);
  box-shadow: 0 2px 0 0 rgba(255, 83, 51, 0.45) inset,
    0 -4px 28px 0 rgba(227, 156, 149, 0.4);
}
