:root {
  --tt-1: #5780e9; /* primary */
  --tt-2: #dba84c; /* masFontActive */
  --tt-3: #97a7b6; /* masFont */
  --tt-4: #969ab4; /* iconColor */
  --tt-5: #b4b4b4; /* btnText */
  --tt-6: #aaafc8; /* feedbackItem */
  --tt-7: #4165ef; /* downloadBg-3 */
  --tt-8: #646566; /* hoverText */
  --tt-9: #523fbe;
  --tt-10: #617181; /* rankCarousellText */
  --tt-11: #ef7979; /* rankCarousellText2 */
  --tt-12: #eddcc1; /*  */

  --tt-13: #c8d5fa; /* homeText1 */
  --tt-14: #7583a7; /* HomeGameEventText1 */
  --tt-15: #b3c7e8; /* HomeGameEventText2 */
  --tt-16: #8982f7; /* HomeGameBonusContentText1 */
  --tt-17: #fed932; /* HomeGameBonusContentText2 */
  --tt-18: #9094b5; /* HomeGameBonusContentText3 */
  --tt-19: #36f8ca; /* HomeGameBonusContentText4 */
  --tt-20: #e34747; /* ErrorTextColor */
  --tt-21: #1879ff; /* NavigationTextColor */
  --tt-22: #7e8caf; /* NoticeMessageColor */
  --tt-23: #f5f5f5; /* myTool-1 */
  --tt-24: #493a32; /* myTool-2 */
  --tt-25: #cbc88d; /* WeeklyCardHintText */
  --tt-26: #fdfbd5; /* JackpotGradientTextTop */
  --tt-27: #fffc00; /* JackpotGradientTextBottom */
  --tt-28: #2152c2; /* SilverWeekCardText */
  --tt-29: #f07929; /* SilverWeekCardText */
  --tt-30: #7927d3; /* SilverWeekCardText */
  --tt-31: #204cfa; /* SilverWeekCardText */

  --bd-1: #1b1e2f; /* masPrimary */
  --bd-2: #97a7b6; /* masFont */
  --bd-3: #313958; /* masBorder */
  --bd-4: #617def; /* earnButtonColor */
  --bd-5: #aaafc8; /* feedbackItem */
  --bd-6: #1a1c2e; /* profileBg */
  --bd-10: #292e46; /* myToolBorder */
  --bd-11: #116dfb; /*vipProgressColor*/
  --bd-12: #2d4876;
  --bd-13: #30446e;
  --bd-14: #2b3f7d; /* TableBorderColor */
  --bd-15: #00041345; /* TableBorderColor2 */
  --bd-16: #827f7f; /* NewVipButtonBorder */
  --bd-17: #7e670c; /* DarkGoldBorder */

  --cl-1: #5780e9; /* primary */
  --cl-2: #05123d; /* masPrimary */
  --cl-3: #020826; /* masBgColor */
  --cl-4: #dba84c; /* masFontActive */
  --cl-5: #97a7b6; /* masFont */
  --cl-6: #242a42; /* masBgColor2 */
  --cl-7: #262e4b; /* fieldBg */
  --cl-8: #617def; /* earnButtonColor */
  --cl-9: #4f3fc5; /* downloadBg-4 */
  --cl-10: #5099f2; /* dialog-header-1 */
  --cl-11: #2f33b7; /* dialog-header-2 */
  --cl-12: #4165ef; /* downloadBg-3 */
  --cl-13: #523fbe; /* dialog-button-2 */
  --cl-14: #24263e; /* buttonBg-1 */
  --cl-15: #462fcd; /* buttonBg-2 */
  --cl-16: #263062; /* buttonBg-3 */
  --cl-17: #121a22; /* buttonBg-4 */
  --cl-18: #3e381f; /* buttonBg-5 */
  --cl-19: #3c1e52; /* buttonBg-7 */
  --cl-20: #00b9ff; /* iconBg-1 */
  --cl-21: #0083fd; /* iconBg-2 */
  --cl-22: #d2d2d2; /* iconBg-3 */
  --cl-23: #818181; /* iconBg-4 */
  --cl-24: #322797; /* myBg-1 */
  --cl-25: #2c0092; /* myBg-2 */
  --cl-26: #4036aa; /* myBg-3 */
  --cl-27: #586597; /* myBg-4 */
  --cl-28: #353d5a; /* myBg-5 */
  --cl-29: #3750e8; /* downloadBg-1 */
  --cl-30: #333a4c; /* downloadBg=2 */
  --cl-31: #161f2c; /* color-1 */
  --cl-32: #1d2633; /* color-2 */
  --cl-33: #111923; /* color-3 */
  --cl-35: #f7f8fa; /* hoverButtonBg */
  --cl-36: #f9b207; /* myTool-1 */
  --cl-37: #70db2a; /* myTool-2 */
  --cl-38: #12805f; /* myTool-3 */
  --cl-39: #4ae3ac; /* myTool-4 */
  --cl-40: #00649e; /* myTool-5 */
  --cl-41: #a5adf6; /* myTool-6 */
  --cl-42: #f85f69; /* myTool-7 */
  --cl-43: #645df7; /* myTool-8 */
  --cl-44: #222b51; /* myHoverGradient */
  --cl-45: #a001d0; /* headerBtnGradient-1 */
  --cl-46: #1e2736; /* downloadBg-5 */
  --cl-47: #59677c; /* iconBg-5 */
  --cl-48: #5e15f7; /* headerBtnGradient-2 */
  --cl-49: #1d2335; /* rankCarousell-Bg */
  --cl-50: #101629; /* rankCarousell-Bg2 */
  --cl-51: #222939; /* 404 bg color */
  --cl-52: #001e64; /* gameTabbarGradient */
  --cl-53: #d67b02; /* gameBannerGradient1 */
  --cl-54: #f9c76c; /* gameBannerGradient2 */
  --cl-55: #0210d6; /* fishBannerGradient1 */
  --cl-56: #34dfe5; /* fishBannerGradient2 */
  --cl-57: #635548; /* vipProgressBar */
  --cl-58: #192840; /* homeCustomer-Bg1 */
  --cl-59: #17253b; /* homeCustomer-Bg2 */
  --cl-60: #6754a7; /* homeCustomer-Btn1 */
  --cl-61: #233551; /* homeCustomer-Bg3 */
  --cl-62: rgba(0, 0, 0, 0.62); /* homegameHot-Bg1 */
  --cl-63: #2d3644; /* homeEvent-Bg1 */
  --cl-64: #1a222e; /* homeEvent-Bg2 */
  --cl-65: #293444; /* homeEvent-Bg3 */
  --cl-66: #483968; /* vipButton1Gradient1 */
  --cl-67: #8d71cf; /* vipButton1Gradient2 */
  --cl-68: #32965d; /* vipButton2Gradient1 */
  --cl-69: #5dd09d; /* vipButton2Gradient2 */
  --cl-70: #ae7f20; /* vipButton3Gradient1 */
  --cl-71: #ffe79a; /* vipButton3Gradient2 */

  --cl-72: #1c49cf; /* HomeGameNav-Bg1 */
  --cl-73: #6900fb; /* HomeGameNav-Bg2 */
  --cl-74: #5d17ab; /* HomeGameNav-Bg3 */
  --cl-75: #e4a010; /* HomeGameNav-Bg4 */
  --cl-76: #000f37; /* home-Bg1 */
  --cl-77: #003365; /* HomeGameBonusMenu-Bg1 */
  --cl-78: #f60184; /* HomeGameBonusMenu-Bg2 */
  --cl-79: #94078c; /* HomeGameBonusMenu-Bg3 */
  --cl-80: #170e52; /* HomeGameBonusContent-Bg1 */
  --cl-81: #15128a; /* HomeGameBonusContent-Bg2 */
  --cl-82: #0079ff; /* HomeGameBonusContent-Bg3 */
  --cl-83: #db3130; /* HomeGameBonusContent-Bg4 */
  --cl-84: #7c1c1c; /* HomeGameBonusContent-Bg5 */
  --cl-85: #33b18b; /* HomeGameBonusContent-Bg6 */
  --cl-86: #22765c; /* HomeGameBonusContent-Bg7 */
  --cl-87: #2fa280; /* HomeGameBonusContent-Bg8 */
  --cl-88: #5338cf; /* HomeGameBonusContent-Bg9 */
  --cl-89: #e2911b; /* HomeGameBonusContent-Bg10 */
  --cl-90: #010827; /* HomeContent-Bg1 */
  --cl-91: #31446e; /* DisabledInputIconColor */
  --cl-92: #435572; /* DisabledInputPlaceholderColor */
  --cl-93: #1e2f5c; /* DisabledInputBorderColor */
  --cl-94: #02123d; /* DisabledInputBackground */
  --cl-95: #116dfb; /* ConfirmButtonColor */
  --cl-96: #53a1f7; /* BlueGradientLight */
  --cl-97: #2f31b7; /* BlueGradientDark */
  --cl-98: #1b213d; /* EarnMoneyInfoBackground */
  --cl-99: #1a1f31; /* UpcomingMatchesBackground */
  --cl-100: #67e6f8; /* LightBlueThemeColor2 */
  --cl-101: #32c6d2; /* LightThemeBackground */
  --cl-102: #303456; /* TableHeaderColor */
  --cl-103: #1a1f38; /* DarkThemeBackground */
  --cl-104: #3b82f6; /* LightBlueThemeColor */
  --cl-105: #f9b560; /* LightOrangeThemeColor */
  --cl-106: #2a3546; /* DarkThemeColor */
  --cl-107: #0f1941; /* DarkThemeColor2 */
  --cl-108: #0f1a42; /* DarkThemeColor3 */
  --cl-109: #0b1d5e; /* DarkThemeColor4 */
  --cl-110: #4729ed; /* DarkThemeColor Purple */
  --cl-111: #ffb55f; /* LightOrangeThemeColor2 */
  --cl-112: #e0e0e0; /* Lighter disabled color */
  --cl-113: #a0a0a0; /* Darker disabled color */
  --cl-114: #3a8efc; /* TokenBorderColor */
  --cl-115: #7b9db9; /* InputIconColor */
  --cl-116: #99b3c1; /* InputPlaceholderColor */
  --cl-117: #3b82f6; /* InputBorderColor */
  --cl-118: #1e3a8a; /* InputBackground */
  --cl-119: #ebc85e; /* WeekCardTableBorder */
  --cl-120: #0f0e0e; /* NewVipButtonGradientDark */
  --cl-121: #756d6d; /* NewVipButtonGradientLight */
  --cl-122: #827f7f; /* NewVipButtonBorder */
  --cl-123: #413b3b; /* NewVipClaimItem */
  --cl-124: #c3c3c3; /* NewVipClaimProgress */
  --cl-125: #c084fc; /* MyVipProgress */
  --cl-126: #263062; /* GameListTabBarUnselectGradeint1 */
  --cl-127: #111923; /* GameListTabBarUnselectGradeint2 */
  --cl-128: #161f2c; /* GameListBg */

  --sp-1: #1877f2; /* FacebookColor */
  --sp-2: #e4405f; /* InstagramColor */
  --sp-3: #fffc00; /* SnapchatColor */
  --sp-4: #0088cc; /* TelegramColor */
  --sp-5: #25d366; /* WhatsappColor */
  --sp-6: #00aff0; /* SkypeColor */
  --sp-7: #59269c; /* ViberColor */
  --sp-8: #ff4500; /* RedditColor */
  --sp-9: #7289da; /* DiscordColor */
  --sp-10: #07c160; /* WeChatColor */
  --sp-11: #000000; /* XTwitterColor */
  --sp-12: #ff0000; /* YoutubeColor */
  --sp-13: #1d4e89; /* EarthColor */
  --sp-14: #acdc5c; /* LinktreeColor */
  --sp-15: #edc006; /* LKTColor */

  .dp__theme_light {
    --dp-background-color: var(--cl-2);
    --dp-text-color: var(--cl-5);
    --dp-icon-color: var(--dp-text-color);
    --dp-hover-color: #1a1f38;
    --dp-hover-text-color: var(--cl-8);
    --dp-hover-icon-color: var(--cl-13);
    --dp-primary-color: var(--cl-13);
    --dp-primary-disabled-color: var(--cl-13);
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #c0c4cc;
    --dp-border-color: #00000000;
    --dp-menu-border-color: var(--bd-2);
    --dp-border-color-hover: #00000000;
    --dp-border-color-focus: #00000000;
    --dp-success-color: var(--dp-menu-border-color);
    --dp-success-color-disabled: var(--dp-menu-border-color);
    --dp-danger-color: var(--dp-menu-border-color);
    --dp-marker-color: var(--dp-menu-border-color);
    --dp-scroll-bar-background: var(--dp-background-color);
    --dp-scroll-bar-color: var(--dp-background-color);
    --dp-tooltip-color: #fff;
    --dp-disabled-color: #d3d3d3;
    --dp-disabled-color-text: #8e8e8e;
    --dp-highlight-color: var(--cl-13);
    --dp-range-between-dates-background-color: var(--dp-hover-color);
    --dp-range-between-dates-text-color: var(--dp-hover-text-color);
    --dp-range-between-border-color: var(--dp-hover-color);
    --dp-border-radius: 4px; /*Configurable border-radius*/
    --dp-cell-border-radius: 4px; /*Specific border radius for the calendar cell*/
    --dp-common-transition: all 0.1s ease-in; /*Generic transition applied on buttons and calendar cells*/

    /*Sizing*/
    --dp-button-height: 35px; /*Size for buttons in overlays*/
    --dp-month-year-row-height: 35px; /*Height of the month-year select row*/
    --dp-month-year-row-button-size: 35px; /*Specific height for the next/previous buttons*/
    --dp-button-icon-height: 20px; /*Icon sizing in buttons*/
    --dp-cell-size: 35px; /*Width and height of calendar cell*/
    --dp-cell-padding: 5px; /*Padding in the cell*/
    --dp-common-padding: 10px; /*Common padding used*/
    --dp-input-icon-padding: 35px; /*Padding on the left side of the input if icon is present*/
    --dp-input-padding: 6px 30px 6px 12px; /*Padding in the input*/
    --dp-menu-min-width: 260px; /*Adjust the min width of the menu*/
    --dp-action-buttons-padding: 2px 5px; /*Adjust padding for the action buttons in action row*/
    --dp-row-margin: 5px 0; /*Adjust the spacing between rows in the calendar*/
    --dp-calendar-header-cell-padding: 0.5rem; /*Adjust padding in calendar header cells*/
    --dp-two-calendars-spacing: 10px; /*Space between multiple calendars*/
    --dp-overlay-col-padding: 3px; /*Padding in the overlay column*/
    --dp-time-inc-dec-button-size: 32px; /*Sizing for arrow buttons in the time picker*/
    --dp-menu-padding: 6px 8px; /*Menu padding*/

    /*Font sizes*/
    --dp-font-size: 1rem; /*Default font-size*/
    --dp-preview-font-size: 0.8rem; /*Font size of the date preview in the action row*/
    --dp-time-font-size: 0.8rem; /*Font size in the time picker*/

    /*Transitions*/
    --dp-animation-duration: 0.1s; /*Transition duration*/
    --dp-menu-appear-transition-timing: cubic-bezier(
      0.4,
      0,
      1,
      1
    ); /*Timing on menu appear animation*/
    --dp-transition-timing: ease-out; /*Timing on slide animations*/
  }
}

/* [data-theme='lightblue'] {} */