@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@100..900&display=swap');

:root {

    --theme-tab-games-selector-item: linear-gradient(to right, #8800c4, #360679);
    --theme-tab-games-selector-item-active: linear-gradient(180deg, #a1642f, #fad76e);

    --theme-gradient-primary: linear-gradient(180deg, #3f0050 0%, #3f0050 100%);
    --theme-gradient-secondary: linear-gradient(180deg, #3f0050 0%, #3f0050 100%);
    --theme-gradient-quinary: linear-gradient(to top, #8800c4, #360679);
    --theme-gradient-dark: linear-gradient(180deg, #3f0050 0%, #3f0050 100%);

    --theme-top-header-bg-color: #1f002a;
    --theme-top-header-bg-moz: -moz-linear-gradient(to bottom, #1f002a 0%, #1f002a 100%);
    --theme-top-header-bg-webkit: -webkit-linear-gradient(to bottom, #1f002a 0%, #1f002a 100%);
    --theme-top-header-bg: linear-gradient(to bottom, #1f002a 0%, #1f002a 100%);

    --theme-register-bg-color: #fb0001;
    --theme-register-bg-moz: -moz-linear-gradient(45deg, #fb0001 0%, #790901 100%);
    --theme-register-bg-webkit: -webkit-linear-gradient(45deg, #fb0001 0%, #790901 100%);
    --theme-register-bg: linear-gradient(45deg, #fb0001 0%, #790901 100%);

    --theme-login-bg-color: #e2b76d;
    --theme-login-bg-moz: -moz-linear-gradient(45deg, #e2b76d, #61460f);
    --theme-login-bg-webkit: -webkit-linear-gradient(45deg, #e2b76d, #61460f);
    --theme-login-bg: linear-gradient(45deg, #e2b76d, #61460f);

    --theme-footer-bg: linear-gradient(to bottom, #8800c4, #1c0241) !important;

    --theme-active-menu-text-color: #1f002a;
    --theme-btn-play-bg-color: linear-gradient(180deg, #00061f 0%, #00061f 100%);
    --theme-btn-play-text-color: #ffffff;
    --theme-register-btn-text-color: #ffffff;

    --theme-primary-dark: #280133 !important;

    /* --theme-tab-games-selector-bg: rgb(255, 207, 86, 0.3); */

    --theme-fpm-bg: #1a0530;
    --theme-body-bg-color: #1a0530;
    --theme-bg-filter: #1a0530d9;
    /* bootstrap */
    --bs-primary: #1f002a !important;
    --bs-primary-rgb: 31, 0, 42 !important;
    --bs-secondary: #a1642f !important;
    --bs-secondary-rgb: 253, 193, 80 !important;

}

#root {
    font-family: "Noto Sans Lao", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.tab-games-selector-item .title {
    font-weight: 900 !important;
}

.tab-games-selector-item:not(.active):not(:hover) .title {
    background: linear-gradient(180deg,
            #fff3a0 0%,
            #b8732a 20%,
            #fff3a0 40%,
            #b8732a 60%,
            #fff3a0 80%,
            #b8732a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}