:root {
        /* colors */
        --primary: #4100f9;
        --secondary: #ffaf38;
        --dark: #252525;
        --green: #00ef35;
        --greenActive: #29ff00;
        --greenDark: #1db152;
        --red: #ff0000;
        --redTransparent: rgba(255, 0, 0, 0.5);
        --redTransparent1: #ff000080;
        --lightRed: #e70000;
        --darkRed: #a2001b;
        --blueLight: #00c7ff;
        --blue: #0047ee;
        --bluePurple: #6236f5;
        --blueRule: #4100f9;
        --blueDark: #15004b;
        --border: var(--border-color);
        --lightGrey: #f6f6f6;
        --grayLight: #e1e1e1;
        --grayDark: #b6b6b6;
        --grayDarker: #888888;
        --brown: #544231;
        --brown1: #674e38;
        --brown2: #86766b;
        --brown3: #7f6c5a;
        --modalBackground: #23006c;
        --modalBackgroundDarker: #11003d;
        --white: #ffffff;
        --white1: rgba(244, 244, 244, 1);
        --lobbyLine: rgba(255, 255, 255, 0.4);
        --blackColorTransparentL: rgba(0, 0, 0, 0.3);
        --blackColorTransparent: rgba(0, 0, 0, 0.7);
        --blackColorTransparentS: rgba(0, 0, 0, 0.8);
        --blackColorTransparentM: rgba(0, 0, 0, 0.6);
        --blackColorTransparentM1: rgba(0, 0, 0, 0.5);
        --lobbyBorderColor: #d96800;
        --logoutColor: #f44336;
        --btnPrimary: #4100f9;
        --btnCancel: #ff7a00;
        --outlineRed: rgba(255, 68, 45, 0.6);
        --inputBackground: #dcdcdc;
        --inputBg: #ededed;
        --transparentPink: rgba(250, 0, 255, 0.1);
        --whiteTransparentS: rgba(255, 255, 255, 0.2);
        --whiteTransparentS1: rgba(255, 255, 255, 0.6);
        --whiteTransparentS2: rgba(255, 255, 255, 0.4);
        --whiteTransparentS3: rgba(255, 255, 255, 0.3);
        --whiteTransparentM: rgba(255, 255, 255, 0.8);
        --darkerDivider: rgba(37, 37, 37, 0.2);
        --purple: #fa00ff;
        --purpleDark: #9747ff;
        --purpleGlow: #3c1e7d;
        --orange: rgba(255, 119, 0, 1);
        --orangeTransparent1: rgba(255, 119, 0, 0.2);
        --orangeTransparent2: rgba(255, 175, 56, 0.6);
        --borderTransparent: rgba(220, 220, 220, 0.2);
        --numPadLight: #fbfcfe;
        --numPadDark: #beccf0;
        --numPadShadow: #a2b2dc;
        --btnGreen: #1ed100;
        --pinkDark: #ff169f;
        --pinkLight: #ff60a5;
        --AAA: #aaaaaa;
        --label: #ccd6f6;
        --orangeDark: #c7a544;
        --greyTooltip: #d9d9d9;
        --greyBorder: #d9d6fe;
        --bonusColor: #F499FF;



        /* box-shadow */
        --tab: 0px 0.5px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 12px 0px rgba(250, 0, 255, 0.4);
        --box: 0px 1px 10px 0px rgba(136, 136, 136, 0.2);
        --btnShadow: 0px -4px 4px 0px rgba(255, 255, 255, 0.4);
        --btnShadowHover: 0px 0px 12px 0px rgba(255, 255, 255, 0.4), 0px 4px 4px 0px rgba(255, 255, 255, 0.4);
        --btnShadowInset: 0px -4px 4px 0px rgba(255, 255, 255, 0.4) inset;
        --whiteShadow: 0px -4px 4px 0px rgba(255, 255, 255, 0.5) inset;
        --svgShadow: 0px 0px 8px 0px var(--orange) inset;
        --bonusShadow: 0px 0px 5.8px 0px #7A5AF8, 0px 0px 10.9px 0px #B35CFF inset;


        /* bg-colors */
        --whiteTransparent: rgba(255, 255, 255, 0.1);
        --btnGray: #949494;
        --grey: #afafaf;
        --greyTransparent: rgba(182, 182, 182, 0.8);
        --greyTransparentHalf: rgba(182, 182, 182, 0.5);
        --greyTransparent3rd: rgba(182, 182, 182, 0.3);
        --btnDangerBackground: rgba(189, 3, 3, 0.8);
        --btnDarkGray: rgba(102, 102, 102, 0.8);

        /* bg-image */
        --btnSecondary: linear-gradient(180deg, rgba(255, 191, 26, 1), rgba(217, 104, 0, 1));
        --btnSecondaryLighter: linear-gradient(180deg, rgba(255, 218, 85, 1), rgba(239, 170, 0, 1));
        --btnSecondaryHover: linear-gradient(180deg, #d96800 0%, #ffbf1a 116.02%);
        --btnWhite: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(221, 221, 221, 1));
        --btnTab: linear-gradient(180deg, rgba(250, 0, 255, 1), rgba(65, 0, 249, 1));
        --btnRadial: radial-gradient(85.62% 118.33% at 50% 0.22%, rgba(255, 153, 0, 1), rgb(32, 24, 34));
        --lobby-background-glass: linear-gradient(294deg, rgba(255, 255, 255, 0.1) 0.93%, rgba(79, 76, 229, 0.2) 100.78%);
        --web-background: radial-gradient(100% 100% at 50% 0%, #3800ae 0%, #140034 100%);
        --secondary-gradient: linear-gradient(180deg, #ffbf1a 0%, #d96800 116.02%);
        --btn-danger-background: linear-gradient(180deg, rgba(255, 0, 0, 0.8) 0%, rgba(153, 0, 0, 0.8) 116%);
        --sidebar-background-gradient: linear-gradient(180deg, #11003d 0%, #1e015b 100%);
        --btn-primary-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 6.17%, rgba(153, 153, 153, 0.8) 117.34%);
        --btn-primary-gradient-hover: linear-gradient(180deg,
                        rgba(153, 153, 153, 0.8) 0%,
                        rgba(255, 255, 255, 0.8) 111.17%);
        --btn-danger-icon-background-hover: linear-gradient(180deg, #900 0%, #f00 100%);
        --btn-success-gradient: linear-gradient(180deg, var(--green) 0%, #003d1f 109.23%);
        --btn-success-gradient-hover: linear-gradient(0deg, var(--green) -9.23%, #003d1f 100%);
        --btn-neutral-background: linear-gradient(180deg, rgba(182, 182, 182, 0.8) 0%, rgba(136, 136, 136, 0.8) 100%);
        --btnLiveBackground:
                linear-gradient(0deg, #ff00b8 0%, #ff7a00 100%), linear-gradient(180deg, #ffbf1a 0%, #d96800 116.02%);
        --btnLiveBackgroundHover: linear-gradient(180deg, #ff00b8 0%, #ff7a00 116.02%);
        --sidebarInfoWrapperBG: radial-gradient(261% 98.83% at 50% 1.17%, #140034 0%, #3800AE 100%);

        --liveOutlineRed: linear-gradient(87deg, #ff442d 2.34%, #c0003b 90.69%);
        --btnMenu: linear-gradient(180deg, #fa00ff 0%, #4100f9 100%);
        --btnGreenGradient: linear-gradient(180deg, #00ef35 0%, #003d1f 100%);
        --btnGreyGradient: linear-gradient(180deg, rgba(136, 136, 136, 0.8) 0%, rgba(68, 68, 68, 0.8) 118.33%);
        --radioButtonChecked: linear-gradient(180deg, #ffbf1a 0%, #d96800 116.02%);
        --btnYellowGradient: linear-gradient(180deg, #ffda55 0%, #efaa00 100%);
        --btnDarkGray: linear-gradient(180deg, rgba(182, 182, 182, 0.8) 0%, rgba(136, 136, 136, 0.8) 100%);
        --inputGradient: linear-gradient(318.96deg,
                        rgba(255, 255, 255, 0.4) 8.79%,
                        rgba(255, 255, 255, 0) 34.44%,
                        rgba(255, 255, 255, 0) 62.3%,
                        rgba(255, 255, 255, 0.5) 86.83%);
        --redGradient: linear-gradient(90deg, rgba(120, 0, 22, 0) 0%, rgba(120, 0, 22, 0.8) 50%, rgba(120, 0, 22, 0) 100%);
        --announcementBackground: radial-gradient(81.12% 98.83% at 50% 1.17%, #140034 0%, #3800AE 100%);
        --border-image-source: linear-gradient(180deg, #F499FF 0%, #FEF2FF 100%);



        --liveNowButtonBackground: linear-gradient(0deg, var(--orange), var(--orange));
        --btn-shadow-icon: 0px -3px 0px 0px rgba(246, 95, 38, 1) inset, 0px 3px 2px 0px rgba(255, 190, 11, 1) inset;
        --btn-shadow-icon1: 0px -3px 0px 0px rgba(244, 89, 31, 1) inset, 0px 3px 2px 0px rgba(255, 190, 11, 1) inset;
        --liveNowHeaderBackground: linear-gradient(270deg, #ff11a9 0%, #ff3a69 100%);

        /* Live now */
        --btnPinkBackground: linear-gradient(360deg, rgba(153, 20, 86, 0.6) 0%, rgba(255, 33, 144, 0.6) 100%);
        --liveNowText: rgba(180, 186, 201, 1);
        --pink: rgba(255, 33, 144, 1);
        --pink-focus: rgba(255, 17, 167, 1);
        --purple: rgba(250, 67, 255, 1);
        --purpleShadow: 0px 3px 2px 0px rgba(255, 161, 235, 1) inset, 0px -3px 0px 0px rgba(202, 0, 188, 1) inset;
        --golden: rgba(255, 195, 0, 1);
        --goldenRadian: rgba(255, 195, 0, 0.3);
        --liveNowBorder: rgba(151, 180, 255, 1);
        --btnLiveShadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.8);
        --btnNumberPad: linear-gradient(180deg, var(--numPadLight) 0%, var(--numPadDark) 100%);
        --btnNumberPadHover:
                linear-gradient(180deg, var(--numPadLight) 0%, var(--numPadDark) 100%),
                linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
        --btnNumberPadShadow: 0px -3px 0px 0px var(--numPadShadow) inset;
        --btnNumberPadShadowHover: 0px 3px 0px 0px var(--numPadShadow) inset;
        --btnImportBets: radial-gradient(116.09% 100% at 50% 0%, #2fff00 0%, #08be00 100%);
        --btnImportBetsHover:
                radial-gradient(116.09% 100% at 50% 0%, #2fff00 0%, #08be00 100%),
                linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
        --bunusBackground: radial-gradient(87.34% 100% at 51.73% 0%, #230065 57.21%, #5802DF 100%);
        --betListBackground: radial-gradient(87.34% 100% at 51.73% 0%, #230065 57.21%, #5802DF 100%),
                linear-gradient(0deg, rgba(20, 0, 52, 0.85), rgba(20, 0, 52, 0.85));
        --btnLiveNowShadow: 0px -3px 0px 0.43px #00000033 inset;
        --inputShadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.8);
        --shadowBtnNumber: 0px -3px 0px 0px rgba(162, 178, 220, 1) inset;
        --shadowSecondary: 0px -3px 0px 3.66px rgba(0, 0, 0, 0.2) inset;
        --shadowGreen: 0px -4.2px 0px 0.61px rgba(0, 0, 0, 0.2) inset;
        --headerBackground: radial-gradient(50% 50% at 50% 0%, #ffae00 0%, var(--orange) 100%);
        --purpleBackground: rgba(250, 67, 255, 0.3);
        --purpleBorder: rgba(250, 67, 255, 1);
        --yellowBackground: rgba(255, 195, 0, 0.3);
        --yellowBorder: rgba(255, 195, 0, 1);
        --blueBackground: rgba(0, 176, 225, 0.3);
        --blueBorder: rgba(0, 176, 225, 1);
        --bluePurpleBackground: rgba(158, 101, 255, 0.3);
        --bluePurpleBorder: rgba(158, 101, 255, 1);
        --greenGradient2: radial-gradient(116.09% 100% at 50% 0%, #2fff00 0%, #08be00 100%);
        --innerShadow: 0px -3px 0px 0px #00000033 inset;
        --orangeGradient: radial-gradient(100% 76.93% at 100% 50%, #ffae00 0%, #f65f26 100%);
        --svgBackground: linear-gradient(180deg, #ffffff 0%, #fde503 100%);
        --greenShadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px 3px 2px 0px rgba(187, 255, 128, 1) inset;
        --purpleShadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px 3px 2px 0px rgba(255, 161, 235, 1) inset;
        --btnDangerGradient: radial-gradient(87.22% 100% at 50% 0%, #e70000 0%, #a2001b 100%);
        --btnDangerGradientShadow: 0px -3.6px 0px 0px rgba(0, 0, 0, 0.2) inset;
        --secondaryGradient: radial-gradient(116.09% 100% at 50% 0%, #ffae00 0%, #f65f26 100%);
        --secondaryGradientHover:
                radial-gradient(116.09% 100% at 50% 0%, #ffae00 0%, #f65f26 100%),
                linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
        --secondaryShadow: 0px -3px 0px 0.43px rgba(0, 0, 0, 0.2) inset;
        --secondaryShadowHover: 0px 3px 0px 0.43px rgba(0, 0, 0, 0.2) inset;
        --pinkGradientHover:
                linear-gradient(180deg, #ff60a5 0%, #ff169f 100%),
                linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
        --pinkGradientHoverShadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.2) inset;
        --pinkGradient: linear-gradient(180deg, #ff60a5 0%, #ff169f 100%);
        --pinkShadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.2) inset;
        --toast: linear-gradient(180deg, rgba(0, 239, 53, 0.06) 0%, rgba(0, 239, 53, 0.2) 100%);
        --toastBorder: rgba(29, 177, 82, 0.2);
        --cancelGradient: linear-gradient(180deg, #e70000 0%, #a2001b 100%);
        --cancelGradientHover:
                linear-gradient(180deg, #e70000 0%, #a2001b 100%),
                linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
        --orangeHover:
                linear-gradient(0deg, #ff7700, #ff7700), linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
        --orangeShadow: 0px -3px 0px 0px rgba(252, 87, 25, 1) inset, 0px 3px 2px 0px rgba(255, 190, 11, 1) inset;
        --orangeShadowHover: 0px 3px 0px 0px rgba(244, 89, 31, 1) inset, 0px -3px 2px 0px rgba(255, 190, 11, 1) inset;
        --lobbyBg: linear-gradient(272.27deg,
                        rgba(0, 0, 0, 0.2) 2.16%,
                        rgba(37, 20, 87, 0.2) 50.86%,
                        rgba(0, 0, 0, 0.2) 98.35%);
        --lobbyShadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        --gradientBorder: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.4) 100%);
        --gradientCardBorder: linear-gradient(270deg,
                        rgba(255, 255, 255, 0.2) 3.48%,
                        rgba(255, 255, 255, 0.8) 38.93%,
                        rgba(255, 255, 255, 0.2) 95.8%);
        --gradientCardShadowBorder: linear-gradient(270deg,
                        rgba(255, 255, 255, 0.12) 3.48%,
                        rgba(255, 255, 255, 0.48) 38.93%,
                        rgba(255, 255, 255, 0.12) 95.8%);
        --lobbyCard: linear-gradient(180deg, #645bde 0%, #3800ae 100%), linear-gradient(0deg, #ffffff, #ffffff);
        --lobbyCardBg: linear-gradient(180deg, rgba(56, 0, 174, 0) 0%, #645bde 100%);
        --resumesBg: linear-gradient(90deg, rgba(255, 119, 0, 0) 0%, rgba(255, 119, 0, 0.8) 50%, rgba(255, 119, 0, 0) 100%);
        --closeBg: linear-gradient(90deg, rgba(120, 0, 22, 0) 0%, rgba(120, 0, 22, 0.8) 50%, rgba(120, 0, 22, 0) 100%);
        --comingBg: linear-gradient(90deg,
                        rgba(255, 17, 169, 0) 0%,
                        rgba(255, 17, 169, 0.8) 50%,
                        rgba(255, 17, 169, 0) 100%);
        --animationBg: linear-gradient(90deg,
                        rgba(37, 37, 37, 0) 0%,
                        rgba(0, 0, 0, 0.7) 30%,
                        #252525 50%,
                        rgba(37, 37, 37, 0.7) 70%,
                        rgba(37, 37, 37, 0) 100%);
        --animationBorder: linear-gradient(270deg,
                        rgba(255, 33, 144, 0) 0%,
                        rgba(255, 33, 144, 0.7) 16%,
                        #ff2190 50%,
                        rgba(255, 33, 144, 0.7) 84%,
                        rgba(255, 33, 144, 0) 100%);

        /* Live now v2 */
        --black: #000000;
        --black-0: #00000000;
        --black-20: #00000033;
        --black-40: #00000066;
        --black-50: #00000080;
        --black-80: #000000cc;
        --black-60: #00000099;
        --white: #ffffff;
        --white-1a: #ffffff1a;
        --white-20: #ffffff33;
        --white-30: #ffffff4d;
        --white-50: #ffffff80;
        --base-300: #9ea5d1;
        --base-400: #717bbc;
        --brand-400: #9b8afb;
        --brand-500: #7a5af8;
        --brand-600-m: #6938ef;
        --brand-600--20-m: #6938ef33;
        --brand-600--50-m: #6938ef80;
        --neutral-gray-500: #717680;
        --neutral-gray-500-80: #717680cc;
        --secondary-400-m: #fd853a;
        --secondary-400--20-m: #fd853a33;
        --secondary-950: #511c10;
        --system-notice: #ff0000;
        --system-success: #00ef35;
        --system-success-30: #00ef354d;
        --system-success-40: #00ef3566;
        --tertiary-400-m: #e121ff;
        --ticket-100: #edd2a3;
        --ticket-200: #e4cfa0;
        --ticket-300: #c7a544;
        --ticket-400: #8d733f;
        --ticket-400--80: #c7a544cc;
        --ticket-500: #705b31;
        --ticket-600: #00841d;
        --selected-ticket: #4a1fb8;
        --selected-ticket-inner-bg: #3e1c96;
        --selected-ticket-frame-2: #bdb4fe;
        --blue-lucky-spin: #0076b5;
        --dark-lucky-spin: #14093a;
        --win-text-act: rgba(199, 165, 68, 1);
        --pc-bet-list-bg: rgba(20, 0, 52, 0.85);
        --roulette-active: #e121ff33;
        --amount-text-color: #2bfd59;
        --default-Highlight-component-bg-1a: #3800ae;

        /* font for live now v2 */
        --font-size-xs: 0.8rem;
        --font-size-sm: 1rem;
        --font-size-md: 1.2rem;
        --font-size-lg: 2rem;
        --font-weight-bold: 700;
        --font-weight-regular: 400;

        /* background image */
        --center-component-bg: linear-gradient(90deg,
                        rgba(0, 0, 0, 0) 0%,
                        rgba(0, 0, 0, 0.6) 37.5%,
                        rgba(0, 0, 0, 0.6) 71.15%,
                        rgba(0, 0, 0, 0) 100%);
        --bet-type-bg: linear-gradient(177.3deg, #e5d0a1 2.25%, #c7a544 97.75%);
        --bet-type-inner-bg: linear-gradient(180deg, #e4cfa0 0%, #c7a544 107.36%);
        --odd-bg: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);

        --even-bg: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
        --overlay-bg: linear-gradient(180deg, rgba(0, 0, 0, 0) 66.32%, rgba(0, 0, 0, 0.6) 100%);

        --brand-gradient: linear-gradient(177.3deg, var(--brand-400) 2.25%, var(--brand-500) 97.75%);

        --bet-type-ticket-selected-frame: linear-gradient(180deg, #d9d6fe 0%, #bdb4fe 107.36%);
        --bet-type-ticket: var(--ticket-300, rgba(189, 180, 254, 1));

        --gift-shadow: 0 4px 5px -2px var(--brand-600-m);
        --gift-shadow-layer: 0 4px 5px -2px rgba(0, 0, 0, 0.25);
        --progress-color: linear-gradient(90deg, rgba(0, 140, 31, 1) 0%, rgba(0, 239, 53, 1) 100%);
        --progress-color2: linear-gradient(90deg, rgba(225, 33, 255, 1) 0%, rgba(253, 133, 58, 1) 100%);
        --progress-color3: linear-gradient(90deg, rgba(255, 0, 0, 1) 0%, rgba(225, 33, 255, 1) 100%);

        --lucky-draw-bg: linear-gradient(270deg,
                        rgba(255, 255, 255, 0) 0%,
                        rgba(228, 207, 160, 0.2) 16.67%,
                        rgba(199, 165, 68, 0.2) 50%,
                        rgba(228, 207, 160, 0.2) 86.27%,
                        rgba(255, 255, 255, 0) 101.96%);

        --lucky-draw-result-bg: linear-gradient(270deg, rgba(228, 207, 160, 0.8) 16.67%, rgba(199, 165, 68, 0.8) 50%, rgba(228, 207, 160, 0.8) 86.27%);

        --lucky-match-result-bg: linear-gradient(264.69deg, #E4CFA0 0.25%, #C7A544 52.7%, #E4CFA0 107.2%);
        --lucky-bonus-btn-bg: linear-gradient(83.72deg, #C7A544 3%, #E4CFA0 48.72%, #C7A544 100.05%);
        --lucky-bonus-btn-landscape-bg: linear-gradient(270deg, #E4CFA0 16.67%, #C7A544 50%, #E4CFA0 86.27%);
        --lucky-bonus-border-bg: linear-gradient(206.57deg, #E4CFA0 11.26%, #8D733F 94.6%), linear-gradient(0deg, #000000, #000000);

        --black-gradient-bg: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        --video-stream-bg: linear-gradient(180deg, rgba(71, 0, 213, 0) 29.81%, #25006f 100%);
        --select-bg: linear-gradient(180deg, #fbfcfe 0%, #beccf0 100%);
        --duplicate-bg: linear-gradient(90deg, rgba(105, 56, 239, 0) 0%, #6938ef 50%, rgba(105, 56, 239, 0) 100%);
        --win-bg: linear-gradient(90deg, rgba(225, 33, 255, 0.2) 0%, #e121ff 50%, rgba(225, 33, 255, 0.2) 100%);
        --chip-bg: radial-gradient(68.01% 116.76% at 41.66% 100%, #000000 0%, rgba(0, 0, 0, 0) 100%);
        --digit-overlay-bg: radial-gradient(57.2% 85.55% at 66.06% 100%, #000000 0%, rgba(0, 0, 0, 0) 100%);
        --drawing-bg: linear-gradient(90deg,
                        rgba(0, 0, 0, 0) 0%,
                        rgba(0, 0, 0, 0.5) 37.5%,
                        rgba(0, 0, 0, 0.5) 71.15%,
                        rgba(0, 0, 0, 0) 100%);
        --yellow-gradient-bg: linear-gradient(180deg, #e4cfa0 0%, #c7a544 100%);
        --yellow-btn: linear-gradient(360deg, #c7a544 0%, #e4cfa0 100%);
        --default-Highlight-component-bg-2: #140034d9;
        --default-Highlight-component-bg-1b: #140034;
        --border-rotate: radial-gradient(99.26% 99.26% at 0.74% 6.89%, #00ef35 0%, rgba(0, 97, 21, 0) 100%);

        --video-stream-bg: linear-gradient(180deg, rgba(71, 0, 213, 0) 29.81%, #25006f 100%);
        --select-bg: linear-gradient(180deg, #fbfcfe 0%, #beccf0 100%);
        --duplicate-bg: linear-gradient(90deg, rgba(105, 56, 239, 0) 0%, #6938ef 50%, rgba(105, 56, 239, 0) 100%);
        --win-bg: linear-gradient(90deg, rgba(225, 33, 255, 0.2) 0%, #e121ff 50%, rgba(225, 33, 255, 0.2) 100%);
        --bg-overlay-1: linear-gradient(90deg, rgba(0, 0, 0, 0) -1.18%, #140034 100.6%);
        --bg-overlay-2: linear-gradient(180deg, rgba(0, 0, 0, 0) 66.32%, rgba(0, 0, 0, 0.6) 100%);
        --bg-overlay-3: linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 133.67%);
        --bg-overlay-error: linear-gradient(90deg,
                        rgba(253, 133, 58, 0.04) 0%,
                        rgba(253, 133, 58, 0.2) 50.96%,
                        rgba(253, 133, 58, 0.04) 100%);
        --bg-overlay-3d: linear-gradient(270deg, #140034 0.01%, rgba(20, 0, 52, 0) 51.44%, #140034 100%);
        --max-bet-error-bg:
                linear-gradient(0deg, rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.5));
        --warning-bg: linear-gradient(179.9deg, rgba(255, 158, 3, 0.5) -12.89%, rgba(255, 158, 3, 0) 99.91%);
        --maintenance-bg: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(113, 118, 128, 0.8) 50%, rgba(0, 0, 0, 0) 100%);

        --lobby-border: linear-gradient(270deg, rgba(122, 90, 248, 0) 0%, #7A5AF8 53.85%, rgba(122, 90, 248, 0) 100%);
        --winner-list-bg: linear-gradient(180deg, var(--brand-600-m) 0%, rgba(105, 56, 239, 0) 99.19%);
        --menu-active: linear-gradient(180deg, rgba(105, 56, 239, 0) 29.32%, rgba(225, 33, 255, 0.2) 100%);
        --menu-footer-active: linear-gradient(180deg, rgba(225, 33, 255, 0.2) 9.06%, rgba(105, 56, 239, 0) 100%);
        --menu-icon: linear-gradient(180deg, #9B8AFB 0%, #6938EF 100%);
        --menu-mobile-bg: radial-gradient(73.63% 92.26% at 50% 7.74%, #3800AE 0%, #6938EF 100%);
        --menu-language-mobile-bg: linear-gradient(180deg, rgba(0, 171, 238, 0.6) -17%, rgba(0, 171, 238, 0) 100%);
        --announcement-mobile-bg: linear-gradient(90deg, rgba(105, 56, 239, 0) 0%, #6938EF 100%);
}